返回首頁

色彩搭配原理與技巧:界面設計配色三招(中)

時間:2016-05-23 20:39來源:知行網www.ayratv.icu 編輯:麥田守望者

色彩搭配原理與技巧第二刀:確定主色

   在運用色彩進行設計的時候,心里要有數。色彩的主次關系能定作品的性。優秀的作品色彩就是那么的清晰。記住色彩功能的劃分:主要色、輔助色、裝點色。
 
主色的魅力:主色決定設計的風格
 
  在設計中色彩充當了重要的情感元素,那主色就是作品的文化方向。我們在設計初期需要對項目有明確的了解后提煉選擇出最為貼切的主色進行定位。
 
  每種顏色承載的文化都是不同的,會領導了整個界面設計的方向。
 
  網頁設計、移動界面設計、banner設計、平面設計……不同的媒介,主色的運用規律各不相同。網頁設計和界面設計,通常主色運用在結構和裝飾。而Banner和海報為了更為醒目,主色通常運用在背景顏色上。
 
  在界面設計中常將品牌LOGO的顏色定為主色彩,并且在不同的界面中主色彩出現的面積也會隨之變化。
 
  下圖我們可以看到大眾點評、百度外賣、美團應用都將產品LOGO的顏色進行了延續,將logo顏色定義為主色彩,有效的統一了產品的傳播性。
色彩搭配原理與技巧
 
界面設計顏色搭配
 
UI教程
 
  同時還發現,這幾個產品的界面設計主色面積使用也是非常一致。首頁中使用的主色彩面積較大,導航條全部填充了主色。在二級頁面中則使用的面積較少,將主色點綴到界面中。
 
  我們可以這樣去理解,在用戶使用產品時,更希望用戶記憶產品。而在用戶進入了信息頁面時則更注重易用性,希望用戶能找到自己需要的東西。所以主色在首頁使用的面積較多,而二級頁面使用在關鍵的操作點上。從產品角度出發,我們在使用主色的時候要考慮頁面的內容關系,理解界面的層次與功能性質。從視覺出發,選擇了飽和度較高的色彩做為主色時,要考慮因為顏色面積過多而造成的視覺疲勞。
UI界面設計
 
  在banner和海報的設計中主色的面積一般會運用在背景色中,相對面積較大。可謂是直奔主題式。
banner和海報的設計
------分隔線----------------------------
標簽(Tag):色彩搭配原理 色彩搭配技巧 界面設計配色
------分隔線----------------------------
推薦內容
猜你感興趣
pk10赛车直播视频