堪比大片！這八個(gè)網(wǎng)頁(yè)設(shè)計(jì)，比電影還精彩

時(shí)間：2022-08-13 14:36:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-08-13 14:36:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

本文轉(zhuǎn)載自Brand的好奇心（id：BranDmag）

創(chuàng)意動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)如何從萬(wàn)千網(wǎng)頁(yè)脫穎而出

互聯(lián)網(wǎng)時(shí)代，因特網(wǎng)上的各種網(wǎng)頁(yè)成千上億，想要從眼花繚亂的各類(lèi)網(wǎng)站網(wǎng)頁(yè)中讓別人關(guān)注到并瀏覽你的網(wǎng)站，注定需要有不一樣的創(chuàng)意。而一個(gè)好的網(wǎng)站也是從個(gè)人到工作室、商業(yè)項(xiàng)目最好的名片。

今天為大家分享一些創(chuàng)意和呈現(xiàn)無(wú)與倫比的網(wǎng)頁(yè)設(shè)計(jì)，為自己的設(shè)計(jì)增添一些另類(lèi)的靈感。

01Bureau Coolhttps://itbegins.today

Bureau Cool又叫Ben Wegscheider，他為位于烏克蘭首都Kiev的技術(shù)俱樂(lè)部?設(shè)計(jì)了具有個(gè)性風(fēng)格的獨(dú)立網(wǎng)站。Ben告訴我們，“?”代表俱樂(lè)部的名稱(chēng)，表示“不存在”。Bureau Cool一直以來(lái)都與俱樂(lè)部保持一種持續(xù)的合作，每三個(gè)月他會(huì)為新的計(jì)劃設(shè)置一個(gè)新的網(wǎng)頁(yè)和概念。

隨鼠標(biāo)移動(dòng)背景圖像會(huì)有液態(tài)金屬流動(dòng)效果

Ben解釋說(shuō)，就這個(gè)特定網(wǎng)站而言，他的想法是“創(chuàng)建一種抽象的，視覺(jué)上有趣的和交互式的東西，可以在所有通信中使用?！?br>
在正式發(fā)布之前，該網(wǎng)站的背景仍然是抽象的，而在發(fā)布后（現(xiàn)已發(fā)布），背景會(huì)不斷變幻并轉(zhuǎn)變?yōu)闈L動(dòng)顯示的俱樂(lè)部符號(hào)。

02Artur Neufeldwideawake.earth

網(wǎng)站初始頁(yè)面動(dòng)畫(huà)，鼠標(biāo)可隨意劃開(kāi)“水滴”

Wide Awake是插畫(huà)家Friederike Hantel和時(shí)裝設(shè)計(jì)師Ethel Vaughn的靈感結(jié)晶。這個(gè)網(wǎng)頁(yè)是他們與工作室Selam X進(jìn)行合作的線上商店網(wǎng)頁(yè)。Friederike插畫(huà)風(fēng)格特殊，將日本美學(xué)與希耶洛繆納斯·博世的怪誕相結(jié)合。

通過(guò)移動(dòng)鼠標(biāo)和滑動(dòng)滑塊多方位探索插畫(huà)師的多幅插畫(huà)

出于這個(gè)原因，網(wǎng)頁(yè)的設(shè)計(jì)師Artur Neufeld認(rèn)為，如果他們像其他人一樣開(kāi)設(shè)一個(gè)普通線上商店，對(duì)這次合作沒(méi)有太大意義。

因此他們邀請(qǐng)了來(lái)自世界各地的合作者重新混合Friederike的插圖，制作動(dòng)畫(huà)、音樂(lè)和圖形。用戶進(jìn)入網(wǎng)站后通過(guò)前后滑動(dòng)鼠標(biāo)滑塊可以看到各種重構(gòu)組合的動(dòng)態(tài)圖畫(huà)，宛如一場(chǎng)時(shí)空旅行。

網(wǎng)站支持隨意向前或倒放解構(gòu)的圖畫(huà)

