TB58电商论坛

 找回密码
 免费注册

QQ登录

只需一步,快速开始

搜索
查看: 1248|回复: 2
收起左侧

[其他] 视觉觉醒:美学(一)

[复制链接]
发表于 2020-4-20 11:07:17 | 显示全部楼层 |阅读模式

一、配色基本常识
关于配色,其实有两个世界,也可以简称为两个阶段。只要我们承认色彩是我们认识外界的基础,
那么我们就必定面临这两个世界。
第一个世界是理性的世界,在这里色彩被分析、解构。白色光被三棱镜所分解成为不同的色光,
每种色光对应着不同的波长。他们可以被波长所命名,站在科学实证分析的角度,我们会有一种可以掌
控甚至是管理**彩的错觉。然而,在这个世界以外还有另一个世界,也就是感性的世界。
1、 如何配色
配色方法太多种形式,每一个设计师都有自己的一套规则,我分享我自己的方法,主要是“单色
法”、“采物法”和“吸色法”;因为我个人对于美术或者色彩没有专业的那么敏感,要通过色条,色相环中选
择,各色有各法。
1) 单色法
1) 设定色系,先确定主色调,然后开始配色出有层次的单色
2)增加色系(颜色)层次(饱和度调整)
3)增加色系跨度(渐变融合),避免过于单调
4)其他风格统一化,不一定完全是单色,适当加入一点小面积的辅助色,会让画面静中有动


a.png


b.png

通过上面的作品,你会发现这种感觉是非常有质感的。
2)采物法
是采用画面里的物体色彩作为基础色彩,再去验身整个画面,通常,都是采用画面主体(产品)
或者背景以及人物色彩。这招几乎万试万灵,无论是专题设计,电商海报还是 Banner 设计中,都运
用的非常广泛。
我们分析一个战地之王的海报;曾多次获得站酷创意奖作品。


c1.png



首先采用了背景色彩的天空,街头的火焰和大楼的暗黄色调。看结果图。


d.png


3)吸色法
是最为简单的一种方法,就是获取一些素材的识别色系。
二、配色基础系统
1、 配色比例
学配色,必须先了解配色比例,日本设计师提出过一个配色黄金比例,是 70:25:5,其中 70
是主色调,25 是副色调,剩余 5 是点缀色调。一般情况下画面色彩最好不要超过 3 中色相,其中饱
和度,明度也不宜过多。
一般情况下颜色越少画面越简洁,作品会显得更加成熟,颜色越少我们越容易控制画面,除非
特殊情况下,比如双十一等大促海报,要求画面热闹喜庆活力,多色系可以烘托出来。不过颜色越多
越要按照黄金比例去分配,不然会导致画面混乱,无法控制。


2、色彩的关系
色彩搭配就是不同色相之间相互呼应相互调和的一个过程,色彩之间的关系取决于在色相环上的
位置,色相和色相之间的距离的角度越近,则对比越弱,离的越远则对比越强烈。


e.png


对于新人设计师我们先记住这 6 个颜色,对于配色之旅就有了一个良好的开端,因为所有的颜色
都是基于这 6 中色相调配的。
1) 相邻色搭配
在色相轮中挨着比较近的就是邻近色(相邻色在 12 色相环中 90°以内),依据红橙黄绿蓝紫顺
序,相邻色搭配就是红+橙;橙+黄;黄+绿;绿+蓝;蓝+紫;紫+红。


f.png


相邻色比较临近,有很强的关联性,非常协调柔和,可以凝造出一种柔和温馨的感觉,因为在
色轮中位置较近所以这种搭配视觉冲击力较弱。


g.png



上图曾给裂帛旗舰店的设计的海图,其中加了一笔橙色用于点缀,整体画面非常柔和协调,因
此这类配色常用家居,棉织品,小清新淡雅的服装或者一些中国风元素的,给人以安静,柔和的感觉。
当然相近色搭配还有一种单色系的配色方式,采用同一色相,仅仅调整其饱和度和明度,得到
一个不俗的画面,如下图,文字的颜色就是用背景色降低饱和度的结果,给人以高雅,淡雅宁静的感觉。


h.png

i.png





2)邻近色搭配(间隔色)
邻近色相比较相邻色,两色之间在色相环相隔远一些,因此视觉冲击力会强于相邻色,而且间
隔色使用非常广泛,既没有 180°互补色冲击力那么具有刺激性,又比相邻色多了一些明快活泼,对比
的感觉,特别是红黄蓝三原色之间的相互搭配。


a1.png


间隔色在 12 色相环中位置相距 120°,按顺序依次为红黄、橙绿、黄蓝、绿紫,蓝红。


b1.png


可以看到这些图片的背景都不是单一的颜色,比如最后一张图红色背景上又加了一个深红色的放
射性背景,左下角的海报紫色背景后面还加了一些深紫色的几何方块点缀,虽然是 2 个颜色,但都属
于同一个色相,这样可以使得画面摆脱单调的感觉,增加画面的空间感,给人以活泼时尚的感觉。
下面看主图


c1.png



其中邻近色中最具代表的是红蓝搭配,世界上最出名的莫过于百事可乐,百度 logo 以及公安局的警车,蜘蛛侠,超人,某些国家的国旗;因为这 2 个颜色是典型的冷暖结合的颜色,有很强的对比
性,会给人留下深刻的印象,这 2 中颜色对比很容易让人视觉疲劳心理亢进,所以不适用家居类目等
一些静物,当然为了调和红蓝之间的冲击力最好的方式就是“加白”。


d1.png


3)互补色搭配
在色轮中相隔 180°的 2 个颜色互为补色,是色彩配色中对比最强烈的颜色,没有之一,依据色相
环顺序依次为红+绿;橙+蓝;黄+紫;互补色搭配可以表现出一种力量,气势和活力,有非常强的视觉
冲击力,同时也是后现代时尚搭配。


e1.png


总结:配色方法其实也就是六个字:红橙黄绿青蓝紫,色相相隔越远对比越强烈,离得越近搭
配越柔和最后是控制好画面的色彩比例,记住这六个字就可以搭配万种颜色。


e2.png



未完待续,敬请期待。。。














d1.png
发表于 2020-4-21 11:42:29 | 显示全部楼层
内容是好  可就是要花时间作图  没钱请美工  也是苦呀
→ 这里可以随意广告或签名,发布主题后即可显示,设置方法:首页顶部右上角【我的】,下拉即可看到【签名】
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。
发表于 2020-4-25 12:58:07 | 显示全部楼层
自己学了就可以自己装修自己的店铺。谢谢分享
→ 这里可以随意广告或签名,发布主题后即可显示,设置方法:首页顶部右上角【我的】,下拉即可看到【签名】
使用 高级模式(可批量传图、插入视频等)
您需要登录后才可以回帖 登录 | 免费注册

警告:禁止回复纯表情、纯数字、复制他人回复等违反『回帖规则』行为,违者重罚

快速回复 收藏帖子 返回列表 客服中心 搜索
快速回复 返回顶部 返回列表