2014-11-17 周周
比起純粹的商務(wù)網(wǎng)站，設(shè)計(jì)師會(huì)更青睞允許自由發(fā)揮創(chuàng)意的項(xiàng)目。從網(wǎng)頁(yè)設(shè)計(jì)的角度上來(lái)說(shuō)，“普通”的網(wǎng)站也正是需要借助創(chuàng)意來(lái)脫穎而出，尤其是產(chǎn)品宣傳網(wǎng)站，更是有足夠的空間來(lái)供設(shè)計(jì)師來(lái)發(fā)揮他們的狂拽酷炫的創(chuàng)意。實(shí)際上如果你正在尋求網(wǎng)站設(shè)計(jì)創(chuàng)意靈感的話，那么這些宣傳網(wǎng)站正是你需要的。
接下來(lái)我們要推薦的20個(gè)宣傳網(wǎng)站中，既有精致的產(chǎn)品宣傳頁(yè)，也有氛圍營(yíng)造得恰如其分的活動(dòng)宣傳頁(yè)，還有幾個(gè)創(chuàng)意爆棚的個(gè)人宣傳網(wǎng)站。這些網(wǎng)站無(wú)一不是設(shè)計(jì)精美的典范，更重要的是其中包含了設(shè)計(jì)師精心設(shè)計(jì)的交互和動(dòng)效。如果你有時(shí)間的話，每個(gè)網(wǎng)站都仔細(xì)把玩一番，絕對(duì)讓你獲益匪淺！
這個(gè)獨(dú)特的網(wǎng)站是以HBO旗下著名劇集《權(quán)利的游戲》為主題的宣傳頁(yè)。Sarit Evrani 使用來(lái)Webydo的免費(fèi)代碼創(chuàng)建了這個(gè)網(wǎng)站，將10個(gè)不同角色的10種不同的死亡方式用視差滾動(dòng)的方式呈現(xiàn)出來(lái)。
有超級(jí)英雄情節(jié)的朋友，或者DC的漫畫(huà)迷肯定會(huì)非常喜歡這個(gè)網(wǎng)站的。這一網(wǎng)站并非單純的上下滑動(dòng)，還可以左右滑動(dòng)，大量漂亮的原畫(huà)被容納在這種極具探索性的瀏覽視圖中，能讓用戶充滿發(fā)現(xiàn)的快感。蝙蝠車3D視圖的頁(yè)面讓我欲罷不能，真的。
這個(gè)美麗的網(wǎng)站通過(guò)湯姆?勞倫斯自己的故事展示了勞倫斯藝術(shù)令人著迷的一面。向下滾動(dòng)，你會(huì)在視頻、文字和圖片之間看到勞倫斯拼貼藝術(shù)的完成過(guò)程。從頭到尾，用戶都具有極高的參與度。
這個(gè)由著名圓珠筆公司BIC所創(chuàng)建的網(wǎng)頁(yè)，為我們探索了屬于手寫(xiě)字體的世界。這個(gè)網(wǎng)站不僅會(huì)回答加載時(shí)候音頻和視頻中的問(wèn)題，還可以通過(guò)選擇性別、年齡、國(guó)家、左右手來(lái)篩選查看各種手寫(xiě)字體。同時(shí)，你也可以上傳你自己的字體。
這個(gè)街拍風(fēng)格指南網(wǎng)站擁有相當(dāng)不錯(cuò)的交互動(dòng)畫(huà)，你可以選擇自動(dòng)滾動(dòng)也可以手動(dòng)控制滾動(dòng)速度，然后點(diǎn)擊十字標(biāo)識(shí)來(lái)查看產(chǎn)品的圖片，價(jià)格，搭配，如果你喜歡，可以立刻點(diǎn)擊購(gòu)買。
魁北克的“建造者節(jié)”允許任何人做一天的建造者，而這個(gè)網(wǎng)站正是宣傳這一節(jié)日的。網(wǎng)站設(shè)計(jì)大氣，用扁平化的設(shè)計(jì)風(fēng)格承載大量的圖片和視頻信息，值得學(xué)習(xí)借鑒。
這是一個(gè)典型的品牌宣傳網(wǎng)站，個(gè)性化的色調(diào)處理，加上幻燈片式的動(dòng)畫(huà)展現(xiàn)方式，結(jié)合視差滾動(dòng)的效果，讓整個(gè)網(wǎng)站和品牌性格結(jié)合到一起。這種方式讓瀏覽的愉悅感極具增加，也不影響用戶找到他們想要的信息。
設(shè)計(jì)效果卓越又能提供干貨資源的網(wǎng)站可不多，好在這個(gè)網(wǎng)站就是其中之一。看名字就知道，免費(fèi)圖標(biāo)字體，華麗的布局，扁平化的設(shè)計(jì)，鮮艷的色彩和簡(jiǎn)約的動(dòng)畫(huà)，這個(gè)網(wǎng)站值得反復(fù)看喲。
這個(gè)網(wǎng)站是Nokia宣傳 Lumia 1020的站點(diǎn)，還是由服裝品牌Burton贊助的，使用這款手機(jī)拍攝的照片被用作背景，結(jié)合著不同地方的人和他們的故事，相當(dāng)引人入勝。
這個(gè)網(wǎng)站以緊湊的布局整合了大量的媒體和信息，不同的網(wǎng)頁(yè)布局方式在不同的頁(yè)面中交錯(cuò)出現(xiàn)，導(dǎo)航欄非常獨(dú)特地置于屏幕中間圖片的下方，當(dāng)用戶滾動(dòng)頁(yè)面的時(shí)候，導(dǎo)航欄自然混動(dòng)并懸浮在最上方。
這個(gè)名為Brooklyn Brewery的旅游網(wǎng)站在吸引用戶眼球這件事上做的非常稱職。最重要的信息在呈現(xiàn)在網(wǎng)站上，向下滾動(dòng)，你可以看到各種新鮮有趣的活動(dòng)滾動(dòng)播放，動(dòng)效非常抓人眼球。另外，網(wǎng)站的紋理和色彩的搭配也非常漂亮。
這是AYR的2014春夏季新品的宣傳網(wǎng)站，作為一個(gè)高端女性服裝門店的宣傳站，用這種幻燈片式的展現(xiàn)形式是非常合理的。網(wǎng)站中每張圖片都配有說(shuō)明和門店的具體路線，甚至還帶有促銷代碼，方便你在購(gòu)買的時(shí)候拿到折扣。
網(wǎng)站整體色調(diào)非常復(fù)古，但是的圖片和頁(yè)面之間的3D動(dòng)畫(huà)會(huì)讓你覺(jué)得非常驚艷。導(dǎo)航欄的動(dòng)畫(huà)過(guò)度自然，非常優(yōu)雅。
當(dāng)你打開(kāi)這個(gè)網(wǎng)站的時(shí)候，瞬間會(huì)意識(shí)到這就是傳說(shuō)中的高大上。大圖背景、纖細(xì)現(xiàn)代的字體和精心調(diào)整的布局，滾動(dòng)時(shí)停頓感明顯，體驗(yàn)優(yōu)異。
這個(gè)網(wǎng)站是由John Boilard設(shè)計(jì)的，他是名為“The National Poster Retrospecticus”活動(dòng)的制作人，這個(gè)網(wǎng)站正是源自于他對(duì)于籃球的熱愛(ài)?；@球穿越各種不同的籃筐，每個(gè)籃筐都代表一個(gè)不同的地方，點(diǎn)擊會(huì)鏈接到谷歌地圖上對(duì)應(yīng)的地點(diǎn)，非常有趣。
這個(gè)小站通過(guò)運(yùn)動(dòng)員的故事，來(lái)讓每一款限量版奧林匹克泳帽變得意義非凡。網(wǎng)頁(yè)中通過(guò)圖片、視頻等多種形式來(lái)展現(xiàn)每個(gè)泳帽的來(lái)源、設(shè)計(jì)、藝術(shù)家和運(yùn)動(dòng)員們的想法和經(jīng)歷。故事和設(shè)計(jì)結(jié)合有多大的力量？看這個(gè)你就會(huì)明白。
這是MIJLO在Kickstarter上新開(kāi)的一個(gè)項(xiàng)目，他們聯(lián)系了許多專業(yè)的創(chuàng)意人士，一同設(shè)計(jì)了一款非常獨(dú)特的手袋。用戶可以直接在首頁(yè)上查看各種創(chuàng)意而有趣的圖片的縮略圖，也可以點(diǎn)開(kāi)以幻燈片的形式來(lái)瀏覽。
這是Shure麥克風(fēng)的宣傳頁(yè)，網(wǎng)站布局精心，設(shè)計(jì)非常到位。不管你是不是錄音室，這些漂亮的照片和優(yōu)雅的展現(xiàn)形式都會(huì)令你駐足。
這個(gè)網(wǎng)站是Pushpa項(xiàng)目的網(wǎng)站，這個(gè)項(xiàng)目是想引起社會(huì)關(guān)注底層女性的生存狀況，反對(duì)墮胎，并進(jìn)行知識(shí)普及。華麗的畫(huà)面，優(yōu)美的背景和漂亮的配色都非常不錯(cuò)。
這是名為“苔原”的豐田皮卡的宣傳網(wǎng)站，整體的展現(xiàn)形式形如谷歌街景，你可以瀏覽院子里面不同的物體的信息，展現(xiàn)形式值得借鑒。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com