做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

轉載色彩在網頁設計中的有哪些重要角色?

2018-5-10    博博

在生活中,不管是瀏覽網頁還是使用APP,我們都能看到色彩是其中重要的設計元素。每一年我們都能看到很多“流行趨勢預測”之類的文章,而這些流行趨勢里無一不包含色彩。

隨著時間的推移,設計師們在色彩的使用上更加大膽,更加有策略。有時,色彩用來突出某個元素,有時用來講好一個故事,有時用來強化品牌的輸出。今天我們就來舉幾個例子。


強化背景

幾年前有一個很流行的趨勢是采用大膽的背景,現在還是能看到很多例子。在一個好的設計里,豐富多彩的背景能夠讓某一區域成功吸引注意力。不管你認為流行趨勢是什么,不可否認的是,好的背景色能讓一個部分脫穎而出。

下面這個設計來自Root工作室,使用黃色背景來突出切斯特動物園的案例研究。黃色背景設定了這個案例研究的基調。當然了,并不是所有的案例都使用像切斯特動物園黃色這樣鮮艷的顏色,因為這個案例的設計是極簡風格,并沒有需要特別突出的內容,所以鮮艷背景恰到好處。

接下來這個例子是Mambo Mambo,它使用色彩來突出組合的不同部分。有些部分是霓虹黃色,有些是深藍,有些甚至是黑色。在截圖中,我們可以看到,霓虹黃色與綠色搭配,藍色和膚色搭配,看起來非常和諧。

在整個頁面中,正是這些背景色的使用使不同部分都變得獨特而有趣。同時呢,也起到了品牌宣傳的效果。


突出內容

顏色運用得當可以更好地突出想要突出的部分。讓我們從優步手語登錄頁面開始,橙色的漸變背景肯定會吸引用戶的注意力。這是一個很棒的設計策略,因為這個頁面的目的就是教人們基本的手語,很大程度上是依賴視覺線索實現的。

接下來是Kickpush 設計工作室的頁面。看圖上的文字我們就知道,Kickpush希望展示自己與眾不同的個性。這個配色方案的選擇就很有目的性,將Kickpush的個性快速直觀地表達出來了。


講好故事

色彩有助于講好一個故事,Bloom的主頁就是個很好的例子。在整個設計中,他們使用的是同樣的電子藍。相同的配色與其他視覺元素一起,幫助用戶從頁眉滾動到頁腳。如果所有不同的部分都有不同的主色,那么故事的完整性就會被打破了。

對于Adobe的營銷云登錄頁面,效果也是差不多的。整個設計是一個很大的版面,每個部分都有自己的配色方案,從最頂部的淺藍色一直到最底部的深紫色。我們可以看到,整個配色不僅僅是純的UI顏色,照片選用的色調也與每一種背景色相配。

因為這個設計是一個很長的頁面,顏色有助于講述每個部分的故事。


激發興趣,強化個性

有時,顏色是專門用來給設計增添趣味性的。為了更有效的使用色彩,有時大膽的顏色并不一定要在設計的前面和中心。

例如,Designmodo自己的Qards著陸頁面使用了各種各樣的小色塊,從而使得登陸頁看起來更令人愉快。


提升品牌

強化品牌,我認為這是色彩最有力的作用了,當然了,我不是指上文中Kickpush 或是Bloom那種使用大塊背景色的方式,而是批判性的、策略性的使用顏色。

我們很多人都見證了Asana的改版,在新版本中加入了不少顏色。在網站的某些部分,顏色被大量地使用,而在其他部分則不是那么多,這是為了在總體上實現平衡。Asana選用的顏色多變而充滿活力,搭配的也非常好。現在,Asana的品牌色彩由亮粉色,橙色和紫色組成,充滿活力。可以說,顏色策略似乎是Asana品牌定位的關鍵。

Stripe公司的策略也差不多,使用相鄰顏色之間的漸變,比如藍色和綠色,這可能是這種顏色使用的一個大趨勢。品牌整體上是藍色,同時也包含綠色、粉色、紫色和橙色。這么多顏色共同配合,增強了Stripe公司的品牌影響力。

最后一個例子是Goulburn山谷的網站。他們的品牌使用了一些不同尋常的顏色,不過整個設計看起來不錯。

登錄頁面中使用的顏色和照片中的截圖是一樣的:綠色略帶橙色。由于照片中色彩的協調,整個著陸頁都很流暢。

總結

無論是Asana,用顏色創造更好的品牌;還是Kickpush,使用明亮的紅色背景突出內容,讓用戶意識到它的與眾不同,我們看到了顏色在網站中的戰略性意義。

最重要的是,顏色有助于塑造個性,尤其是品牌形象。當網頁設計趨勢發生變化時,網頁設計中色彩的使用只會變得越來越好。


日歷

鏈接

個人資料

藍藍設計的小編 http://91whvog3.cn

存檔