色彩三要素:HSB
H=色相(颜色的样子)
S=饱和度(颜色的纯度)
B=明度(颜色的明亮程度)
S+B=色调(颜色整体的一个倾向)


设计的时候,需要先根据用户和产品的定位来选择色调。

色彩的六大色调
1、纯色调
优点:刺激/直接/活力/促销
缺点:廉价/缺少品质感/刺眼
===产品:廉价的、便宜的
===用户:低端用户
===检索:超市传单、双十一界面、搞活动
2、明色调
优点:年轻/阳光/活力/明朗/干净
缺点:缺少档次
===产品:耐用消费品、大众化的产品
===用户:18-35岁之间
3、淡色调
优点:天真/女性/纤细/轻快/高档
缺点:单薄(厚重感不足)/软弱
===产品:女装、女性消费品、化妆品
===用户:女性偏多
===检索:女装海报
明度很高、饱和度不足。
4、白色调
优点:文艺/素雅/简洁/干净/高档
缺点:无趣/单调/缺乏个性
5、暗色调
优点:品质/历史/力量/厚重/古典/高档
缺点:压抑/阴暗/危险
===产品:99%高端奢侈品
===用户:大额消费产品
===检索:奢侈品海报
白色调和暗色调都有一个共同的优点:高档,典型的就是苹果官网。
6、灰色调
优点:成熟/稳重/优雅/文艺
缺点:脏
===产品:男性化产品
===用户:男性
===检索:男装海报、中年男装海报(偏灰偏暗)


中庸之道,色彩搭配中的六大平衡。

色彩的六大平衡
1、色调平衡/深浅平衡
画面协调、平衡、立体有空间感的必要手段。
所有画面必须满足此平衡/画面有层次感/突出主体和文字(设计的基本要求)。
一个画面采用两种或三种色调,来结合他们的优缺点、互补搭配。
例如:如果背景和文字都是淡色的,则不能突出。

2、冷暖平衡
平衡色彩给受众带来的情感失衡、过冷过热都是错误做法。
在电影海报、后期合成、渐变色的制作、摄影都经常用到,让视觉更加有冲击力。

3、互补平衡
平衡色彩刺激带来的心理失衡,也叫生理补色
眼睛受到一种色彩刺激后,心里会产生平衡这种色彩刺激的渴望
而这种平衡,需要通过所有颜色的互补色来完成
互补色中的一种颜色孤立出现会带来心理失衡
当平衡色同时出现,可以突出两者各自优势。
在网页、海报、生活中经常用到。

4、花色和纯色平衡
当背景色很花或没有规则时,我们需要用纯色来平衡。
解决画面聚焦、缓解视觉疲劳、突出信息。
注意:背景花的纯色字体主题,再在纯色加光线和投影效果,用的不好就是画蛇添足。

5、有彩色和无彩色平衡
打破单调配色、突出主体和文字。
无彩色:黑、白、灰(没有色相的颜色)
有彩色:有色相的颜色

6、面积平衡
让画面透气、有层次,也就是我们俗称的6主色、3辅助色、1点缀色。


颜色的重量:每个颜色都是有重量的,如果文字和背景都是同一个重量,则不能凸显出来。
色彩中的七大色相:
红色(重)、橙色(重)、黄色(轻)、绿色(轻)、青色(轻)、蓝色(重)、紫色(重)
色彩中白色最轻,黑色最重。

视频教程:
【配色基础原理】50分钟干货,设计师颜色搭配口诀,色彩搭配的技巧大全

色彩搭配与色调

色彩对比

色彩工具:
http://www.peise.net/tools/web/