Wideawake.earth并不是一家靜態(tài)商店，而是為用戶提供了一個(gè)完整的故事，靈感來(lái)自Friederike插圖中的漫畫(huà)世界。Artur希望通過(guò)這種方式吸引更多人對(duì)這個(gè)網(wǎng)頁(yè)的關(guān)注。

03Yes Studiohttps://ponystep-magazine.com

這是由Yes Studio為Ponystep Magazine的一個(gè)有趣的交互式3D網(wǎng)站。登陸網(wǎng)站后，你會(huì)看到一系列整齊站立的雜志。隨意點(diǎn)擊鼠標(biāo)，你就可以在網(wǎng)站中發(fā)射出黑色的小球，打落整齊的雜志。這個(gè)網(wǎng)站由發(fā)行這本雜志的Yes Studio兼任設(shè)計(jì)。

Yes Studio說(shuō)，在這個(gè)網(wǎng)站中沒(méi)有簡(jiǎn)短的文字介紹，雜志即將發(fā)行，他們希望立即創(chuàng)作出一些東西，以表達(dá)雜志對(duì)時(shí)尚的態(tài)度。

而這是一個(gè)直觀而又明智的解決方案，它可以使人們停留在網(wǎng)站上并記住《Ponystep》，這是工作室與雜志編輯Richard Mortimer共同得出的想法。

04New Nowhttp://eidos.digital/

這是位于柏林的工作室New Now為攝影師Tobias Faisst的個(gè)人項(xiàng)目Eidos所設(shè)計(jì)的網(wǎng)站。攝影師Tobias的這個(gè)項(xiàng)目的照片展示了當(dāng)前人類(lèi)，技術(shù)與自然之間復(fù)雜的相互關(guān)系，同時(shí)繼續(xù)挑戰(zhàn)并模糊了兩者之間的界限。







為了表現(xiàn)當(dāng)前廣告和媒體環(huán)境中攝影與計(jì)算機(jī)生成圖像之間的模糊界限，New Now設(shè)計(jì)的網(wǎng)頁(yè)通過(guò)向項(xiàng)目添加另一個(gè)數(shù)字抽象層來(lái)展現(xiàn)這一概念。

New Now使用置換圖將圖像的可視信息變形為地形圖，揭示了破壞所有熟悉背景的三維空間。網(wǎng)站的瀏覽體驗(yàn)就像身在一個(gè)數(shù)字空間，它克服了傳統(tǒng)出版書(shū)籍的既定限制和線性，給人一種全新的視覺(jué)體驗(yàn)。

05OKOK Serviceshttps://www.okok.services

OKOK Services是一家分別位于阿姆斯特丹和漢城的工作室，由Faris Kassim和My Kim Bui組成，在交互式和Web設(shè)計(jì)以及開(kāi)發(fā)，移動(dòng)應(yīng)用程序，創(chuàng)意編碼，3D設(shè)計(jì)等領(lǐng)域進(jìn)行探索。

他們工作室的網(wǎng)站在很大程度上反映了他們的探索內(nèi)容。網(wǎng)頁(yè)出現(xiàn)后，首先會(huì)呈現(xiàn)出一個(gè)半透明的藍(lán)色大型3D圖標(biāo)。通過(guò)使用鼠標(biāo)，你可以移動(dòng)圖標(biāo)字母，從不同的角度查看它們。

選擇黑色背景也是一個(gè)大膽而引人注目的選擇，而這是他們從拍攝產(chǎn)品廣告時(shí)的相機(jī)鏡頭，香水瓶的緩慢搖攝和跟蹤鏡頭中獲得啟發(fā)。

在網(wǎng)站剛創(chuàng)建的時(shí)候，工作室主要是為朋友們?nèi)シ?wù)，因此OKOK Services希望網(wǎng)頁(yè)視覺(jué)能夠表現(xiàn)出產(chǎn)品發(fā)布時(shí)那種光鮮亮麗的感覺(jué)，也作為面向未來(lái)客戶的一張名片。

