靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

設計的靈感來源多種多樣,不僅僅要了解別人的視覺設計,而且需要仔細體驗實際的效果。許多優秀的網頁設計作品,不僅僅有著突出的排版設計,而且在動效、交互、體驗上有著頗為值得學習的地方。如果你願意仔細揣摩,還能在許多網站當中學到細節的處理技巧和內容組合的搭配策略。想比起零散地設計作品,這些來自著名設計機構的網站,在不同需求下誕生的網站產品,更有價值。

接下來,就在下面的20個網站中,盡情發掘你感興趣的設計和內容吧!

Epicurrence

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

這個網站是一個為創意工作者所舉辦的 Epicurrence 2018 峰會,會議地點在著名的 Yosemite。整個網站在設計的時候,都採用了令人驚歎的插畫和微妙的視差,讓人會忍不住與之互動。

Angelo Sanvito

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

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

Atomize Design System

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

這個簡約的網站就是給時下正在流行的 Atomize Design System 所搭建的,它闡述了這種設計系統的運作機制和最佳實踐。

Lisa & Ryan

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

想在海量的設計機構當中找到一個適合你的品牌的,並不容易,不過 Lisa & Ryan 倒是非常稱職,是個不錯的選擇。想知道為什麼,不妨打開他們的網站看看。

Bellvoye

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

如果你正在尋找朗姆酒,那麼蘇格蘭高地可能是你的第一站。可是如果你正在找一些口味獨特的酒,不妨向著法國南部前進。當然,更便捷的方法也有,那就是打開 Bellvoye 這個精緻的網站。

Swiss Typefaces

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

Swiss Typefaces 是一個風格大膽視覺突出的字體供應商,他們並沒有使用傳統的白底黑字來呈現,而是使用對比強烈的紫色和綠色來搭配黑白兩色來凸顯字體的輪廓和細節。

Eleven Plants for Dum Dums

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

Eleven Plants for Dum Dums 是一個精美的單頁網站設計,帶有漂亮的插畫,可以說它既是一個實驗性的網站作品,也是一個排版試驗場,還是一個園藝指南。

Posthaste

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

還記得經典的郵件服務 MailChimp 麼?他們最近發佈了一款有趣的遊戲,在遊戲中,你需要通過多發郵件帶動吉祥物 Freddie 來穿越街道前進,可以說是非常有意思了。

Boy Smells

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

Boy Smells 是一個著名的香薰蠟燭供應商,他們的產品覆蓋了男性和女性用戶,在設計上也採用了大膽的字體和非常貼合品牌氛圍的粉色。整個網站設計非常的現代,也非常有情調。

End Family Fire

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

Family Fire 指的是因為槍械保存不當而造成的家庭槍擊事故。這個網站是旨在使用藝術而具有互動性的設計來教育用戶,降低相關事故發生的機率,讓大家家庭更加安全。

Appointed

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

Appointed 這個網站深得工作空間的設計精髓,它是一個優秀的設計工具,散發著平靜的氛圍,擁有著激發創造力的能力。

Goat

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

Goat 是一個銷售二手鞋的網站。通過專業的清理和精心的分類,Goat 提供著二手鞋應該有的一切服務,為此,整個網站的設計非常注意品質,整體的視覺吸引力非常強。

Coralie Reiter

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

Coralie Reiter 使用天然的貝殼等材料來製造精美的首飾,網站的設計也採用了細緻到位的細節展示,呈現整個系列產品的生命力和活力。

Art & History Museum

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

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

Renegade Craft

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

Renegade Craft 這個網站同樣採用了超大的字體排版來構建視覺,結合微妙的動效和明顯的色塊來營造獨特的視覺體驗。這一設計策略正符合時下的設計趨勢。

Hawkins New York

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

如今的室內設計市場可以說是競爭激烈,而 Hawkins New York 這個專精於室內設計的設計機構則找到了一個獨特的切入點,將經典和極簡主義的設計巧妙地融合到一起,形成了一個獨樹一幟的設計風格。

Arche68

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

Arche68 充滿強烈對比的色彩在動態排版之下,極具感官衝擊力,你會在和網站的交互當中明白設計師的意圖。大膽的設計要怎麼玩兒,看看 Arche 68 你就知道了。

Curate Labs

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

你會在網絡上看到各式各樣的設計理念,但是很少會有像 Curate Labs 這麼直白的,將自家的設計理念和想法直接擺在明面上,不過這樣掏心窩子的設計,也未嘗不是一種獨特的設計策略。

Moving Brands

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

Moving Brands 這個品牌設計機構的客戶很多都是像 Apple 和 Sony 這樣的大型企業機構,網站的設計也別具一格,通過幾何元素將自家的設計作品直接擺在首頁上,創意和視覺俱佳。

Stack

靈感乾貨!20個視覺、體驗和內容俱佳的優秀網頁設計

Stack 為那些喜歡他們雜誌的人提供了全新的線上訂閱服務,作為最為著名的設計靈感雜誌,Stack 不僅實體雜誌視覺上非常突出,而且線上的內容也非常優秀。


分享到:


相關文章: