設(shè)計(jì)的靈感來源多種多樣，不僅僅要了解別人的視覺設(shè)計(jì)，而且需要仔細(xì)體驗(yàn)實(shí)際的效果。許多優(yōu)秀的網(wǎng)頁設(shè)計(jì)作品，不僅僅有著突出的排版設(shè)計(jì)，而且在動效、交互、體驗(yàn)上有著頗為值得學(xué)習(xí)的地方。如果你愿意仔細(xì)揣摩，還能在許多網(wǎng)站當(dāng)中學(xué)到細(xì)節(jié)的處理技巧和內(nèi)容組合的搭配策略。想比起零散地設(shè)計(jì)作品，這些來自著名設(shè)計(jì)機(jī)構(gòu)的網(wǎng)站，在不同需求下誕生的網(wǎng)站產(chǎn)品，更有價值。

接下來，就在下面的20個網(wǎng)站中，盡情發(fā)掘你感興趣的設(shè)計(jì)和內(nèi)容吧！

Epicurrence

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

Angelo Sanvito

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

Atomize Design System

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

Lisa & Ryan

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

Bellvoye

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

Swiss Typefaces

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

Eleven Plants for Dum Dums

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

Posthaste

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

Boy Smells

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

End Family Fire

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

Appointed

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

Goat

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

Coralie Reiter

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

Art & History Museum

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

Renegade Craft

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

Hawkins New York

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

Arche68

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

Curate Labs

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

Moving Brands

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

Stack

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