当前位置:首页 > PS教程 > PS教程

配色方法,三种UI的选择配色方法

  • 2022-12-24 19:38:36
  • 来源/作者:互联网/佚名
  • 己被围观

UI设计师配色入门必修手册。

方法一:色轮配色

色轮由 12 种基本的颜色组成。

首先包含的是三原色( Primary colors ),即蓝、黄、红。

原色混合产生了二次色( Secondary colors ),用二次色混合,产生了三次色( tertiary colors )。

色轮有五个同心环组成,从暗到亮-暗色处于大环,明色处于小环,而中间是颜色的基本色相。

配色方法,三种UI的选择配色方法

根据颜色的关系有以下几种配色分类

a、单色配色

单色搭配就是以一个颜色为主,然后利用颜色的深浅来进行搭配的方法,即色轮中,一种色相的暗、中、明三种色调,单一颜色是比较单调,所以利用颜色的深浅变化来增加多彩性。

配色方法,三种UI的选择配色方法

优点:画面统一,搭配时相对简单而且一般都不会给人难看的感觉,一般不会给人难看的感觉。

案例:

配色方法,三种UI的选择配色方法

b、邻近色配色

在色相环上相邻的色彩互为邻近色

配色方法,三种UI的选择配色方法

优点 : 色调统一,具有低对比度的和谐美感。这种颜色搭配产生了一种令人悦目、低对比度的和谐美感。类比色非常丰富,在设计时应用这种搭配同样让你轻易产生不错的视觉效果。

案例:

配色方法,三种UI的选择配色方法

c、互补色和对比色配色

互补色是在色相环上180°相对的两个颜色,而对比色则是在色相环上150°到180°范围内相对的两个颜色。

配色方法,三种UI的选择配色方法

优点:补色和对比色形成强列的对比效果,传达出活力、能量、兴奋等意义。补色要达到最佳的效果,最好是其中一种面积比较小,另一种比较大。比如在一个蓝色的区域里搭配橙色的小圆点。

案例:

 1/3    1 2 3 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 工具运用,给产品图片加上尺寸标识 工具运用,给产品图片加上尺寸标识
  • ps大师之路:ps笔刷的详细设置 ps大师之路:ps笔刷的详细设置
  • ps无缝重复图案的制作和使用方法 ps无缝重复图案的制作和使用方法
  • photoshop大师之路消除锯齿和羽化 photoshop大师之路消除锯齿和羽化
  • 教你怎样分辨照片是否被ps过 教你怎样分辨照片是否被ps过
  • 浅谈photoshop图像处理中的亮调,中间调,暗调选取 浅谈photoshop图像处理中的亮调,中间调,暗调选取
  • Photoshop自由变形调整照片的透视变形 Photoshop自由变形调整照片的透视变形
  • 文字设计,英文字母组合的N种方式 文字设计,英文字母组合的N种方式