UI——PS色彩搭配

色彩三部曲:
1, 色彩感知
2, 色彩的基础知识
3, 色彩搭配

RGB:
RGB的色彩模式是一种颜色标准,是通过对红®,绿(G),蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到的各种颜色(电子荧屏的专用色)。

CMYK:
(印刷专用色)。

HSB:
HSB色彩是通过色相(H),饱和度(S),明度(B)三个元素来表达色彩的(通常使用HSB来调节颜色)。

上图便是HSB的调节面板
也可通过曲线调节

彩色系
包含了可见光的所有颜色,以红橙黄绿青蓝紫,基本色混合进而产生的众多色彩,彩色系中的任何一种颜色,都具有色相,明度和纯度(饱和度)的三种属性

无彩色系
指黑色,白色以及黑白两色混合而成的各种灰色系列。
无彩色系只有一种基本性质——明度

1,色相:指色彩的样貌,用来区分不同的颜色
2,饱和度:指色彩的鲜艳程度
3,明度:指色彩的明暗程度,即深浅程度
~~~~~~~~~~~~~~ 色相环~~~~~~~~~~~~~~~

同色相下,拾色器中
明度:从上至下越来越高
饱和度:从左至右越来越高

同类色,邻近色,对比色,互补色
同类色:
色相环上,夹角60度以内的色彩,色相对比差异不是很大

邻近色:
色相环上,夹角在60度到90度之间的色彩

对比色:
色相环上,夹角在120左右的色彩,在色相环上的位置大致相反

互补色:
色相环上,夹角互为180度的色彩,互补色具有极其强烈的对比

四方色:
在色相环上画一个正方形,取四个角的颜色


色彩搭配的原则
1,由相同或相近色相可增强画面的统一性
由相同或者相近色相构成的配色可以轻松地营造出和谐,统一的印象
同一色相配色体现统一性
邻近色相配色演绎自然,和谐的印象
2,互补色或对比色相可突现出画面的变化性
无明度差的高纯度互补色搭配在一起时,会使人眼产生晕光现象,色彩看起来仿佛飘忽闪烁,使文字等信息难以阅读,这一点应当加以注意。
对比色相配色效果清晰,醒目。
3,调整配色色调,为创作增添个性
无论色相如何,只要将其色调统一,就可以体现整体性和统一性,形成具有和谐,自然效果的配色。相反,通过将对比性的色调搭配组合,可以演绎富于变化的效果。
同一色调的配色和谐统一
便和丰富的类似色调配色为设计增添个性

技巧
1,有效使用主题色
2,通过控制颜色数量可以突出主题
3,文字和图形色调相反同样显眼
4,鲜艳的底色可以创造活泼的页面效果
5,暗淡的底色可以体现品味感和丰富感

五种色系的搭配
单色系,冷色系,暖色系,明亮色系,补色系

色彩中,加入黑白,分六个层级

