本文由:“学设计上兔课网”原创,图片素材来自网络,仅供学习分享

怎样提高平面设计色彩表现力?想象一个场景:你已经差不多完成了一个设计项目,但是在最后的步骤前停下了:选择一个配色方案。让我猜猜:无论设计什么,你总是在纠结用什么颜色才好?你已经组织好了布局,定下了内容,甚至选好了字体,却在颜色上举棋不定……你是应该用经典的黑白色呢,还是用些明亮的颜色,或者单色?什么颜色都用上?

快速选择正确的颜色

选择正确的颜色前先在这两种颜色中确定:

  • 中性色
  • 强调色

方便起见,我们把中性色定义为黑色,白色,灰色或米黄色系/棕色系中的颜色。强调色可以是你喜欢的任意颜色,从碧绿色到青瓜绿。从以上这两个选择中,你可以创造一个无尽的调色盘,从三种颜色到三十种。如何做到的?通过添加浅色调和深色调。

什么是浅色调和深色调?

浅色调和深色调是同一种颜色的变体,减淡或加深后的美术专业术语。它们由对一个基本色添加白色(制作浅色调)或黑色(制作深色调)而来。用浅色调和深色调作为调色盘的一部分由很多优势。其一,简化颜色选择的过程。供你选择的颜色减少,避免使用颜色过多导致作品画面纷繁杂乱。其二,使用浅色调和深色调会使调色盘的颜色连贯一致,过渡自然,因为它们都是基于同一种颜色形成的。

下图品牌设计就是这个技巧的一个应用案例,作者Whitney Blake 用灰色和蓝色的调色盘(注意由它们各自的深色、浅色变体营造的对比感)令原本柔和的配色方案更加灵动。

如何制造浅色调和深色调

只是目测的话很难为一个调色盘选择浅色调和深色调。一些设计软件有工具帮你选择浅色调和深色调 ,不过这些工具可能功能有限且不可定制。下面将为大家介绍一些有用的在线工具。

01.Paletton

随机从色轮上选取一个基本颜色,或输入RGB数值选取一个具体的颜色,Paletton的单色模式会根据选取的颜色自动生成浅色调和深色调的调色盘。用自由风格模式可以选取2到4个基本颜色,点击底部“预先设置”按钮,选择基本颜色的更多变体。

02.Material Palette

相比而言Material Palette更基础,适合快速选取颜色。Material Palette 提供有限的亮色(谷歌Material Design 风格),少量中性色,用户一次可以选择两个颜色。Material Palette 会根据用户选取的第一个颜色,自动生成含有一个浅色调和一个深色调的调色盘;Material Palette 会将用户选取的第二个颜色作为强调色,生成几个中性色供用户选择。

03.Colour Code

Colour Code 操作简单,用户从左侧面板中选取一个方案,(左侧面板中的单色,单色&深灰,或单色&浅灰方案会提供基于浅色调和深色调的效果不错的调色盘),将鼠标拖到任何一个方向都可尝试配色。

应用浅色调和深色调的方法

选好调色盘后就该将其应用到设计上了。基本色的浅色调和深色调会给配色方案增加对比,视觉趣味和灵动感。需要一些灵感吗?看看下面的创意和案例吧:

01.创造引人的品牌

用同一颜色衍生出的浅色调和深色调绘制品牌图案会有很强的统一性和和谐感。Mast设计工作室利用浅色调和深色调将灵活和创意在下面的两张作品中展现地淋漓尽致。你也可以做到哦。第一张作品运用了中蓝色底色的多种变体色,第二张作品只用了一种基础色和一个深色调。第二张作品中的两种红色和设计元素的颜色都来取自于品牌标志颜色,视觉上再次突出了品牌。

02.增加对比

任何设计中对比都是增加易读性的关键。创造对比很简单:选一个最浅的色调搭配最深的色调。以Michael Hildebrand设计的活动海报为例,底部浅粉色文字在桃红色背景的衬托下十分醒目、突出。海报上方“四周年”,文字是桃红色,底色是淡粉色,也创造了很好看的对比。

在 Szende Brassai设计的日历中至少使用了四种浅绿色的深浅色调和两种珊瑚色,外加一些中性色,Szende Brassai将这些颜色组合在一起创造了强烈的对比,增加了视觉趣味。冷暖色调的强烈对比也增强了效果。

03.混合

色彩的对比可以用来突出设计元素,也可以使设计元素相互融合协调。 Robert Frank Hunter设计的书封面使用了蓝色的一系列深浅色调,没有制造强烈的对比,相反整个画面非常和谐温和,从而突出了字体。

04.简化&分离

如果一份设计作品使用的都是同一个颜色,色调,饱和度,那么设计元素会很难区分。这时候就要用到深色调和浅色调了,尤其当你有很多信息需要组织、表达时,不同的信息用不同的色调会易于读者区分。同时,基于同一颜色创造出的色盘避免了画面缭乱复杂。William Mellor设计的信息图表中只是用了基础绿色和它的一个浅色调,外加黑色和白色,即使内容很多,但整个画面非常清爽。