色彩搭配 — 总结1相关推荐

  1. 企业网络推广之中如何对网页设计提出新的色彩搭配原理?

    在互联网飞速发展背景下,企业网站所对应的是用户需求和搜索引擎的抓取要求,为了更好的满足二者的需求,企业网络推广期间面对企业网站页面设计提出新的色彩搭配原理需求.色彩搭配风格统一的网站是满足用户视觉体验 ...

  2. 网站建设你够专业吗?——不需说,从色彩搭配就能看出来

    对于从事各行各业的企业来说,想要进入互联网市场肯定要拥有一个属于自家的企业官网,这对于企业进军互联网市场起着至关重要的推广宣传作用.也可以说,如果企业能够做好网站建设并在同行业中占据领先地位,那么在互 ...

  3. Palette优化界面色彩搭配

    目录 什么是Palette Palette是调色板的意思它可以通过提取Bitmap中的颜色来优化界面的色彩搭配. Palette的使用方法 导入依赖 dependencies {...implemen ...

  4. 数据可视化——彩色通用设计之色彩搭配(制作对色盲人群友好的图形和演示)

    数据可视化--彩色通用设计之色彩搭配(制作对色盲人群友好的图形和演示) 概述:本文翻译Masataka Okabe的Color Universal Design (CUD------How to ma ...

  5. 色彩搭配的原理与避讳

    色彩搭配的原理与避讳 一.总结 一句话总结:色彩搭配一定要突出重点,所以可以有对比色. 1.黑白颜色的作用是什么? 白色使颜色明亮,黑色使颜色昏暗. 一般来说,如果同一个色与白色搭配时,会显得明亮:与 ...

  6. 自媒体运营、平面设计封面如何搭配?3大色彩搭配网站推荐

    之前给大家分享了很多无版权的图片网站.音乐素材网站,但日常设计我们常常会遇到配色的问题,不管是设计作图.动效制作还是自媒体封面都需要用到配色,不同的色彩搭配也会出现不同的效果.今天就来跟大家分享一波神 ...

  7. R作图配色---颜色提取及色彩搭配

    看SCI文章,发现一个规律,越是高分的文章作图越是"花里胡哨",出各种新奇的图,色彩上也很鲜艳,而大多数人就喜欢看那种花里胡哨的.其实很多时候,我们里高分文章的图只差一个思路和配色 ...

  8. 设计技巧之:LOGO色彩搭配

    设计技巧之:LOGO色彩搭配 设计技巧之:logo色彩搭配 首先来看一个问题. 一个朋友问:暖色调背景配什么颜色? 字体配什么颜色?是不是非得暖色调 暖色调?还是暖色调 冷色调? 比如说金黄色(C:0 ...

  9. 18个配色(色彩搭配)资源网站——设计师福利

    无论是在品牌视觉形象的展示,还是传统广告和数字营销领域的推广,色彩搭配实在太重要了!然而,我们通常所说的:这个品牌真高端!真大气!最重要因素是由色彩搭配决定的,这个是给人最直接的第一印象. 这篇文章目 ...

  10. 转: 网页设计中的一些色彩搭配技巧

    在网页设计中色彩搭配是一件很重要的事情,要是色彩搭配好了,能让整个网站看起来清新悦目,眼前一 亮的感觉.要是色彩搭配混乱,会让人看着很吃力或者整个网站没有亮点.不吸引人.下面我说说自己在 网页设计中积 ...

最新文章

  1. 博客美化中遇到的问题汇总
  2. bootstrapValidator验证的remote中data属性里获取select一直是默认值
  3. 终端仿真程序_SecureCRT for mac(终端SSH工具)
  4. 专注SilverLight
  5. Java中的浅克隆和深克隆
  6. Centos6.5安装tocmat7 配置以及优化
  7. SOS Dynamic Programming
  8. 计算机音乐的制作流程,Premiere制作音乐电子相册的方法和流程 计算机类数媒...
  9. 小米一键解锁system分区_小米ROOT教程|小米红米解BL锁+ROOT通用教程
  10. android 评论发表情,安卓手机怎么在微信朋友圈评论发表情包?
  11. 【C语言】函数参数试探:传指针与传引用——以队列为例
  12. 如何将tomcat注册成windows系统服务方法
  13. 【租房数据分析】2016年在北京如何租到好房子?
  14. 论 $*、$@、$*、$@的区别
  15. REDIS-雪崩、击穿、穿透
  16. 一级计算机基础及ms office应用练习,全国计算机等级考试一级计算机基础及MS Office应用模拟练习系统...
  17. java.lang.ClassCastException: xxx.User cannot be cast to
  18. JeeSite4.0学习
  19. 养龟小记-宠物的命运
  20. matplotlib显示灰度图为紫色的问题

热门文章

  1. 人工智能初步学习笔记
  2. 【C++】虚表与虚表指针,虚基类表与虚基类表指针
  3. NetLogo学习笔记1 —— 初步认识
  4. 基于java兰州交大学生生活服务网计算机毕业设计源码+系统+lw文档+mysql数据库+调试部署
  5. org.apache.jasper.JasperException: java.lang.NullPointerException 解决办法
  6. Decorate(修饰模式)
  7. C语言int类型转换为char类型
  8. Centos7 Samba Win10配置解决问题【全攻略】:你没有权限访问,请与管理员联系。。。
  9. EndNoteX9保姆级基础功能使用教程(够用!!)
  10. 2018年1月份最热门的JavaScript开源项目