甲方爸爸说你的设计配色难看?我来教你怼回去!(三)

重点:目前我们已经有一个“圆脸广告人-Ps设计交流群”微信群喽,如果有想进群跟Ps大神交流学习的小伙伴,只需关注简书号,私信小编就可以喽~
接着上两篇说的配色知识,今天我们接着说,遇到甲方爸爸在设计配色方面为难你,该怎么办?
如何用这么多年学习的色彩基础知识,给客户爸爸上一课!
不论是品牌设计还是网站设计,配色都是其中最关键也是最具有挑战性的组成部分。完美的配色方案并不是随便挑两个色彩就可以投入使用,实际上,优秀的配色背后有许多实用的规则在做支撑。

色彩应用的常见原则
1、精准定位配色需求
配色并非凭空想象,我们设计的图片都会有相对应的需求。这个需求可能是一个促销活动,一个招生推广的落地页,可能是针对某个年龄层的海报,banner,或者是某家公司的官网,等等。
你的画面使用什么样的配色,很大程度上应从这四个方面去考虑:
(1)产品属性
(2)用户群体
(3)公司主色
(4)年龄层

例如:蒙牛纯甄酸牛奶
Slogan:一口纯真,回归纯与真,纯甄酸牛奶,零刺激无添加给你酸奶本来的味道



2、需要配色的是你的画布,而不是你的图片
一个在网页设计中最根本的原则是,无论你花了多少时间创造了一个辉煌的设计,其最终的作用是发挥出内容的核心位置。
你的配色方案永远不应该比它呈现的内容的更加“响亮”。
你的设计应该是在后台,目的是帮助突出网站的内容。

例:右侧两个网页配色方案,淡色的画布突出了图像,而明亮的画布反而不能突出你的内容(简直就是赤裸裸的“抢戏” )。

你可以在你的网页上先罗列出你的内容,然后在你内容的周围设计你的网页。
如果一个特定风格的图像和照片都能和你的设计和谐的融为一体,那么你的设计配色才算是完美。
3、为文本元素单独挑选色彩
当你思考色彩搭配的时候,文本元素应当使用什么样的色彩是非常值得你思考的。除非文本色彩被固定死了只能是黑白灰,那么你应当考虑一下文本的配色问题。
文本的色彩牵涉到各种问题,从色彩的可读性到页面的可用性、菜单的易用性,不一而足。当然,最需要考虑的还是文本的可读性的问题。
文字需要在不同的背景下保持足够的对比度来确保它可读。一般而言,文本元素的用色可以是配色方案的一部分,也可以是单独挑选的色彩。

4、避免彩虹式配色
色彩的使用应该是有节制的。你的配色方案中并不需要5种甚至10种色彩同时存在,最好的配色方案通常只是2~4种色彩的搭配。
每个色彩在整个设计中都有它的作用,而每个色彩都应该有各自发挥的空间,并且被人所注意到。太多的色彩聚合到一起,就只是颜色而已。

设计和配色方案会让每种色彩具备它独有的作用与角色,让色彩各司其职,用户也更容易融入到整个设计中来,也更容易同网站进行交互和沟通。
5、画龙点睛之笔——点睛色的运用
在小范围内点上强烈的颜色来突出主题效果,使页面更加鲜明生动。
起到视线聚焦的作用,堪称画龙点睛之笔。


6、尽量不要使用颜色选择器右上角的颜色
色彩饱和度就是讲色彩中含颜色的多少,比如说大红是红色系中色彩饱和度很高的颜色。画面中,色彩饱和度过高,会给人强烈的刺激感。
配色时,最好选择与你的基调颜色相关的高亮颜色。打开你的颜色选择器,并单击你彩色方块的中心。

7、取色于自然

如果你想确保你不烧焦你的访客的视网膜,遵循留出颜色选择器的右上角的格子的一半原则。
设计源于生活,同样,令人舒服的配色往往也来源于自然生活。
假如你不知如何配色,不妨从生活中寻找灵感,多加思考用心感受,有生命的地方就有色彩,大自然就是我们天然的色彩库。


Pantone是一家以研究色彩而闻名全球的机构,每年开年都会选出10种最流行的颜色,作为该年度的色彩指标。

潘通每年都会发布一个全球流行色。
2017年,是草木绿!

2018年,是仙女紫!

2019年,是珊瑚橘!

如果你不知道用什么颜色好,可以考虑使用潘通色进行搭配。

