萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> 平面設計理論

漸變色回歸網頁設計:20 個案例證明它不再是「擬物」的專利

扁平化興起時,純色運用似將紋理與漸變打入冷宮。但後續發展中,「純粹扁平」並不理想,紋理、陰影、漸變正一點點回歸,堅定佔據屬於自己的位置。

在曾被打上「擬物」標籤的設計手法中,漸變是上一時代運用最廣、最具代表性的一種。在設計風格愈發現代、簡約大行其道的今天,它是否仍有市場?下面 20 個微妙有趣案例告訴你回歸理由。

VO2 Group

典型簡約風格,充滿力度鮮豔字體、灰色背景、動態人物動作,裝飾性三角形元素用漸變色彩,令整個設計層次梯度展現出來。

Melanie F – Look Book

用不完全對稱非襯線體作標題是時尚類網站流行手法。字體下方彩色背景用綠到藍紫漸變,不僅消解單調,還讓標題更易被注意。

Adoratorio

這家設計機構對漸變運用截然不同,將漸變色用作文字與純白背景形成對比,炫酷創新。

Qards

Designmodo 推出的設計工具 Qards 子頁面著陸頁同樣用漸變色設計。不同板塊用不同漸變色作背景,圖中漸變橙色底色中加入圖形元素,整體更飽滿。

Symodd

介紹頁用橙過渡到粉色漸變背景,色調控制極微妙,確保可讀性同時極討喜眼睛。

Inc

漸變色使用上與其他案例稍異,藍紫漸變疊加背景圖片,營造融入感十足設計,色彩變化微妙,與圖片融合無違和感。

Pho

藍紫漸變似深受設計師青睞,此站用相似設計。低飽和度色彩與鮮豔文字構成明顯對比,視覺效果不錯。

Impossible Bureau

用極鮮豔色彩構建過渡色彩對比。頁面最酷處:其他元素加載完成後,過渡色彩逐漸變不那麼晃眼。

Customeed

整體設計非常舒服,背景漸變用綠色,這類用法不多見,更多設計師選藍、紫、紅。

Webflow

未將漸變作主要設計,黑色背景用 lowpoly 效果視覺不單調,作為註冊/登錄表單背景,由紫到藍漸變背景條與大背景形成對比,效果不錯。

Product to Profit

著陸頁用微妙漸變色,同樣色彩與背景圖疊加手法。最大特色:讓整個頁面氛圍更舒適。

Table Hero

不仔細看覺得背景是純色,實際色彩變化梯度不明顯而已。有意思的是,配合 1px 細線構成字體圖標,使背景更有質感。

GoGoRo

典型極簡設計,白背景一輛摩托車側面特寫配碩大「GO」,文字簡單單薄,但漸變色彩疊加文字後,整個頁面鮮亮起來。

Segment

深灰背景作上半部分,沉穩;下半段如霓虹般綠色讓設計亮起來。

Mapbox

簡約設計、直觀佈局、微妙漸變藍色,清爽舒適,你還想要什麼?

Gradients, motherfucker.

非常搞笑文章(英文夠好才懂)。滾動頁面時漸變背景逐漸改變,非常炫酷。

Pitney Bowes

設計大膽,漸變背景加水波紋紋理,與白字形成對比。

Stripe

最近更新換成目前樣子,深藍漸變綠色,色調深沉富質感,與前景文字、手機圖片良好搭配。

One John St

布魯克林公寓網站著陸頁,有趣處:色彩隨每天時間變化。

Wake

毫無疑問,用流行藍紫漸變是確定可靠設計方案。

結論

漸變色同樣能構建有趣令人興奮設計。雖有例子有些反差,可以大膽直觀,也可以柔和……

copyright © 萬盛學電腦網 all rights reserved