靈感干貨！20個(gè)視覺(jué)、體驗(yàn)和內(nèi)容俱佳的優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)

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

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

設(shè)計(jì)的靈感來(lái)源，有很多。




我們就拿網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，許多優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)作品，不僅僅有著突出的排版設(shè)計(jì)，而且在動(dòng)效、交互、體驗(yàn)上有著頗為值得學(xué)習(xí)的地方。




如果你愿意仔細(xì)揣摩，還能在許多優(yōu)秀的著名的網(wǎng)站當(dāng)中學(xué)到細(xì)節(jié)的處理技巧和內(nèi)容組合的搭配策略。比起零散地設(shè)計(jì)作品，這些來(lái)自著名設(shè)計(jì)機(jī)構(gòu)的網(wǎng)站，在不同需求下誕生的網(wǎng)站產(chǎn)品，更有價(jià)值。



接下來(lái)，我要和你分享的就是很好的20個(gè)網(wǎng)站，說(shuō)不定在以后你的工作當(dāng)中就能用到這些參考。


Epicurrence







這個(gè)網(wǎng)站是一個(gè)為創(chuàng)意工作者所舉辦的 Epicurrence 2018 峰會(huì)，會(huì)議地點(diǎn)在著名的 Yosemite。整個(gè)網(wǎng)站在設(shè)計(jì)的時(shí)候，都采用了令人驚嘆的插畫(huà)和微妙的視差，讓人會(huì)忍不住與之互動(dòng)。


Angelo Sanvito







Angelo Sanvito 是一名來(lái)自意大利米蘭的插畫(huà)師，同樣精通 UI 和 UX設(shè)計(jì)，他充分地利用了自己的諸多技能，在這個(gè)簡(jiǎn)單的網(wǎng)站上繪制了一系列著名藝術(shù)家的肖像，倒是頗為有趣。


Atomize Design System









這個(gè)簡(jiǎn)約的網(wǎng)站就是給時(shí)下正在流行的 Atomize Design System 所搭建的，它闡述了這種設(shè)計(jì)系統(tǒng)的運(yùn)作機(jī)制和最佳實(shí)踐。


Lisa & Ryan







想在海量的設(shè)計(jì)機(jī)構(gòu)當(dāng)中找到一個(gè)適合你的品牌的，并不容易，不過(guò) Lisa & Ryan 倒是非常稱職，是個(gè)不錯(cuò)的選擇。想知道為什么，不妨打開(kāi)他們的網(wǎng)站看看。


Bellvoye







如果你正在尋找朗姆酒，那么蘇格蘭高地可能是你的第一站?？墒侨绻阏谡乙恍┛谖丢?dú)特的酒，不妨向著法國(guó)南部前進(jìn)。當(dāng)然，更便捷的方法也有，那就是打開(kāi) Bellvoye 這個(gè)精致的網(wǎng)站。


Swiss Typefaces







Swiss Typefaces 是一個(gè)風(fēng)格大膽視覺(jué)突出的字體供應(yīng)商，他們并沒(méi)有使用傳統(tǒng)的白底黑字來(lái)呈現(xiàn)，而是使用對(duì)比強(qiáng)烈的紫色和綠色來(lái)搭配黑白兩色來(lái)凸顯字體的輪廓和細(xì)節(jié)。


Eleven Plants for Dum Dums







Eleven Plants for Dum Dums 是一個(gè)精美的單頁(yè)網(wǎng)站設(shè)計(jì)，帶有漂亮的插畫(huà)，可以說(shuō)它既是一個(gè)實(shí)驗(yàn)性的網(wǎng)站作品，也是一個(gè)排版試驗(yàn)場(chǎng)，還是一個(gè)園藝指南。


Posthaste





還記得經(jīng)典的郵件服務(wù) MailChimp 么？他們最近發(fā)布了一款有趣的游戲，在游戲中，你需要通過(guò)多發(fā)郵件帶動(dòng)吉祥物 Freddie 來(lái)穿越街道前進(jìn)，可以說(shuō)是非常有意思了。


Boy Smells







Boy Smells 是一個(gè)著名的香薰蠟燭供應(yīng)商，他們的產(chǎn)品覆蓋了男性和女性用戶，在設(shè)計(jì)上也采用了大膽的字體和非常貼合品牌氛圍的粉色。整個(gè)網(wǎng)站設(shè)計(jì)非常的現(xiàn)代，也非常有情調(diào)。


End Family Fire







Family Fire 指的是因?yàn)闃屝当４娌划?dāng)而造成的家庭槍擊事故。這個(gè)網(wǎng)站是旨在使用藝術(shù)而具有互動(dòng)性的設(shè)計(jì)來(lái)教育用戶，降低相關(guān)事故發(fā)生的機(jī)率，讓大家家庭更加安全。


Appointed







Appointed 這個(gè)網(wǎng)站深得工作空間的設(shè)計(jì)精髓，它是一個(gè)優(yōu)秀的設(shè)計(jì)工具，散發(fā)著平靜的氛圍，擁有著激發(fā)創(chuàng)造力的能力。


Goat





Goat 是一個(gè)銷售二手鞋的網(wǎng)站。通過(guò)專業(yè)的清理和精心的分類，Goat 提供著二手鞋應(yīng)該有的一切服務(wù)，為此，整個(gè)網(wǎng)站的設(shè)計(jì)非常注意品質(zhì)，整體的視覺(jué)吸引力非常強(qiáng)。


Coralie Reiter







Coralie Reiter 使用天然的貝殼等材料來(lái)制造精美的首飾，網(wǎng)站的設(shè)計(jì)也采用了細(xì)致到位的細(xì)節(jié)展示，呈現(xiàn)整個(gè)系列產(chǎn)品的生命力和活力。


Art & History Museum







網(wǎng)頁(yè)的首圖使用人物形象是極為常見(jiàn)的一種策略，而 Art & History Museum 則使用了夸張的古代雕像頭像來(lái)替代人物頭像，這是一種巧妙的顛覆。


Renegade Craft







Renegade Craft 這個(gè)網(wǎng)站同樣采用了超大的字體排版來(lái)構(gòu)建視覺(jué)，結(jié)合微妙的動(dòng)效和明顯的色塊來(lái)營(yíng)造獨(dú)特的視覺(jué)體驗(yàn)。這一設(shè)計(jì)策略正符合時(shí)下的設(shè)計(jì)趨勢(shì)。


Hawkins New York







如今的室內(nèi)設(shè)計(jì)市場(chǎng)可以說(shuō)是競(jìng)爭(zhēng)激烈，而 Hawkins New York 這個(gè)專精于室內(nèi)設(shè)計(jì)的設(shè)計(jì)機(jī)構(gòu)則找到了一個(gè)獨(dú)特的切入點(diǎn)，將經(jīng)典和極簡(jiǎn)主義的設(shè)計(jì)巧妙地融合到一起，形成了一個(gè)獨(dú)樹(shù)一幟的設(shè)計(jì)風(fēng)格。


Arche68







Arche68 充滿強(qiáng)烈對(duì)比的色彩在動(dòng)態(tài)排版之下，極具感官?zèng)_擊力，你會(huì)在和網(wǎng)站的交互當(dāng)中明白設(shè)計(jì)師的意圖。大膽的設(shè)計(jì)要怎么玩兒，看看 Arche 68 你就知道了。


Curate Labs







你會(huì)在網(wǎng)絡(luò)上看到各式各樣的設(shè)計(jì)理念，但是很少會(huì)有像 Curate Labs 這么直白的，將自家的設(shè)計(jì)理念和想法直接擺在明面上，不過(guò)這樣掏心窩子的設(shè)計(jì)，也未嘗不是一種獨(dú)特的設(shè)計(jì)策略。


Moving Brands







Moving Brands 這個(gè)品牌設(shè)計(jì)機(jī)構(gòu)的客戶很多都是像 Apple 和 Sony 這樣的大型企業(yè)機(jī)構(gòu)，網(wǎng)站的設(shè)計(jì)也別具一格，通過(guò)幾何元素將自家的設(shè)計(jì)作品直接擺在首頁(yè)上，創(chuàng)意和視覺(jué)俱佳。


Stack







Stack 為那些喜歡他們雜志的人提供了全新的線上訂閱服務(wù)，作為最為著名的設(shè)計(jì)靈感雜志，Stack 不僅實(shí)體雜志視覺(jué)上非常突出，而且線上的內(nèi)容也非常優(yōu)秀。




這里是設(shè)計(jì)愛(ài)好者成長(zhǎng)的小江湖「寫(xiě)給設(shè)計(jì)」。安~







「寫(xiě)給你的信 」

PS入門全套筆記 | Adobe CC2018 全家桶 | CC2018最新版 | Adobe CC2015大師版(需全部下載下來(lái)) | Adobe安裝破解 | 設(shè)計(jì)、廣告、運(yùn)營(yíng)人必備神器 | 馬賽克拼貼圖神器 | 交互原型工具 | 交互設(shè)計(jì)入門指南 | 寫(xiě)給還想入行UI設(shè)計(jì)的你 | 為什么別人家的LOGO值800萬(wàn)？ | 你的一個(gè)小時(shí)值多少錢？


歡迎把文章分享到朋友圈
每天晚上21:21不見(jiàn)不散