06Stuido24/24https://jasminedeporta.com

登陸意大利攝影師Jasmine Deporta的網(wǎng)站后，你可能會(huì)感到有些困惑。網(wǎng)頁(yè)屏幕被一分為二，這本身并不是什么特別的事，但是包含第二個(gè)光標(biāo)不僅可以在視覺(jué)上，更可以在操作上上讓屏幕真正“一分為二”。一旦你熟悉了操作方法，你就可以很清楚地同時(shí)認(rèn)真觀賞Jasmine創(chuàng)作的兩個(gè)作品。

據(jù)網(wǎng)站的設(shè)計(jì)工作室24/24介紹，“11”是Jasmine極其重要和迷戀的數(shù)字，因此網(wǎng)站圍繞數(shù)字“11”構(gòu)成。

網(wǎng)頁(yè)在圖像和文本之間創(chuàng)建平移對(duì)稱(chēng)性，屏幕被分為“1:1”，甚至連光標(biāo)的移動(dòng)都是1:1的，展示照片也遵循1次在前1次在后做背景的規(guī)律，非常有趣。

07No Planshttps://noplans.show/

No Plans由位于紐約和倫敦的三位創(chuàng)意數(shù)字專(zhuān)家：丹尼爾·皮亞內(nèi)蒂，丹尼爾·貝爾和安德魯·麥卡錫組成。他們?cè)跀?shù)字設(shè)計(jì)和開(kāi)發(fā)領(lǐng)域擁有超過(guò)十年的經(jīng)驗(yàn)。

這個(gè)網(wǎng)頁(yè)是當(dāng)他們被要求為展覽制作作品時(shí)，他們運(yùn)用創(chuàng)新的方式向大家分享作品的網(wǎng)頁(yè)。他們?yōu)榱私鉀Q吸引訪客的注意力，并使他們與屏幕里作品集互動(dòng)的問(wèn)題而開(kāi)發(fā)了一個(gè)系統(tǒng)。

該系統(tǒng)將多個(gè)網(wǎng)站壓縮并擴(kuò)展到一個(gè)站點(diǎn)，然后可以通過(guò)移動(dòng)鼠標(biāo)進(jìn)行查看。他們的網(wǎng)頁(yè)極端變形導(dǎo)致了一種類(lèi)似于破碎的顯示器的效果，在大幅面屏幕上看起來(lái)非常醒目，同時(shí)達(dá)到了吸引視覺(jué)和引導(dǎo)互動(dòng)的效果。

08Timothée Roussilhe and Ben Mingohttps://www.davidwilliambaum.com/

David William Baum是時(shí)尚，靜物和風(fēng)景攝影師，并擔(dān)任創(chuàng)意總監(jiān)，常駐洛杉磯，紐約和舊金山。他的多方面實(shí)踐也成為了網(wǎng)頁(yè)的基礎(chǔ)靈感。

該網(wǎng)站由Ben Mingo設(shè)計(jì)，當(dāng)你進(jìn)入他的網(wǎng)頁(yè)時(shí)，圖像會(huì)在你面前堆疊，然后散布在頁(yè)面上，按樣式或內(nèi)容分組，并在懸停時(shí)放大。

Ben解釋?zhuān)珼avid網(wǎng)頁(yè)的視覺(jué)系統(tǒng)就像一張簡(jiǎn)單的畫(huà)布，能突出他作品的質(zhì)量。所有圖像都是混合在一起，很小且雜亂無(wú)章，但是隨著用戶深入網(wǎng)頁(yè)，內(nèi)容會(huì)變得越來(lái)越大，越來(lái)越有條理。通過(guò)這種交互的操作，可以使讀者對(duì)David的作品有更全面的審視。

-End-

風(fēng)銳視覺(jué)時(shí)尚教育——視覺(jué)陳列師、服飾搭配師認(rèn)證實(shí)訓(xùn)專(zhuān)業(yè)機(jī)構(gòu)，輕奢品牌實(shí)習(xí)，推薦就業(yè)。