UI配色指南!5种常见的色彩类型详解!

UI配色指南!5种常见的色彩类型详解!

评论有奖

收藏 21 点赞 41

在过去,我们将界面的配色分为主色、辅助色、中性色三种类型,但这次我们要做出新的定义,以满足目前 UI 设计趋势的需要。
 
UI 界面中应用的色彩可以分成:品牌色、功能色、中性色、装饰色、内容色等,五个大类。
 
①品牌色即组成产品品牌基调、个性的核心色彩,用于区分自己和其它产品之间的区别。
 
②功能色,就是根据界面传达信息、隐喻所应用的色彩,具有比较明确的工具作用而存在。
 
③中性色就是黑白灰,即没有颜色的“颜色”。一个项目再怎么花哨,也会包含不需要使用花哨色彩的背景、文字、图标,而通常它们在整个应用内的占比才是最大的,而不是品牌色!
 
④装饰色的配置没有非常具体的要求,在一定程度上就是脱离原有的规范标准,作为一个独立的设计去完成。所以很多大厂产品在不同页面中的运营需求不同,于是装饰色各用各的,导致最终呈现出来的结果非常割裂。
 
⑤最后一个,就是内容色了,即产品内展示的内容所使用的色彩,如用户的照片,商品的图片,广告的图片等等。某种程度上来说内容用什么颜色是不可控的,不在配色的考虑范围内。但对于一些特定的产品中,内容用什么颜色是有确定性的,甚至直接规范内容制作、拍摄、后期的用色规范,让整体的配色能更统一和谐。
 
配色就是完成对上面五种色彩类型的选择、控制、管理,形成最终呈现的效果。

酸梅干超人

人气 1012.9w 文章 232
主页小红书
UI配色指南!5种常见的色彩类型详解!
UI配色指南!5种常见的色彩类型详解!
UI配色指南!5种常见的色彩类型详解!
UI配色指南!5种常见的色彩类型详解!
UI配色指南!5种常见的色彩类型详解!
UI配色指南!5种常见的色彩类型详解!
UI配色指南!5种常见的色彩类型详解!
UI配色指南!5种常见的色彩类型详解!
收藏 21
点赞 41
设计师刚需!10款免费商用英文字体推荐!
😘 立即查看 >
下一篇 设计师刚需!10款免费商用英文字体推荐!

优设官方微信群

  • 1AIGC自学交流群
  • 2个人IP运营交流群
  • 3优设私单群
  • 4优设同城搭子群
  • 5优设大学生交流群
  • 6优设设计师交流群

添加管理员 招财

微信号: 扫码添加
严格审核打造高质量交流群

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 已发布5

{{ moreBtnTxt }}
阅读相关文章
{{comTitle}} {{comSubtitle}}