恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
《从现在起学设计》之二:色彩的秘密02
0.0°
2016-04-19 原创文章 经验/观点 举报 2288 31 20 0

颜色理论


色彩圆盘上可以用一句诗来记住:红、橙、黄、绿、青、蓝、紫


Image title


我们上节已经了解到显示器所有颜色是由色光三原色RGB混合成,那其它颜色是如何计算的呢?

色环中,相邻的原色混合成二次色(近似色),如:

  • 紫色=红色 + 蓝色
  • 青色=蓝色 + 绿色
  • 橙色=红色 + 黄色

用二次色混合就形成三次色(三元色),如

  • 蓝紫色
  • 青蓝色
  • 橙黄色

对立的两种颜色形成反转色(互补色),冷色调和暖色调相对。

红色色值是255, 0, 0,绿色色值是0, 255, 0,蓝色色值是0, 0, 255,如果你想得到黄色,那么意思就是没有蓝色,纯黄色的色值就是255, 255, 0。同理,紫色(255, 0, 255)是红色和蓝色的混合,没有绿色。


颜色术语


当我们用肉眼看一种颜色:

色相(Hue)就是一种颜色,如红,黄,绿;

饱和度(Saturation,色度/彩度)指的是颜色的强度;

明度(亮度)显然就是明暗程度,加入黑或白色而形成;

色调可以理解为整体色彩的给人的感觉,如偏红,偏蓝;

暖色调,红,橙,黄及其近似或组合,给人强烈,温暖,激情的感觉;

冷色调,绿,蓝,紫其其近似或组合,给人冰冷,平静,舒缓的感觉;

中性色,黑灰白,可用作中和暖色和冷色;


色谱理论


单色 ( Monochromatic)

单一颜色,可以在饱和度和明度上做变化,同样很协调和舒适的感觉。


Image title


近似色 ( Analogous)

色轮中相邻或相近的颜色,视觉上会很协调。


Image title


互补色 (Complementary)

两种相反的单色,180°对立关系,色差较大,形成互补。通常在想某一种颜色中特别凸显出来可以使用互补色。


Image title


三元色 ( Triad )

3种颜色等距离分布在120°上,形成一定的对比,但没有互补色强烈。

Image title


颜色引起的情绪变化


色彩不仅能引起情绪变化,往往也能表达自身文化。另外,在实际使用中,也会根据场景而表达的信息不同组合,总之,颜色,你大胆去使用。

因为篇幅所限,我们简明扼要概括常用颜色,以便你快速入门。下面节选部分Enqoo客户案例进行分析。


红色

好的:激情,热烈,豪放,力量…

坏的:危险,禁止,恐怖...

文化:正红在中国文化中表示喜庆,幸福;西方则认为红色为邪恶的象征;南非,红色则是丧服的颜色。


Image title


橙色

好的:温暖,活力,运动,诱人...


Image title


黄色

好的:快乐,阳光,温和,明亮,愉悦

坏的:警示,懦弱,有色情的味道

文化:在埃及,黄色是奔丧的颜色;在日本,黄色代表勇气;在印度,黄色则是商人的颜色。


Image title


绿色

好的:生命,活力,环保,新生,健康,生活...


Image title


蓝色

好的:专业,高效,冷静,放松...


Image title


黑色

好的:稳重,炫酷,高雅,时尚,现代...

坏的:沉闷,凝重,死亡...


Image title


灰色

好的:严谨,正式,专业,现代...

坏的:哀悼色..


Image title


白色

好的:纯净,简洁,柔和...

文化:西方,白色是婚礼的象征;中国传统白色是丧服。


Image title


 

如何进行色彩搭配?


配色不是科学,而是艺术。也就是说颜色的选择你要去感知,而不是去计算。这里提供些小技巧,让你搭配色彩的时候更专业。

多色彩的搭配,调整饱和度或明度,处理柔和点。


Image title


色彩鲜艳的配中性色(黑,灰,白)


Image title


好了,下期再见。

如果你有什么不明白的,欢迎在应酷设计Blog留言。



让每一款产品体验更好:www.enqoo.com

Image title

全球最新的设计资源,精彩实用设计技巧每天呈现。欢迎关注微信公众号:ienqoo

更新:2016-04-19

收藏

31人已收藏

enqoo

让产品体验更好:http://www.enqoo.com/

  • 47

    作品

  • 272

    粉丝

  • 1

    关注

  • 从现在起学 Cinema 4D – 对象关系
  • 从现在起学 Cinema 4D - 基础操作
  • Enqoo 交互/设计师招募...
  • 10个自由职业者日常的智能小贴士
相关标签
设计

    猜你喜欢

      2016-04-19 原创文章 经验/观点 举报 2288 31 20 0

      《从现在起学设计》之二:色彩的秘密02

      0.0°

      你确定要举报《从现在起学设计》之二:色彩的秘密02

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年04月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      20
      31
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录