UI——PS色彩搭配相关推荐

  1. UI - PS

    1.投影 1)滤镜->高斯模糊 2)图层-图层样式-颜色叠加,为复制的图像叠加黑色 3)自由变换->缩放->斜切 4)图像->调整->亮度/对比度 2.边缘 1)模糊工具 ...

  2. PhotoShop中的自由变换UI实现

    PhotoShop中的自由变换UI PS的自由变换UI如下 1. 旋转 如上图,旋转是在ps的自由变换中最常见的操作之一,灰色矩形经过旋转变为绿色矩形 1.1 数学建模求解 一个矩形的变换由以下参数记 ...

  3. 服务过美国总统竞选的非传统投票UI [解析及DEMO]

    上篇文章和大家介绍了需求情况和难点分析,大家可以看这个链接了解详细 服务过美国总统竞选的非传统投票UI =================正文开始=========================== ...

  4. 树莓派4做服务器哪个系统好,【树莓派】树莓派4无痛安装系统(NOOBS篇)

    前言 此篇文章面向对象:刚刚接触树莓派的小白,推荐的新手系统,简单易懂,一看就会,10分钟内搞定,快速爽上流,让刚拿到树莓派的你快速开启你的学习(受苦 )之旅shell 1.准备工做 树莓派3(略有磨 ...

  5. 【串口助手】Python从零开始制作温湿度串口上位机

    文章目录 1. 项目介绍 2. 功能简介 3. 开发过程 3.1 准备工作 3.2 编写串口上位机界面 3.3 功能实现 3.3.1 基本功能 3.3.2 整活 3.4 打包 exe 可执行文件 1. ...

  6. 树莓派4无痛安装OpenCV+python3

    树莓派4B无痛安装python3+OpenCV人脸检测识别-门禁"准备篇" 一.前言 二.准备工作 三.树莓派的系统 四.安装系统 五.系统快速安装 六.连接网络-换源 七.SSH ...

  7. 广度优先爬虫python_python广度优先

    python2 和Python3 的区别 一.python2  的代码混乱 重复较多 冗余  因为当时来编写的人有C 语言的大牛 和 java的大牛等各种大神 所以里面都含有各种语言的影子 pytho ...

  8. Qt/C++ 添加pri文件

    遇到了,学习一下子~ 百度了发现好像是大的工程才使用pri来,方便管理,经过学习,于是自己写了一个demo试试 可以的~先创建几个工程,再创建一个空白工程,在空白工程里添加 QT+=core gui ...

  9. BeijingSubway

    北京地铁地图 1. 引言 1.1 项目介绍 1.2 开发环境 2. 需求分析 2.1 用户需求 2.2 功能需求 2.3 性能需求 2.3.1 精度需求 2.3.2 时间特性要求 3. 系统总体设计 ...

  10. 【游】优秀游戏场景分析

    优秀的场景需要包含的要素 一.色彩 场景中的色调应该比较统一,统一的色调能够第一时间烘托整个场景的气氛(强于模型.形状等),表现出整个场景的主题,是森林还是沙漠,是冰冷还是燥热. 如果色调太多,则让人 ...

最新文章

  1. 【计算理论】图灵机 ( 接受状态作用 | 格局 | 图灵机语言 | 图灵机设计复杂性 )
  2. 23种设计模式及其对应实例-转
  3. (chap1 网络基础知识)通信类型
  4. jzoj6312-Lottery【dp,前缀和】
  5. 深入new/delete:Operator new的全局重载
  6. rman异机恢复数据库
  7. 三个网络接口计算机主板,电脑主板接口安装详解
  8. 【编程之路(008)操作符详解】(C语言实现)
  9. linux下的文件系统,Linux系统中常见的文件系统有哪些?
  10. 15个搞笑的程序员段子
  11. 运行时错误‘53’:文件未找到:MathPage.WLL
  12. 企业经营性icp许可证与非经营性icp的区别
  13. “剧情+综艺” 助推国潮文化破圈
  14. 网易云音乐爬虫 数据可视化分析
  15. 经纬度换算数值_Excel中经纬度数据转换公式
  16. C# 获取某个时间的0点0分和23点59分59秒
  17. Proteus+VSPD实现仿真stm32虚拟串口
  18. cad指示箭头快捷键命令_cad中箭头怎么画_cad箭头画法命令 - 学无忧
  19. react中使用水印water-mark-oc
  20. openssl与数字证书的使用

热门文章

  1. 从TextBox的升级看VB6与VB2010的不同~
  2. SQL数据库的增删改查
  3. matlab 调制识别,调制方式识别仿真
  4. 台州银行登录显示服务器异常,手把手教你设置台州银行网上银行【处理办法】...
  5. Unity官方支持中文版啦!!!附教程——无需破解!
  6. 【Unity3D】人体模型及动画
  7. 关于PLSQL的破解,按图输入即可
  8. (3/3) plsql使用技巧PL/SQL Developer实现双击table表名查询
  9. Glide 圆角+居中裁剪centerCrop冲突问题
  10. acunetix12及Awvs12.x安装