划重点——色彩在UI设计中的实际应用

关于零基础来诚筑说进行UI设计培训的同学,在课上交给大家设计技巧的之外,关于色彩培训而等方面。大家可以看看相关设计书籍或者特别棒的设计案例,有利于系统系统地理解,在此我们通过设计的对比和配色告诉大家在工作中,色彩的配置和色标使用;下面诚筑说小编介绍一些色彩在实际使用中的步骤;

第一步、整体色调如果我们用暖色系列来做我们的整体色调则会呈现出温暖的感觉,反之亦然。如果用暖色和纯度高的色作为整体色调则给人以火热刺激的感觉,以冷色和纯度低的色为主色调则让人感到清冷、平静的感觉。以明度高的色为主则亮丽,而且变得轻快,以明度低的色为主则显得比较庄重、肃穆。 取对比的色相和明度则活泼,取类似、同一色系则感到稳健。色相数多则会华丽,少则淡雅、清新。 以上几点整体色调的选择要根据我们所要表达的内容来决定。

第二步、配色的平衡颜色的平衡就是颜色的强弱、轻重、浓淡这种关系的平衡。这些元素在感觉上会左右颜色的平衡关系。因此,即使相同的配色,也将会根据图形的形状和面积的大小来决定成为调和色或不调和色。一般同类色配色比较容易平衡。处于补色关系且明度也相似的纯色配色

第三步、渐变色的调和2色或2个以上的色不调和时,在其中间插入阶梯变化的几个色,就可以使之调和。色环的渐变:色相的渐变象色环一样,在红、黄、绿、兰、紫等色相之间配以中间色,就可以得到渐变的变化。明度的渐变:从明色到暗色阶梯的变化。 纯度的渐变:从纯色到浊色或到黑色的阶梯变化。根据色相、明度、纯度组合的渐变,把各种各样的变化作为渐变的处理,从而构成复杂的效果。这些渐变色都是调和的。(渐变色最近很流行)

第四步、在配色方面的统调所谓统调,即为了多色配合的整体统一而用一个色调支配全体,将这个色叫做统调色,也就是支配色调。色相统调是在各色中加入相同的色相,而使整体色调统一在一个色系当中。从而达到调和。明度统调是加白色或黑色,以使全体色调的明度相似。这样也可以达到调和。 纯度统调是加灰色,以使全体色调的纯度相似

第五步、在配色方面的分割2个色如果互相处于对立关系是对比的,具有过分强烈的效果,成为不调和色。为了调节它们,在这些色中用其它色把它们划分开来,即分割。将用于分割的色叫做分割色。由于分割的目的,可以用于分割色的颜色不多,最常用的是白、灰、黑。金色和银色也具有分割的效果。

总结:关于色彩方面除了很多硬道理狠知识之外,更多的是要自己去练习配色,除了UI设计需要之外,连很多电影的截图配色也是很美的享受,更多关于UI设计的知识欢迎大家来诚筑说讨论学习。(插图均为诚筑说学员作品)