新人下载app,立即提现现金 您的好友 送你现金 去提现

简单的五个方法,让色彩搭配更专业

东栗 20-12-24 关注

盘点你心中的年度好物,分享属于你的难忘故事!12月15日-1月22日参加#2020值得总结#征稿活动,发文至社区即有50金币奖励,最高可获得1000元京东E卡!岁月不会辜负每一个用心生活的人,让我们一起回顾跌宕起伏的2020年。还等什么,快点击查看活动详情

创作立场声明:2020年度总结,色彩搭配技巧。

色彩学的应用于大家的工作生活都息息相关,但是并不是每个人都接受过专业的设计学培训,而且系统的色彩学习过于学院派,对于普通人来讲会过于枯燥,且现在都追求碎片化的学习,接受起来也会更加容易。

我自己根据以往的学习经验、工作应用总结出了五点非常适合普通人的色彩搭配方法。

首先要知道,色彩有三要素

色彩有三要素,色相、饱和度、明度。了解“色彩构成”的人应该会很熟悉。

色彩的属性色彩的属性

色相(Hue)是色彩的首要特征,除了黑色、白色、灰色,所有的颜色都有色相,比如我们通常说的红、黄、蓝、绿、紫等等。这些叫做色相。

饱和度(Saturation)是指色彩的鲜艳程度,饱和度越高的颜色,色相特征越明显,饱和度越高,色彩显得越“灰”,饱和度为0色彩为为中性灰。

明度(Lightness)指颜色的明暗程度。明度为0,则都为黑色,明度为100,则都为白色。明度处于50时,色彩的色相特征最明显。

HSL色彩模式就是利用了色彩三要素的原理。色彩模式除了HSL外,还有RGB(应用于电子设备显示)、CMYK(用于印刷)等等。

配色法则一 降低饱和度

色彩鲜艳的事物确实会吸引人,但是如果没有利用好,这种吸引会是负面的,令人反感的。

高饱和度、低饱和度对比高饱和度、低饱和度对比

当我们看到大量的高饱和度色彩时,往往会贴上“廉价”“土”的标签,而看到低饱和度的色彩,则是“莫兰迪高级灰”“性冷淡风”。

高饱和度海报高饱和度海报

索尼Hear on系列海报索尼Hear on系列海报

我从网上找了两张海报的对比,索尼的美学一直都很在线,几年前的hear on系列,海报的配色就非常舒适。

索尼配色的HSL色值索尼配色的HSL色值

在HSL模式下可以看到,S(表示Saturation,HSL模式下0-100表示饱和度值)基本都在20及以下,唯一的红色饱和度也仅仅只有51。

配色法则二 使用更少的色相

如果驾驭不了太多的颜色,那就减少色彩的色相,把色相控制在3个以内,就通常都会比较和谐。这一点也适用于平时的穿搭,把五颜六色都穿在身上还能好看的人,真的不多。

多色相、少色相对比多色相、少色相对比

色相太多,会显得杂乱无比,同时对眼部的刺激非常强烈。即便是很强的对比色,色彩饱和度很高,将数量控制在三个及以内也不会显得过于突兀。

同时,太过于跳跃、缤纷的色彩会引起生理的不适。比如著名的宝可梦3D龙事件,为了表现震撼,采用了红蓝高对比色彩快速跳跃,引起了多达六百多名观众昏倒。

即便在大自然中,色彩艳丽的鹦鹉、孔雀等动物,即便色彩非常鲜艳,色相的数量也并不会很多。

自然界中的鸟类自然界中的鸟类

即便色彩的饱和度很高,但是色相数量少也不会很糟糕即便色彩的饱和度很高,但是色相数量少也不会很糟糕

通用法则三 合理的强调色

强调色可以用于突出显示重要信息,在传递信息上起着很大的作用。在搭配色彩时,可以将某一个色彩的亮度、饱和度与其他的色彩有明显区别,或者以专门的色相区别。

饱和度高的强调色饱和度高的强调色

色相与众不同的强调色色相与众不同的强调色

谷歌的Material Design就把强调色运用的非常好。

Material Design色彩规则案例Material Design色彩规则案例

配色法则四 从好照片学习配色

这是一个非常讨巧的方法,当你看到一张非常不错的彩色照片,通常而言这张照片的色彩搭配也会非常和谐。那么可以借鉴照片中的色彩搭配。

日出时的色彩日出时的色彩

配色法则五 利用色彩搭配网站

palettablepalettable

palettable采用了很好的交互形式,进入页面会出现一个随机色彩,喜欢就点击“Like”保留,不喜欢点击“Disklike”随机更换另一个色彩。点击了保留会就可以选择下一个色彩,直到认为搭配好色彩,就可以导出配色表。

palettablepalettable

导出还可以选择链接或者下载png图片。

palettable导出palettable导出

webgradient.com更擅长渐变色的色彩搭配,毕竟这几年渐变色挺流行的,但是要运用的好还是需要找找参考。

webgradient.comwebgradient.com

webgradient.com交互webgradient.com交互

colourco.de是个很有趣的网站,搭配色彩的交互模式更加有趣。

colourco.decolourco.de

通过鼠标的移动可以控制色相,通过滚轮可以控制饱和度。点击后就可以保留所选的色彩,然后再选择下一个色彩。

colourco.de交互colourco.de交互

同时还支持多种模式,可以自行体验下。

colourco.decolourco.de

展开阅读全文

打开App,享最佳阅读体验
全部评论 (1)
克利克萨斯
1
2020-12-25

不错,入门有用!

打开App,查看更多好文和评论
最新软件技能优惠
开课吧 Python编程0基础3天入门课程
开课吧 Python编程0基础3天入门课程
0.99元
天猫精选 01-18
3 33%
圈外同学 IDP职业发展规划课
圈外同学 IDP职业发展规划课
0.8元
天猫精选 01-15
0 100%
猜你喜欢
查看更多
相关好价
相关商品
查看更多热门商品
社区主页 文章详情
9
45
1
你已经点过赞了
新浪微博 QQ空间 微信好友 豆瓣
当前为触屏版
热门搜索