Owen Shifflett设计的网站也用了同样的技巧,他用了蓝色的浅色调和深色调,创造了温柔和谐的背景,使色彩斑斓的产品图像凸显出来了,整个网站画面结构严谨、井井有条。

05.添加厚度和立体感

创造厚度和立体感是深色调和浅色调的使用方法之一。运用颜色的深浅创造阴影和亮度,就像Mads Berg制作的复古旅游海报一样。用深灰色给游艇创造了立体感,用深蓝色给天空和海水创造了立体感,整个画面呈现出三维效果。

同样是航海主题,DKNG Studios设计的两张海报分别用了冷暖色系的一系列深浅色调,精美复杂,富有层次感。暖色的海报营造出黎明的感觉,冷色的海报则是夜晚的感觉。下一个技巧我们将介绍如何用颜色营造气氛。

06.营造气氛,建立主题

颜色可以为设计作品营造气氛,再次看看上面的音乐会海报,难道他们没有一种夏天,假期,热带风情,慵懒的夜晚的感觉吗?颜色的选择很大程度上决定了作品营造的气氛。颜色还可以传达内容,明确、加强设计主题。 Alan Cheetham 设计的几款标签用色大胆鲜明,具有亲和、现代感,同时不同的颜色代表了不同蜡烛的气味。

Veronica Lethorn在她的包装设计中,使用了几组基础色外加一个衍生浅色调的搭配,使产品包装时尚吸睛,每一种颜色也非常符合产品的味道。

07.使用渐变

若要同时使用多个冷色调和暖色调,渐变是个不错的选择,再加上透明的效果就再好不过了。Hyperakt设计的活动海报使用了两种渐变方式。封面(左图)Hyperakt’用小三角形拼成了两个侧面人像,每个三角形都用了渐变效果填充,整个画面呈现出三维立体的感觉。内页(右图)则是背景全图渐变。

Brandexpert 设计的产品包装则在包装的一部分上使用了透明渐变,渐变的颜色选自背景色,既和谐美观,又衬托出中间的文字文本,增加了易读性。

08.扩大调色板的颜色

设计作品的颜色选择会受限于品牌定位,打印条件或者设计师的风格。如果条件允许,不妨尝试扩大调色板的颜色。以Julie Wauters 设计的儿童图书封面为例,她使用了绿色和粉色的深浅色调衍生色外加黑色白色。画面精美丰富,浅色调和深色调扩大了她的颜色选择。

09.增加透明度

平面设计过程中,透明的形状和背景很实用。透明度搭配深色调和浅色调可以扩大调色板的颜色。透明的浅色调和深色调图形相交时会产生另一种颜色,正如 Julian Bauer设计的书本封面一样。

选取一个基本色,改变其透明度再叠加黑色或白色就可以得到透明的深浅色调。Oliver Lo在他设计的电影系列海报中将透明的红色图层叠加在黑白照片上,获得了不错的效果。

10.简洁

想要创作朴素低调的风格的作品,不妨尝试一下单色调色盘。单色调色盘技能提供足够的衍生浅色调深色调,又能保持画面的整洁美感。Chris Ross 设计的会议日程安排中只有用了黄色的浅色调(不算白色和黑色在内),搭配几何图形呈现出现代感。

即使是接近单色调的调色盘也能简化一份设计,以Steve Wolf的设计作品为例,除了两种蓝色之外,他还添加了灰白色作为中立色,少许红色作为强调色。整幅画面依然是简洁美观的。

11.绘制图形和花纹

浅色调和深色调可以用来绘制图形、花纹或其他几何元素。Chloe Park设计的两款名片中分别使用了逐渐加深的橙色和蓝色,以及浅色调绘制的三角形组成的几何图形,简单大方。

Mike Peck设计的星巴克包装袋中用深浅色调的渐变色的小三角形组成背景,叠加了透明效果,非常好看、吸睛。

12.两组或三组颜色

选择两组不同的深浅色调进行创作。以Michael Hildebrand为一家餐厅设计的宣传片为例,设计中融合了红色和金棕色的深浅色调,金棕色更为中立,弥补了红色的张扬。

下面图片中, Megan Clark 选择了蓝色,绿色和灰色三组颜色的深浅色调进行搭配,为了避免颜色过于杂乱,她每组只选择了两种颜色,一个浅色调和一个深色调。

13.文本

别将文本限制于黑白灰,深浅色调也可以用于字体。尝试一下彩色文本吧。Francesco Poroli在设计中文字和图片只使用了紫色及其深浅色调,效果不错。

