界面设计要素—色彩相关知识

一个出色的界面设计,必然是将界面设计要素做到了淋漓尽致。下面,环球青藤小编为大家系统地介绍了视觉要素中的色彩要素,学习UI设计的小伙伴们快来看看。

第1个回答  2020-09-25

一. 色彩基础概述


1.色彩三属性


色相(H):即色彩的相貌、种类和名称,比如红、橙、黄、绿等颜色的种类就叫色相。饱和度(S):即色彩的鲜艳程度,也称纯度。明度(B):即色彩的明亮程度。人眼看到的任一彩色光都是这三个属性的综合效果。





2.色彩寓意


同一色相的不同明度和不同饱和度,也会对人产生不同的心理感受。


二. 色彩搭配


色相对比:两种及两种以上色彩组合后,由于色相差别而形成的色彩对比效果称为色相对比。色相对比的强弱程度,取决于色相之间在色环上的距离 (角度),距离 (角度) 越大对比越强,反之对比越弱。一般界面的色彩搭配主要包括三种颜色:主色调、辅助色、点缀色,搭配比例分别为 6:3:1。


1.同类色搭配


色环上相距 0° 的颜色为同类色,一般常用同一种色相的不同明度或不同饱和度的组合方式,例如蓝与浅蓝,红与粉红等。同类色搭配对比效果统一、清新、含蓄,但也容易产生单调、乏味的感受。


2. 邻近色搭配


色环上相距 30° 左右的颜色为邻近色 ,例如紫与蓝紫,蓝紫与蓝等。邻近色搭配对比效果柔和、文静、和谐,但也容易感觉单调、模糊,需调节明度来加强效果。


3. 类似色搭配


色环上相距 60° 左右的颜色为类似色,例如橙与黄,黄橙与黄绿等。类似色搭配对比效果较丰富、活泼,同时又不失统一、和谐的感觉。


4. 中差色搭配


色环上相距 90° 左右的颜色为中差色,例如红与黄橙,蓝绿与黄等。中差色搭配对比效果明快、活泼、饱满、使人兴奋,同时不失调和之感。


5. 对比色搭配


色环上相距 120° 左右的颜色为对比色,例如红与黄,红紫与黄橙等,对比色搭配对比效果强烈、醒目、刺激、有力,但也容易造成视觉疲劳,一般需要采用多种调和手段来改善对比效果。


总之,色彩要素在UI设计总很重要,多色搭配会让画面显得更加丰富、多彩,充满趣味性,但若控制不好,也容易让画面变花,失去平衡。

相似回答