2018-5-10 博博
在生活中，不管是瀏覽網(wǎng)頁還是使用APP，我們都能看到色彩是其中重要的設計元素。每一年我們都能看到很多“流行趨勢預測”之類的文章，而這些流行趨勢里無一不包含色彩。
隨著時間的推移，設計師們在色彩的使用上更加大膽，更加有策略。有時，色彩用來突出某個元素，有時用來講好一個故事，有時用來強化品牌的輸出。今天我們就來舉幾個例子。
幾年前有一個很流行的趨勢是采用大膽的背景，現(xiàn)在還是能看到很多例子。在一個好的設計里，豐富多彩的背景能夠讓某一區(qū)域成功吸引注意力。不管你認為流行趨勢是什么，不可否認的是，好的背景色能讓一個部分脫穎而出。
下面這個設計來自Root工作室，使用黃色背景來突出切斯特動物園的案例研究。黃色背景設定了這個案例研究的基調(diào)。當然了，并不是所有的案例都使用像切斯特動物園黃色這樣鮮艷的顏色，因為這個案例的設計是極簡風格，并沒有需要特別突出的內(nèi)容，所以鮮艷背景恰到好處。
接下來這個例子是Mambo Mambo，它使用色彩來突出組合的不同部分。有些部分是霓虹黃色，有些是深藍，有些甚至是黑色。在截圖中，我們可以看到，霓虹黃色與綠色搭配，藍色和膚色搭配，看起來非常和諧。
在整個頁面中，正是這些背景色的使用使不同部分都變得獨特而有趣。同時呢，也起到了品牌宣傳的效果。
顏色運用得當可以更好地突出想要突出的部分。讓我們從優(yōu)步手語登錄頁面開始，橙色的漸變背景肯定會吸引用戶的注意力。這是一個很棒的設計策略，因為這個頁面的目的就是教人們基本的手語，很大程度上是依賴視覺線索實現(xiàn)的。
接下來是Kickpush 設計工作室的頁面。看圖上的文字我們就知道，Kickpush希望展示自己與眾不同的個性。這個配色方案的選擇就很有目的性，將Kickpush的個性快速直觀地表達出來了。
色彩有助于講好一個故事，Bloom的主頁就是個很好的例子。在整個設計中，他們使用的是同樣的電子藍。相同的配色與其他視覺元素一起，幫助用戶從頁眉滾動到頁腳。如果所有不同的部分都有不同的主色，那么故事的完整性就會被打破了。
對于Adobe的營銷云登錄頁面，效果也是差不多的。整個設計是一個很大的版面，每個部分都有自己的配色方案，從最頂部的淺藍色一直到最底部的深紫色。我們可以看到，整個配色不僅僅是純的UI顏色，照片選用的色調(diào)也與每一種背景色相配。
因為這個設計是一個很長的頁面，顏色有助于講述每個部分的故事。
有時，顏色是專門用來給設計增添趣味性的。為了更有效的使用色彩，有時大膽的顏色并不一定要在設計的前面和中心。
例如，Designmodo自己的Qards著陸頁面使用了各種各樣的小色塊，從而使得登陸頁看起來更令人愉快。
強化品牌，我認為這是色彩最有力的作用了，當然了，我不是指上文中Kickpush 或是Bloom那種使用大塊背景色的方式，而是批判性的、策略性的使用顏色。
我們很多人都見證了Asana的改版，在新版本中加入了不少顏色。在網(wǎng)站的某些部分，顏色被大量地使用，而在其他部分則不是那么多，這是為了在總體上實現(xiàn)平衡。Asana選用的顏色多變而充滿活力，搭配的也非常好。現(xiàn)在，Asana的品牌色彩由亮粉色，橙色和紫色組成，充滿活力。可以說，顏色策略似乎是Asana品牌定位的關鍵。
Stripe公司的策略也差不多，使用相鄰顏色之間的漸變，比如藍色和綠色，這可能是這種顏色使用的一個大趨勢。品牌整體上是藍色，同時也包含綠色、粉色、紫色和橙色。這么多顏色共同配合，增強了Stripe公司的品牌影響力。
最后一個例子是Goulburn山谷的網(wǎng)站。他們的品牌使用了一些不同尋常的顏色，不過整個設計看起來不錯。
登錄頁面中使用的顏色和照片中的截圖是一樣的：綠色略帶橙色。由于照片中色彩的協(xié)調(diào)，整個著陸頁都很流暢。
總結
無論是Asana，用顏色創(chuàng)造更好的品牌；還是Kickpush，使用明亮的紅色背景突出內(nèi)容，讓用戶意識到它的與眾不同，我們看到了顏色在網(wǎng)站中的戰(zhàn)略性意義。
最重要的是，顏色有助于塑造個性，尤其是品牌形象。當網(wǎng)頁設計趨勢發(fā)生變化時，網(wǎng)頁設計中色彩的使用只會變得越來越好。