UI配色指南!5種常見的色彩類型詳解!

UI配色指南!5種常見的色彩類型詳解!

評論有獎閱讀 1.0w

收藏 29 點贊 46

在過去,我們將界面的配色分為主色、輔助色、中性色三種類型,但這次我們要做出新的定義,以滿足目前 UI 設計趨勢的需要。
 
UI 界面中應用的色彩可以分成:品牌色、功能色、中性色、裝飾色、內容色等,五個大類。
 
①品牌色即組成產品品牌基調、個性的核心色彩,用于區分自己和其它產品之間的區別。
 
②功能色,就是根據界面傳達信息、隱喻所應用的色彩,具有比較明確的工具作用而存在。
 
③中性色就是黑白灰,即沒有顏色的“顏色”。一個項目再怎么花哨,也會包含不需要使用花哨色彩的背景、文字、圖標,而通常它們在整個應用內的占比才是最大的,而不是品牌色!
 
④裝飾色的配置沒有非常具體的要求,在一定程度上就是脫離原有的規范標準,作為一個獨立的設計去完成。所以很多大廠產品在不同頁面中的運營需求不同,于是裝飾色各用各的,導致最終呈現出來的結果非常割裂。
 
⑤最后一個,就是內容色了,即產品內展示的內容所使用的色彩,如用戶的照片,商品的圖片,廣告的圖片等等。某種程度上來說內容用什么顏色是不可控的,不在配色的考慮范圍內。但對于一些特定的產品中,內容用什么顏色是有確定性的,甚至直接規范內容制作、拍攝、后期的用色規范,讓整體的配色能更統一和諧。
 
配色就是完成對上面五種色彩類型的選擇、控制、管理,形成最終呈現的效果。

酸梅干超人專欄作者AIGC達人

人氣 1134.0w 文章 267
UI配色指南!5種常見的色彩類型詳解!
UI配色指南!5種常見的色彩類型詳解!
UI配色指南!5種常見的色彩類型詳解!
UI配色指南!5種常見的色彩類型詳解!
UI配色指南!5種常見的色彩類型詳解!
UI配色指南!5種常見的色彩類型詳解!
UI配色指南!5種常見的色彩類型詳解!
UI配色指南!5種常見的色彩類型詳解!
收藏 29干貨滿滿
點贊 46
設計師剛需!10款免費商用英文字體推薦!
?? 立即查看 >
下一篇 設計師剛需!10款免費商用英文字體推薦!

發評論!每天贏獎品

點擊 登錄 后,在評論區留言,系統會隨機派送獎品

2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們

本期獎品

發表評論 為下方 5 條評論點贊,解鎖好運彩蛋

{{ moreBtnTxt }}