加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

什么因素导致某些颜色显得更“高级”

(2015-07-31 09:20:53)

什么因素导致某些颜色显得更“高级”


文/MoonlitCherry(知乎)

本文系作者授权“清南”发布,如需转载请与作者本人联系。


一,色调。

色调是指通过色彩的明度和饱和度综合表现色彩状态的概念。

第一行颜色(黑白除外)的色值如下图所示。H代表色相,S代表饱和度(/纯度),B代表明度;方形中的横轴表示饱和度,纵轴表示明度。http://pic3.zhimg.com/e981745e58c642a0e2fb5505617f8d56_b.jpg

可见,它们的整体饱和度和明度中等偏上,低于标准色(饱和度几乎都100%)。

一般而言,色彩纯度越低,越容易形成成熟、稳重的印象。但,若整体色调过暗,则容易形成沉闷、保守的印象。加入对比色或很淡的颜色,可以缓冲一下,避免枯燥。


如:Flavor

http://pic2.zhimg.com/85ac18ef5d13f037ab19ed456a078559_b.jpg

鲜艳、明快的多色组合可以营造热闹、有活力的氛围,有时能给人以“实惠”的印象。如超市的特价商品册、海报等。


===========补充===========

下图是不同色调对应的氛围,纵轴表示明度,横轴表示饱和度。仅供大致参考,毕竟最终效果还与色彩的数量、面积比、形状等等有关。

http://pic2.zhimg.com/772baa56bd0d7d68ee6e0ffa01edfcfd_b.jpg
(图片摘自《配色设计原理》.奥博斯科编辑部)


http://www.changweibo.com/ueditor/php/upload/20150731/1438305196943.jpg

http://www.changweibo.com/ueditor/php/upload/20150731/14383051973426.jpg

(图片摘自《七日掌握设计配色基础》.日本视觉设计研究所)


另外,第一行颜色中有两种无彩色(黑白灰),还有一种极接近白色。

无彩色和其他色彩搭配一般都较和谐,合理运用无彩色,可以营造“高级感”。


Apple

http://pic3.zhimg.com/f47a516bc5721861f6c54ceeca25d4b2_b.jpg

Journey Group, Inc.

http://pic1.zhimg.com/1b74aea6406ecfa86c695cf2057ab95c_b.jpg

http://srmcinc.com

http://pic4.zhimg.com/bb605af2e87ebeb2dfbac6fb3478fcfb_b.jpg


如果把那一行标准色置于黑色背景上,而且彩色面积比例在一半以下,则可降低“廉价感”。如下图:

http://pic3.zhimg.com/d71e1eb33d0035416b4a4bf9290a22de_b.jpg

二,色彩次序。

在这里,色彩的次序不一定对它们是否显得“高级”造成影响,但也是一个稍有趣的点。

第一行颜色的排列是分离型的(不按色相或明度饱和度顺序排列),而标准色是渐变型的。

把第一行颜色按渐变型排列(H值升序排列)之后:

http://pic4.zhimg.com/ed42b5ee6824df0797f1c7cab04382e7_b.jpg

原顺序:http://pic2.zhimg.com/3f48cfe0dd3e69f398684591df09b0a1_b.jpg


可参考的入门书籍(原理大同小异……):

1.色彩设计的原理

2.配色设计原理 

3.七日掌握设计配色基础 

4.配色基础原理


来源邀稿:MoonlitCherry


http://www.changweibo.com/ueditor/php/upload/20150731/14383056033558.jpg​http://www.zhihu.com/question/25056214/answer/29969440


0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有