怎样提高平面设计色彩表现力相关推荐

  1. 计算机平面设计论文范,计算机平面设计论文关于计算机平面设计中汉字艺术论文范文参考资料...

    计算机平面设计论文关于计算机平面设计中汉字艺术论文范文参考资料 摘要:汉字有着几千年悠久的历史,在 __进程中不断的演变,汉字富有着强大的生命力,在漫长的历史进程中不断进步,承载着中华文明的发展.多少 ...

  2. 计算机平面设计与工程论文,浅谈计算机平面设计和设计软件相互结合

    摘要:科学技术的飞速发展, 使得我国的计算机技术也有着明显的进步.在平面设计中, 对于计算机技术的运用也使其更加富有美感.各种各样的设计软件也有着不同的设计功能和软件特点, 所以, 在进行平面设计时, ...

  3. 优漫动游平面设计思维思维训练法

    著名的物理学家爱因斯坦说过:"想像力比知识更重要,因为知识是有限的,而想像力概括着世界上的一切,推动着进步,并且是知识进化的源泉".与科学一样,没有想像力的艺术创作,是不可能有永恒 ...

  4. 计算机辅助设计论文结论,计算机辅助设计在平面设计中存在的问题论文

    计算机辅助设计在平面设计中存在的问题论文 摘要:随着我国计算机的普及,其逐渐的在我国各大领域中发挥着非常重要的作用,尤其是在教学中,其应用给教学带来一种新的教学模式,提高着教学效率.在中职院校的平面设 ...

  5. 什么软件运用计算机处理图像,平面设计中计算机图形图像处理软件的运用探究...

    牟丹 摘   要:计算机图形图像处理软件作为平面设计中被广泛采用的辅助技术,可以为平面设计提供创意性以及颜色展现,并提高平面设计的美观程度以及内涵.但在实际的计算机图形图像处理软件应用过程中,出现了平 ...

  6. 计算机应用是否比平面设计要简单,计算机平面设计的色彩语言应用论文

    计算机平面设计的色彩语言应用论文 摘要:在网络信息时代背景下,计算机技术逐渐在各行各业均取得了突出应用成效,其中较具代表性的即为平面设计应用,为人们日常生活提供了更多丰富色彩,并且在此基础上人们对于色 ...

  7. 计算机平面设计职业兴趣怎么写,中职计算机平面设计教学兴趣激发策略.docx

    中职计算机平面设计教学兴趣激发策略 中职计算机平面设计教学兴趣激发策略 摘要:中职平面设计专业是一门以市场为导向的专业,以培养适应现代社会发展的实用型人才为主,这就需要教师在教学时努力打破束缚学生思维 ...

  8. 利用计算机辅助设计,平面设计教学中计算机辅助设计的运用

    摘要:随着计算机技术水平不断提高,计算机的日常应用对我国教学领域产生了重大的影响,同时也为教学带来了一种全新的模式.在平面设计的教学工作中,充分利用计算机辅助设计能够有效提高教学水平,增强教学效果,但 ...

  9. 广州佰新视觉:单会ps可以从事平面设计吗?

      Photoshop(简称PS)是一款广泛使用的图像处理软件,它在平面设计领域中也占据着非常重要的地位.但是,许多人会问:单会PS可以从事平面设计吗?我将探讨这个问题,并提供一些有用的建议和技巧. ...

最新文章

  1. Swift和Javascript的神奇魔法
  2. Android新技术学习——阿里巴巴免Root无侵入AOP框架Dexposed
  3. Bytes int java_Java Bytes.readInt方法代码示例
  4. NotePad++ 相关插件
  5. PHP中间件--ICE
  6. SAP Spartacus CmsService.Components数据结构
  7. Mapgis图转换为可导入软件的shp
  8. 顶级程序员的心得 Coders at Work (II)
  9. dumpbin发现没有入口函数_JavaScript基础之入口函数-2020版
  10. ping/pong模式_PING的完整形式是什么?
  11. 2017-2018-1 20155213 《信息安全系统设计基础》第十一周学习总结
  12. think php union,UNION -ThinkPHP3.2.3完全开发手册 | AnSpoon.Com
  13. 爱尚QQ网修改QQ在线机型源码
  14. D5从零开始学Flash游戏开发系列教程
  15. 建立量化交易趋势跟踪策略的五个指标
  16. 2020Android不死我不倒,作为一个程序员,你觉得最大的悲哀是什么?
  17. 基于反射实现的一个观察者模板
  18. 第十二章 软件壳(三)(动态加载型壳)
  19. MATLAB数值取整
  20. Spring Boot+JOOQ(五)进阶查询操作

热门文章

  1. 人工智能在音乐领域的应用概述(1)---听歌识曲
  2. 《Android项目实战-博学谷》应用图标欢迎界面
  3. thread.java 619_java jstack thread 映射 linux 线程(LWP) | 学步园
  4. python和java就业对比_Python,Java和JavaScript哪个更容易就业?
  5. 商业化广告--体系学习-- 11 -- 业务实战篇 --流量优化:如何兼顾广告收入和用户体验?
  6. u盘win7纯净版_U盘PE启动安装Win7系统教程(微PE版)
  7. 华为RH2288H V3服务器更换内存条
  8. echarts配置项图文介绍——xAxis
  9. 简单五子棋(单机版-C)
  10. 分布式缓存Hazelcast详解及原理探究