首页 > IT问答库 > UI/UX设计 > UI设计色彩搭配基础

UI设计色彩搭配基础

所谓的UI就是用户界面,单从“界面”两字,就能感受到视觉的重要。好的界面可以给用户带来良好体验,而视觉第一印象是体验最直接的一步。在视觉刺激里,色彩是最直观的。一直以来各种关于UI设计师如何掌握利用色彩的文章层出不穷。

  今天我们只讲最基础的色彩搭配,初入UI行业的新手,务必认真看看。

  关于色彩理论的书籍不计其数,基本都是关于色彩定义、色彩概念以及设计应用的。虽然书籍多,还是有规可循,无外乎从三个基本类别来讲解。

  色环(The color wheel)

  色彩调和(color harmony)

  颜色背景(color context)

  原色

  原色由红、黄、蓝组成。在传统的色彩理论中(主要应用于绘画和颜料),三原色是三种不能相互混合的颜色,其它所有颜色都是来自于这三个色调。

  有了这三种原色,我们可以去创建二次色(Secondary colors):绿色、橙色、紫色。

  混合原色与二次色,我们可以得到所谓的三次色(tertiary colors):橙黄色、橘红色、紫红色、紫蓝色、蓝绿色、黄绿色。

  色环

  我们将所有这些颜色的合成称为色环。

  色彩是光的产物。先锋科学家 Sir Issac Newton(牛顿)通过使用菱镜去将白光分解成七种单独的颜色,揭示了光是如何组成的。他将这些颜色划分在一个车轮上,这就是现代色环的前身。

  色环可以被分为暖色和冷色。暖色是生动且充满能量的,它倾向于在空间延展。而暖色则给人一种冷静和舒缓的感觉,它倾向于在空间中消退。

  颜色背景

  一种颜色会根据其周围颜色的不同以不同的形式出现在人眼中,我们称之为颜色背景。所以选择不同的颜色搭配会改变其产生的情感或认知。

  色彩调和

  现在我们已经有足够的色彩理论基础去让我们接触色彩调和这个概念。这就是那些可以很好地搭配的特定颜色组合,即配色方案。

  一:最基本的配色方案——互补色(complementary colors)

  在色环中相对的两只颜色被我们称为互补色。例如黄色和紫色是一组互补色,因为它们在色环中的位置是相对的。

  二:其他的配色方案:分离互补色、相似色、三色调、四色调、单色调

  1、分离互补色(Split Complimentary):挑选一种颜色,之后加入其互补色在色环左右两侧中的颜色。

  2、相似色(Analogous):色环上相邻的三种颜色。

  3、三色调(Triadic):使用色轮上相互距离相同的三种颜色。

  4、四色调(Square color schemes):使用色轮上相互距离相同的四种颜色。

  5、单色调(Monochromatic color scheme):使用一种色彩和它的同色系色彩来搭配。

  以上就是优逸客为大家提供的有关于UI色彩基础搭配的介绍,平时设计过程中,要善于观摩别人的作品,学习一下他们是如何搭配颜色的,结合图像研究,看看自己是不是也可以做出这样的配色方案,或者超越这种配色方案。希望你能用色彩为你的创作带来生命!

可分享到:
上一篇 : ui设计中关于色彩你所不知道的误区
下一篇 : UI设计中不可忽略的平面设计基础
你可能感兴趣的内容|INTERESTING NEWS

限时优惠
本周申请限100个名额