【页问读书】日本设计大师配色技巧(二)banner教程

用户头像
广州/设计爱好者/10年前/2821浏览
【页问读书】日本设计大师配色技巧(二)banner教程
用户头像
页问

【页问读书】专业设计书籍读书笔记分享

【页问读书】第二期:明度一致的配色

明度一致的配色,即使是使用多种颜色也能让整体富有均衡的印象

 

《色彩设计的原理》著者:伊达千代

色彩在设计中举足轻重,想做出抢眼的设计,不懂色彩设计的原理,那可不行!有些人对于配色非常苦恼,甚至

自认没有色感。其实,色彩有它的特性,只要掌握色彩的原理,配色手到擒来!

色彩是如何被人们感受到的?色彩是怎样表达的?本书以丰富的范例及简洁的文句,向设计师阐述了色彩的基础

知识、调和配色与强调配色的方法、赋予特定印象的配色技巧等,并傍以大量配色中的实践案例,图文并茂,受

益匪浅。




 

阅读《色彩设计的原理》一书中的34——35页内容

书中专业名词:

明度:表示色彩的明亮度



明度一致的配色方法解析:

(1)明度一致的配色是指:颜色的明亮度一样。如下图虽然是色相不一样的红、蓝、黄,但去色后,明亮度

却是一致的。

bc4f56cff11232f875520fbfb14b.jpg




 

(2)如何得到明度一致的配色

明度是眼睛较易感觉到“变化”的色彩要素。但要判断色彩之间的明度差,初学设计者却还是会感到吃力。接下

来小编教大家一个控制颜色明度一致的技巧:

a、打开平面专业软件(PS、AI、CDR)确定你当前需要的明度情况,高亮的颜色和暗灰的颜色通过下图大家一定

能够很快的明确自己的所需:
069e56cff1266ac7252ce6d88693.jpg 

假设我们需要的是这种明度,就将你需要的明度色块复制几份:

2b3056cff1d232f875520f13e535.jpg

b、选择第二个色块后打开平面专业软件的拾色器,只调整标红区域的长条区域,这样只会改变色相,明度和饱

和度都会一致:

adee56cff1f032f875520f833253.jpg

以此类推就能得到明度一致的配色

43ae56cff2086ac7252ce605268c.jpg





(3)怎样判断作品当中的配色明度是一致的?

小编先给大伙儿出个难题,下图当中的5个色块明度是否一致?哪个色块与其它的明度不一样?

fdc756cff22d32f875520f33f8aa.jpg 

如果你在判断时不知所从,别急,小编又要分享大招了!

小编暗爽的是:《色彩设计的原理》书里提到的判断方法特别麻烦——建议读者用黑白打印机打印出来后判断,

再反复调整稿件重复打印。虽然霓虹国学者治学严谨,嚯嚯,身为【页问】智囊,还是不禁为自己的机智点赞哈~

只需将作品去色,即可直接判断明度是否一致啰!

上图去色后是如下情况,为何会只剩下中间一个方块是浅灰呢?因为周边四个色块明度一致呀!

497856cff28732f875520f873039.jpg




(4)明度一致的配色好处

明度一致能够使得设计作品整体色彩显得协调,让人联想到水彩画或彩色铅笔画,有着安宁及统一的感觉。

下面这套日本Masaomi Fujita关于四季生活的书籍设计就传达出了类似感受:作者在自然田野生活中,透过家中的窗棂静静地感受着四季的变幻,不同时节的景致都经由这一扇四方的窗户,传递着独特的色彩。明度一致更有岁月静好的韵味,(虽然它的配色明度并不完全一致,但几乎接近)看着这样的配色设计,心都变得温润起来:

这套设计更具体的内容链接和大家分享:http://tegusu.com/144041/8203195/pick-up-works/the-four-seasons-of-book-design(平日小编很爱看设计相关的各种分享,前段时间碰巧看到这套设计,留有印象。根据分享的相关关键词找到了这套设计的日本网站清晰图稿。养成欣赏收集的好习惯,是设计师必须养成的习惯之一。)




(5)明度一致的配色的不足

明度一致的配色,不会出现强弱和对比,因此,不太适用于需要引人注目的广告。同时,在文字和标识方面的辨识度也很低,通常设计上不会全部使用明度一直的配色,但是在某部分加上一些变化倒是不错的想法。

即使是同样的设计、同样的色相,加强色彩明度的变化之后,将会转化成富有强弱呼应的效果。想要引起他人注意或使文字容易阅读,加强明度的差异是个不错的方式。


剖析案例一

通过给原设计图去色,一目了然,红、黄、蓝是明度一致的颜色。但为了让画面中的文字以及人物凸显,人物和文字的明度就较低与倒影和身后的太阳形成对比。

b2a356cff30a32f875520fb442dc.jpg

剖析案例二

这幅插画风的广告设计也是采用背景、元素明度接近,“汽车”明度较低使其突出的配色方式。

206e56cff3306ac7252ce676f261.jpg


剖析案例三

下面这张海报设计,采用手法也是类似,虽然花朵多彩,但明度几乎一致,与背景、文字之间的明度有所区分。采用明度一致的配色方法。画面统一、舒服却不失变化层次感!

f57956cff3526ac7252ce612effb.jpg




(6)2016流行色搭配就是明度一致的配色:Serenity & Rose Quartz

享誉世界的色彩权威Pantone最新发布了"Color of the Year" 2016流行色,历史上第一次出现了两种颜色——Serenity和Rose Quartz!少女般的粉色和清新爽朗的蓝色调调代表着Gender Equality(性别平等)的寓意。一眼看到,少女心阵阵悸动的同时还有丝丝禁欲性的纯真感。不妨在2016年的设计作品中尝试使用这搭配,但一定要注意,千万要找准适合Serenity和Rose Quartz的受众群体哦!


部分图片来源于网络

以上是本期【页问读书】与大家分享的读书思考

下期【页问读书】将与大家分享:饱和度一致的配色


39
阅读原文
|
举报
|
58
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城阙凡花
金色颗粒质地的平面
倒计时,海报,平面
平面书法字手写
城市园林平面布局航拍
平面插画情侣/矢量
金色颗粒质地的平面
城市园林平面布局航拍
平面风格黄绿色系花朵装饰
空的平台平面和自然景观
平面设计 吊牌设计
平面男孩喝咖啡插画设计
牛奶乳液层次平面平铺平面
平面插画设计女孩喝咖啡
平面人物插画
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
金色颗粒质地的平面
城市园林平面布局航拍
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
平面花卉图案扁平简约无缝拼接插画
海底世界插画
你可能喜欢
大家都在看
登录注册