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