020-29815005
预约专线时间:09:00-23:59

什么是UI设计配色理论

新闻来源:优漫教育 日期:2021-07-06
色彩不是孤立的,而是依附在不同的设计载体上。设计载体不同,要达到的目的不同,就决定了配色理论也会有差异。我们将发现,尽管有许多书籍、文章正在进行配色理论的编写,每个人在谈到配色理论上也有许多相同的地方,但最核心的理论却往往各不相同。
一、清晰的色彩目标。

  1.颜色法则=配色规则。

  我们都学了很多的色彩知识,也阅读了很多关于色彩色彩的书籍和文章。但是,如果将这些理论应用到设计中,我们会发现:色彩的理论在实际应用中往往不够好,用后的效果也不太明显。这一现象为何会发生?调色是不是一种颜色规律?学习并掌握这一规律后,便能驾驭雷电,唿风唤雨,成为配色大魔王?

  回答不是这样。

  色彩不是孤立的,而是依附在不同的设计载体上。设计载体不同,要达到的目的不同,就决定了配色理论也会有差异。我们将发现,尽管有许多书籍、文章正在进行配色理论的编写,每个人在谈到配色理论上也有许多相同的地方,但最核心的理论却往往各不相同。由于大家所说的同一部分,大多是色彩的理论部分,这部分仅仅是色彩本身的规律;而每个人所说的不同部分,通常是作者总结出自己所在领域中的一套配色法则。

  所以,并非每篇文章的配色理论都适合你,这也是您学习和运用色彩理论后,色彩效果依然不佳的原因。学习色彩的时候,仅仅学习色彩理论是不够的。在色彩设计中,首先要考虑色彩的使用场景,以及整个设计要达到的目的,再学习相关领域的色彩知识,才能使配色理论发挥最大的作用。

  2.不同行业、不同色彩目标。

  尽管设计是相互关联的,但在不同的设计领域中配色仍会有很大的差别。

  例如广告设计中的配色理论,放在室内设计中,往往是不可行的。由于广告设计的目的是传达信息,需要吸引人,而室内设计的目的就是要营造一个舒适理想的生活氛围。同理,推广设计的配色理论,往往在界面设计上也是不可行的。

  在设计目标上的差异决定了行业间配色目标的差异。

  广告业设计:准确传达商品、广告等信息。

  品牌设计:创造品牌理念,塑造品牌形象。

  产业设计:营造产品氛围,引导产品使用。

  内部设计:传达生活理念,营造理想的生活氛围。

  数字化产品设计:产品信息传递、引导用户阅读与操作。

  3.明确的色彩目标。

  对大多数互联网行业的视觉设计师来说,平时的工作内容大致可以分为产品界面设计和推广设计两大方向。许多设计者都需要同时负责这两部分内容,于是就有可能在不同的地方使用相同的配色理论,从而导致一些配色问题的出现。例如:促销设计的配色过于素雅,难以吸引用户的注意力;而产品页面的色彩色彩又过于凌乱,影响用户的阅读和操作体验等。


  因此,在配色的第一步,首先要明确配色的目标。


UI设计培训班


  商品界面色彩目标:

  讯息传送:产品的首要目标是传递使用者所需的资讯,这要求使用者有清楚的层次关系、清晰、舒适的阅读体验。

  指导操作:清晰合理的操作导引,让使用者根据导引准确进行下一步操作。

  商标价值:许多同行忽视了这一点,导致产品界面和品牌关联不强,整体界面没有品牌感。

  宣传设计色彩目标:

  吸引流量:强大的吸引力,迅速抓住眼球,留下深刻印象。

  创设气氛:需要营造气氛,通过气氛,让使用者快速理解并融入推广内容,加深印象。

  迅速传送:短时间内传递信息。这样就要求设计时的信息要清晰明了,让内容可以准确、快速的传递给用户。



  二、决定主色调,简化层次。

  确定好配色的目标后,怎样开始配色工作呢?一般来说,我们先确定整个设计的主色调,然后再开始后续的设计。

  1.主色和副色的定义。

  主色和副色是什么?

  主色调是整个色调的核心色,通常也是比重最大的颜色,它决定了整体的风格和基调。与副色相比,在画面中占相对较少的颜色,它通常起到辅助主色调、丰富画面的作用。

  假设将一幅图象看做一部电影,那么主色就是整部电影的主角,而副色是除主角之外的其他配角。

  2.确定主色,简化颜色层次。

  一部好的电影,往往需要一个明确的主角,主宰着整部电影的发展方向,对于设计作品来说,同样是道理。因此在配色过程中,第一要务就是确定主色,并在整幅作品中确定其位置,让它主宰整个画面。

  主色是产品界面设计中传递品牌感的重要元素。清晰的主颜色可以使整个界面产生强烈的品牌感。反之亦然,整体的配色会非常混乱,影响品牌感的传达。

  本文从三个层面来分析问题:

  在信息传递方面:这两个界面的色彩过于繁杂,导致信息层次混乱,没有视觉中心,用户也不知道从哪里开始阅读。但在两种卡的界面设计上,都存在同一个问题:底色的明过度,导致卡片上的文字阅读能力非常差。

  导向性:整体核心操作路径不明确,用户进入后没有明确的操作指导;按钮视觉效果也很弱,导致用户无法识别。

  品牌价值维度:品牌主颜色不明确,导致整体品牌感较弱。

  怎样解决上述问题呢?可概括为八个字:明明主题,精简层次。

  3.简化色彩层次的含义。

  颜色层次越精简,就越容易达到整体色彩平衡,从而提升整个设计的品质感。在看过许多大厂网页设计的时候,会感觉到很多相似之处:品牌整体感强、简约高级配色、细节丰富细腻等等。

  使用者阅读网页时,大脑中第一个接受到的是画面信息。因此,简化配色对产品界面设计是非常重要的。将品牌色作为主色,简化了色彩层次,能使整个页面富有品牌感。

  4.品牌升级的色彩简化趋势。

  对于品牌Logo的升级,简化色彩层次也是大势所趋。简单化的层次,可以使品牌更具简约与高级,提升品牌的质感与包容度,使品牌具有更大的延展性和可能性。