美文网首页
[色彩基础]没有它你还做什么设计?

[色彩基础]没有它你还做什么设计?

作者: 像素狮 | 来源:发表于2018-05-28 23:18 被阅读0次

    色彩搭配,能参考网上的色卡吗?

    目前网络上有很多好的色彩搭配网站,这些网站真的有用吗?这些色卡真的可以“拿来”就是用吗?让我们先看看目前网上比较流行的色彩搭配网站。

    ▲ 某配色网站提供的主题配色

    大家看完上图的配色,能想到樱花主题吗?我想大家跟我一样,想到的樱花是下面的这个樱花的样子。

    ▲ 樱花在自然界的状态

    当然我们要是想表达出樱花的效果,我们不会用配色网站给出的配色,因为普通人大众看上去并不能产生樱花的联想。小编猜想这个网站上的配色估计是参考了日本女性的传统服饰的印花效果,然后提取的颜色。

    看完本文,你可以把你收藏在收藏夹里多年的色彩搭配网站删除了……

    色彩设计在视觉设计中的运用

    为什么我说没有色彩基础,就不用学其他的设计了?其实不管是视觉设计还是商业设计,我们的目标就是去展示想要展示的信息,我们想尽一切办法让人们的视线集中在设计作品上,从而更好地去展示或者是销售产品。(当然这里我们不讨论美学设计和艺术设计)

    ▲ 某素材网站的海报设计,主题不明确,无法聚焦,不知道表达什么意思 ▲ 有彩色无彩色搭配,有焦点移动,表述内容清楚 ▲ 色彩同频呼应在网页中的运动,三角形产生页面稳定效果 ▲ 海报是第一焦点,橙色按钮是第二焦点,颜色搭配有重有轻

    从上面的几个案例中了解到,色彩用的好真的就是画龙点睛,在平时的工作中我们应该怎么样去选择颜色,进行色彩设计呢?别着急我们慢慢往下看。

    色彩平衡

    色彩平衡是一个什么样的概念呢?它是通过颜色对抗性产生平衡关系,然后使画面生理、心理、情感达到平衡的效果,主要是选取特定的颜色给大家一个特定的方向,也就是让用户看着舒服,视觉停留时间增加。

    ▲用眼睛盯着中间的红色一会儿再把视线移到旁边深色区域 ▲我们的生理视觉会自动互补出一个颜色来和红色互补

    我们的身体会本能的产生补色,所以当设计图如果配色不合适,我们自己生理、心理、情感上会达到失衡,心理无法满足。

    ▲色彩平衡主要分为6类

    ①  互补色的平衡:

    ▲色相环180°互为平衡互补色 ▲从5个海报可以看出,互补色看着是最舒服的

    ②  冷暖色平衡:

    冷暖色搭配一般分为相对冷暖搭配和微弱冷暖搭配

    ▲色相环上半部偏暖色,下半部分偏冷色,色彩聚焦会讲到视线聚焦色 ▲冷暖色在平面设计中的搭配

    ③  深浅色平衡:

    ▲同为冷色,颜色深浅搭配,达到一致性平衡,增加同频效果

    ④  有彩色与无彩色:

    无彩色主要是“黑、白、灰”,自然界中并没有纯的这三种颜色,当我们不知道该如何配色的时候可以选择这三种颜色进行配色。

    白色:有特殊的通透感,具有透气性,适用于留白和点缀。

    灰色:具有特殊的质感,适用于质感产品的背景颜色。

    黑色:具有重心感,让画面更稳定。

    ▲左右三幅图,不管右侧深色部位用什么颜色也比不了黑色的稳定性

    ⑤  花色与纯色:

    就像我开篇提供的一个素材一样,整个页面颜色复杂,用了很多的渐变色,不知道重心在哪里。

    ▲花色与纯色的对比很强,增加画面稳定性突出主题也增强了聚焦

    ⑥  色彩面积大小平衡:

    ▲任何作品都存在面积大小对比,产生节奏增加焦点

    那么假如是一组色彩,我们该怎么样选择平衡对色呢?

    如果 色相很多,我们就选黑色作为平衡对色。

    如果 是无彩色我们就选有彩色作为平衡对色。

    同频 色我们选择有彩色或者无彩色(黑白灰)为平衡对色。

    局部平衡—达到整体平衡

    局部 平衡—达到整体平衡

    理论知识讲了这么多,那么我们在工作中怎么样才能使用色彩平衡呢?答案是:我们要提供多种配色方案。

    ▲从主色出发选择多种方向提供选择

    总结

    色彩平衡研究的是通过两个颜色的对比造成抗衡关系,通过抗衡最后达到画面的平衡是内心情感和心灵反应能够感受到和谐之美。

    后续讲更新关于:色彩的聚焦 色彩的同频

    敬请期待~

    *本期部分内容来自梁景红老师公开课

    站在巨人的肩膀上看的更远,致敬!

    相关文章

      网友评论

          本文标题:[色彩基础]没有它你还做什么设计?

          本文链接:https://www.haomeiwen.com/subject/ylgnjftx.html