顏色是我們生活中無處不在的主要設計元素,例如我們訪問的每個網站或我們使用的應用程序。現在你看到了Designmodo的顏色。如果您正在閱讀本文的“稍后閱讀”類型的應用程序,您將看到該應用程序的顏色。沒問題。問題是,每年我們都會看到許多設計趨勢預測,并且它們永遠不會包含顏色。
隨著時間的推移,設計師們更大膽,更具戰略性地使用了顏色。有時它會被用來給予特定元素更多的關注,有時可以講述更好的故事,有時可以提升品牌體驗。
我們來談談其中的一些例子。
幾年前,有一個大膽背景的巨大趨勢。我今天仍然看到這樣的例子。在一個好的設計中,豐富多彩和強大的背景可以是一個很好的舉動,以引起特定部分的興趣。無論您對趨勢的看法是什么,我們都同意,如果做得好,良好的背景顏色可以幫助一個部分脫穎而出。
讓我們從Root Studio開始,設計如何使用黃色背景突出顯示有關切斯特動物園的案例研究。黃色背景有助于為案例研究定下基調。除了簡約的設計風格,背景顏色是一個重要的設計元素。并非所有的案例研究都使用鮮明的色彩,如切斯特動物園黃色,這沒關系 - 你不必使用充滿活力的色調來突出一些東西。如果案例研究部分也不簡約,那么這種設計就不會那么好用。
接下來,是Mambo Mambo,它使用顏色來突出投資組合的不同部分。有些部分是霓虹黃色,深藍色甚至黑色。在屏幕截圖中,您可以看到霓虹黃色搭配綠色,藍色黑色和膚色; 他們和睦相處。
在整個頁面中,背景顏色有助于使這些部分獨特而有趣。這也是該機構的良好品牌。
使用明信片,您可以在線創建和編輯電子郵件模板,無需任何編碼技能!包含100多個組件,可幫助您以前所未有的速度創建自定義電子郵件模板。立即免費試用!
了解更多其他產品
其他時候,顏色可用于做出大膽的陳述。讓我們從優步手語登陸頁面開始。橙色漸變背景絕對引起您的注意。這是一個很好的設計策略,因為頁面的目的是教人們依賴視覺線索的基本手語。
接下來,是Kickpush設計工作室的組合。當你閱讀副本時,請注意他們有不同的個性。Kickpush想表明他們是不同的,選擇的配色方案有助于做到這一點。這是有目的的,并做出快速的視覺陳述。
這也是我們稍后討論的品牌推廣的一個很好的例子。
顏色是幫助講述故事的重要資產。一個很好的例子是Bloom的主頁。它們在整個設計中使用相同的幾乎電藍色。與其他視覺元素一起,藍色用于幫助用戶從標題滾動到頁腳。如果所有不同的部分在此流程中具有不同的主色,那么講故事就會被打破。
我可以對Adobe的Marketing Cloud登陸頁面說同樣的話。這是一個包含大部分的大頁面。每個部分都有自己的配色方案。顏色從頂部的淺藍色到消防車紅色到深紫色不同。它不僅僅是純色的UI顏色; 攝影也適用于每種顏色。
因為這是一個很長的頁面,顏色有助于講述每個部分的故事。
有時,顏色專門用于增加設計的興趣。大而大膽的顏色并不總是必須在設計的前面和中心,以便有效地使用顏色。
例如,Designmodo自己的Qards登陸頁面使用各種小顏色突發。它使登陸頁面看起來更加愉快,并且沒有明亮的紅色背景或其他任何可能被認為是頂部的東西。只要它是戰略性的,使用顏色突發可以是一個很好的工具。
我最后保存了我最喜歡的顏色。我很喜歡顏色在品牌推廣中的使用。我不僅僅意味著像Kickpush或Bloom那樣的一種色調或顏色。
我們中的許多人都遵循Asana的重新設計,在那里他們實施了各種顏色漸變作為其新身份的一部分。在網站的某些部分,顏色被大量使用,而在其他部分則沒有那么多; 這是一個平衡。顏色充滿活力,與眾不同。顏色也很好地協同工作。現在,Asana的最新品牌充滿活力和豐富多彩。Asana現在是亮粉色,橙色和紫色。顏色策略似乎是Asana品牌定位的關鍵。
Stripe可以說同樣的東西,它可能是這種顏色使用的一個大潮流引領者。它們使用相鄰顏色之間的漸變,如藍色和綠色。品牌大多是藍色的,但設計并不害羞,包括綠色,粉紅色,紫色或橙色。顏色選擇協同工作,為Stripe打造有影響力的品牌。
最后一個例子是Goulburn Valley的網站。他們的品牌使用略微不尋常的顏色。然而,設計非常好。
在所有攝影中,著陸頁使用與屏幕截圖中相同的品牌顏色。綠色帶有淡淡的橙色。很高興看到顏色不僅僅對UI元素很重要。由于照片中的顏色協調,整個登陸頁面流動良好。
結論
我們正在網站上看到更多戰略性地使用顏色,無論是創建像Asana這樣的更好的品牌,還是用鮮紅色的背景做出大膽的聲明,以確保人們意識到你與Kickpush不同。
最重要的是,顏色有助于帶來個性,最重要的是品牌識別。隨著設計師的成長,即使網頁設計趨勢發生變化,網頁設計中的色彩使用也會越來越好。