UI设计终极配色指南

　　很多同学经常苦恼于配色水平总是难以提升，色感把握不准。今天周老师给大家分享一些配色的经验方法，轻松配出好看高级的颜色!
　　要想搭配出好看的颜色，我们得先来分析一下，什么是高级的色彩?什么是不高级的色彩?好的配色一眼就可以看出其深厚的设计功底，而差的配色各有千秋，总之就是一个字
　　“丑”
　　下面来看两组案例：

　　通过看图对比我们能够发现
　　不高级的配色组合，往往颜色种类多，且饱和度较高，比较刺眼，而高级的配色组合，往往颜色简洁分明，不会混搭太多其它的色彩。
　　咱们就来归纳一下，高级的颜色搭配，会有哪些特征。
　　1)色相 / 饱和度 / 明度
　　色相
　　这里的种类指的是色相，泛指色彩的样貌，比如红橙黄绿青蓝紫，这些都是不同的色相。
　　设计中除了颜色不宜过于饱和，颜色的种类也不宜过多。

　　饱和度
　　饱和度是色彩的纯度。增加饱和度，色彩会变得更强烈、鲜艳生动;降低饱和度，色彩会变得暗淡乏味。

　　明度
　　除了色相和饱和度，色彩的层次关系非常重要。这个层次主要体现在两个方面，一个方面是颜色明度的进阶，不同的颜色明度，会让页面更具备空间感;
　　明度达到100%时，色彩就会变成白色;明度是0%时，就会变成黑色。如下图：

　　通常同类颜色不同明度的设计，能让页面具备空间层次的同时，还能让页面很干净。但明度也不要随意指定，最好是等比例，如20%、40%、60%、80%、100% 这样等比例叠加就好。

、

　　2)主次分明层级关系清晰
　　对于新人来说，最开始的时候，最好只使用一个主色，其他全是辅助色，如果你的颜色没有主次，就很容易用乱：
　　因此设计师在做界面设计时候，应减少颜色使用数量，尽量控制3种以内，采用黄金比例——6：3：1原则去合理分配颜色。

　　60%+30%+10%的原则，是达到色彩平衡的最佳比例。在60%的空间使用主色，30%的空间使用辅助色，最后剩下10%的空间为另外一种色彩。这样可以使用户眼睛从一点移动到下一个点时，非常舒服。

　　如果一副画面里面的色彩，没有主次之分，就好比一部电影里没有主角，全部都是配角，索然无味。而有了主次，马上层级关系就会清晰明了。
　　3)融入无彩色
　　无彩色系指的是不包含其他任何色相，只有黑、白、灰三种颜色。

　　我们会发现，很多作品的颜色搭配，都不仅仅只是用了彩色，还用了一些无彩色，比如黑白灰、肉色等等，这样可以一定程度上的中和彩色，并且丰富层次。

　　无彩色具有统一整体设计的多种功能。例如，将许多纯度和明度参差不齐的色彩用于设计的场合，由于配色没有一贯性，容易给人没有整体感的印象，然而，只要背景采用白色或黑色等无彩色，将每种色彩进行区隔后，色彩看起来是各自独立的，整体也就自然统一了。

摘自：https://www.aaa-cg.com.cn/ui/3007.html?seo1

UI设计终极配色指南相关推荐

UI设计中配色设计攻略
不知道有没有小伙伴跟我一样在做页面配色时会很痛苦呢,很多时候都是凭感觉去配色.最近研究了一下配色方法,今天我就针对UI设计中配色设计攻略进行简单的说明,希望能帮助到一部分小伙伴. 有个有趣的研究成果 ...
ui设计配色技巧：UI设计界面配色
ui设计配色技巧:UI设计界面配色就重要性而言,在UI设计中色彩元素扮演的角色仅次于功能.今天就为大家来分享一下ui设计配色技巧:UI设计界面配色法则,和庞姿姿一起来看看吧~ 人机互动主要基于用户的界 ...
《Windows Phone 7 UI设计及人机交互指南》发布
经过我们几个人的努力,<Windows Phone 7 UI设计及人机交互指南>翻译稿终于在http://www.wpmind.com/上发布啦.这对于国内的Windows Phone开发 ...
写给初学者的6条网页设计安全配色指南
网页设计中最基本的原则之一是,不管你花多长时间创造一个华丽的设计,其最终的角色都是这场秀中真正的明星--内容的衬托前言:本文是楼主翻译的文章,对于已经看过类似译文的同学请自行忽略~ 我仍然清楚地记得 ...
强烈推荐！帮你从零开始全面掌握UI设计的配色方法
编者按:一篇你绝对不想错过的文章!以前的色彩知识大多是基础科普,容易看完就忘,配色时还得翻书.但今天这篇,大多是从实战出发,学完可以立刻上手,而且还附有作者本人的色板.配色工具等等,无论是小白还是UI ...
设计师需要收藏|一起来看看UI设计的配色专辑
我们从小都能熟练地区分颜色,但为什么当我们需要运用色彩进行UI设计的时侯,却往往发现很难恰到好处地运用色彩,作出那些和谐得体.令人赏心悦目的设计来呢?--我觉得原因是我们对色彩的认识和实践不足,以及当 ...
UI设计中配色专辑素材|做图配色，一键搞定
UI设计师如何获得完美的配色? 这要从对色彩理论和基本工具的开始. 有没有更容易上手的方案呢? 搜UI (SOOUI) 搜集了最实用的配色专辑,可以说是目前最好用的配色网站了! 60%是你的主导色, ...
ui设计未来十年前景_UI设计的10条诫命
ui设计未来十年前景重点 (Top highlight) The year is approximately 1,300 BC when Moses received the 10 UI desig ...
9个永恒的UI设计原则
很多人都在寻找那些能够帮助他们快速提升设计能力的方法,但你是否想过,自己身上的哪些方面会对你的设计产生影响呢?是使用工具的技巧,对设计的理解和态度,还是你的生活习惯呢?我想说所有这些都是决定你的设计是 ...

UI设计终极配色指南

UI设计终极配色指南相关推荐

最新文章

热门文章