色彩在设计中的运用

有些设计师不知道色彩如何搭配合理,不知如何运用色彩,根据这个写一篇关于色彩的文章,希望能帮助到大家

Image title

在写这篇色彩文章的目的是最近很多人问我在设计中如何用色彩搭配,也有一部分人觉得在设计中色彩搭配是一个痛点,甚至不知道色彩如何搭配合理,那么今天就跟大家分享一下,色彩在设计中如何搭配及运用

Image title

在色彩应用中,每个人对于色彩的感觉都有所不同,在过往我带过的设计师中的经验来看,一个刚入行一年两年的,就算美院毕业的,在运用项目设计中同样对于色彩的搭配不到位,甚至色彩搭配的不是很合理、效果看上去很弱。这并不是因为审美有问题,我觉得最大的问题就是设计颜色储备太少,也就是所谓的经验值。虽然在学生时代学习的色彩、水粉、油画的确能培养色彩能力,但是在设计中的一些色彩规则、色彩项目中的记忆偏少导致在做设计的时候色彩把控的能力就偏弱,设计不等同于艺术、但设计一定来源于生活,色彩也同样来源于自然。只有能体会才能更好的运用。通过大量的看好的作品中的配色,才能在自己设计的时候大脑很快的调取之前所存储的色彩搭配。运用到自己的设计中。甚者没有学过美术、没有美术基础在设计岗位的小伙伴,那么对于色彩一些相关知识偏少,也会导致在设计的时候不知所措,那么接下来就是我要说的一个话题你所了解的色彩

1.你所了解的色彩

提到色彩,就会提到主色调、辅色调、这两者在设计中经常的存在,主色调不难理解在整个画面中色彩占用最多的颜色可以确定为主色调,作为辅色调也是在整个画面所点缀对比的一个颜色,为了讲解顺叔又做了一张设计图,如下见图讲解

Image title

主色调和辅色调的关系就好比一个电影剧中一定是有主角和配角,主角的戏份就多一些,配角只是作为整个剧中的点缀辅助而已,这样理解是不是就形象了不少,所以在做设计的时候一定要有趣的理解问题。只有有趣的理解问题才能把设计做到极致,因为你所理解的悟到的都会融入到设计中,以至于助力设计的产出。一般主色调在设计中比较霸道,主色调确认之后整个的风格起到主导的作用。所以在做设计的同时主色调很重要,一定要确定之后在进行设计。

Image title

此图来源于网络 电影截图

2.你所了解的色彩分类

丰富的色彩中分两大类一个是无彩色系,有色彩。

无色彩系:黑色、白色。

有色彩系:红、橙、黄、绿、青、蓝、紫等颜色。

Image title

在大自然中看到这些颜色会表达出一些情绪,同样在做设计的时候颜色也能抒发出一种情绪。在PC专题、移动端设计。平面设计中色彩搭配随处可见,作为设计师来说每天都要跟色彩打交道,如果色彩都无法进行很合理,很好的搭配那么怎么提升自己的能力体现价值,设计师从创意、文案抓住眼球、也要在色彩搭配抓住眼球。当一个浏览者看到页面能感叹 这个页面颜色太漂亮了,这就说明你成功了。所看到的的只是很直观的一些色彩但在色彩中也有一些感受,色调在环境中也同样分为冷色调、暖色调

冷色调:青色、蓝色、等给人一种坚毅、寒冷、平静、理智、高端感受

Image title

web 网页、海报 来源于网络

暖色调:红色、橙色、黄色等给人一种阳光、向上、温暖、热烈感受。

Image title

web 网页、海报 来源于网络

3.你所了解的色彩分类

在设计中色彩搭配、同样要考虑到色彩对比、冷暖的对比等一些手法。色彩感情联想中把一些色彩感受通过眼睛的传达起到认知作用,通过色彩联想定义为了行业所适合的颜色,这些行业颜色在设计中起到参考帮助作用。

黑色系列

黑色是无色相无纯度的,给人一种严肃、神秘、含蓄,高端、酷。黑色为无色彩系和白色是个很好的搭配,一直位于时尚的前沿,黑色颜色算是个百搭的颜色,跟哪个颜色搭配起来都很不错,这两年很流行黑金色、黑金搭配给人一种高端的样式。流行与网页、平面等视觉设计方面。用在行业设计中黑色一般都应用在高端、科技、汽车、饰品、数码中,来塑造高端的视觉。

Image title

白色系列

白色同样是无色彩系列的在设计中,白色显得高端、简约、干净、跟很多颜色都可以搭配。

无论在网页、平面、UI设计中可以作为背景,及点缀、用在行业设计中白色应用的比较多,简约,高端、汽车、饰品、化妆品等

Image title

红色系列

红色具有很强的视觉冲击力,流露出热情、激情、喜庆、热烈、积极。红色和黑搭配体现出更明显的视觉冲击力,红色和黄色、橙色搭配画面饱满富有激情,营造出温暖的氛围,产生亲近,随和的效果,红色在设计中可应用在新年、食品、婚庆、传统喜庆色彩中。

Image title

蓝色系列

蓝色在设计应用中很多,随处可见,在一些企业的VI颜色中也占很大的比例。蓝色让人联想到海洋、天空,给人一种现代感、科技感、明朗清爽感觉。蓝色可以和少量的红色、黄色、橙色搭配可以更加的协调和朝气增加画面的愉悦气氛。蓝色和白色对比视觉很强烈、暗蓝和黑色的搭配显现出产品的科技感和互联网感觉、选用蓝色作为设计画面的颜色应用于科技、互联网、旅游、教育、汽车、数码、企业等。

Image title

黄颜色系列

黄属于一个暖色,给人轻快、温暖、希望、快乐、活力的感觉,使人能联想到,一望无垠的麦田、黄色的向日葵、温暖的阳光、美丽的花。设计中,黄色和紫色搭配产生遐想和梦幻,黄色和橙色搭配具有温暖的氛围,黄色同样适合于绿色、蓝色色彩搭配。黄色和黑色搭配对比起来视觉冲击力很强。黄色应用在食品、美食、儿童多一些。

Image title

绿色系列

绿色给人一种希望、春天、快乐、理想的感觉。在色彩中运用的也比较多,在颜色搭配中,绿色和黄色搭配给人鲜嫩的感觉,有食欲的感觉。蓝色和绿色搭配表现清新、新鲜的感觉、清秀、豁达。绿色和橙色搭配给人一种活力感,现代感。在用色方案中可以用到:公益 医疗 食品 健康 环保 服务业 卫生保健业 机械等。

Image title

紫色系列

紫色在颜色运用中联想到最多的是女性化特征,和女性有关商品、包装、美容、促销页面运用的比较多。

Image title

渐变色系列

近两年渐变色很流行,蓝色到绿色的一种渐变、红色到紫色的渐变、紫色到黄色的一种渐变、紫色到蓝色的一种渐变等等。把这些渐变运用好的话会觉得眼前一亮,具有时尚感、提升画面的格调。

Image title

了解了这些颜色属性在行业设计中的情感化设计是不是在之后做设计的时候色调定位的方向就有大致的理解。颜色属性没有完全的规定,主要还是根据大众的审美,和大家对色彩的理解进行搭配。以上色彩只是给予一些参考。更多还可以根据自身项目进行色彩搭配。

4.你所了解色彩三要素

要想在设计中弄明白如何搭配,就要明白色彩三要素都都包括什么,对于色彩基础的认知,更好的在之后设计中色彩的把控,合理的色彩搭配起到很重要的作用,色彩三要素既色调(色相)、饱和度(纯度)和明度。在设计中都会运用得到。

色调(色相)不难理解就是常说的色彩,红、黄、蓝、绿等颜色,在色相中也分为冷暖颜色

Image title

饱和度(纯度)色彩中鲜艳程度正值越大色彩越鲜艳,画面饱满温暖。负值越大饱和度越降低、画面纯度降低画面感冷。

Image title

明度色彩中明暗程度,在相同色彩中可最亮 可最暗。

Image title

5.如何确定颜色开展设计

在做设计的时候往往会有纠结的设计师,整个画面用什么颜色更好,前不久有一个设计师在微信问过我这样的问题,一个互联网金融周年庆用什么样的颜色会更好一些,

我给予他的建议是这样的:

1.你们企业的VI系统是什么颜色,可以用VI系统的颜色进行颜色拓展设计

2.你们老板或者需求方有没有喜欢的颜色、这个是在前期沟通时候最重要的环节,如果一个老板喜欢红色,但你给设计一个绿色出来那么过稿的几率一定很小。

3.如果需求方没有特意指定的颜色那么就自己考虑颜色,行业中颜色可以尝试的去找一个先进行设计,很多时候就是这样,需求人没有想法,一旦你设计出来了想

法马上出来,那时候就知道他们具体想要什么颜色。只不过这样的时间成本比较浪费。

4.学会搜索,所谓搜索就是关键字,比如这次互联网金融、可以搜索一些关键词。同行业、周年庆在设计时运用的颜色,可以进行颜色提取组合设计

5.让需求人找一个参考的,根据参考的进行配色大致的方向,不然不明确一个一个的去猜,那一定会有时间成本浪费。

6.先选择一个主色调、蓝色、红色、还是什么样的颜色,然后根据一个色调找另一个辅色调、无非就是相同同色对比搭配、邻色搭配、对比色搭配、互补搭配等一些技法

Image title

**6.如何提高设计色彩配色能力及配色小技巧 **

透过色彩看设计,一般在使用上最好不要超过三种以上颜色,颜色过多显得杂乱无章,颜色的搭配同样要遵循对比的原则。一般说来,颜色从纯度,明度,色相上进行

对比,明暗对比,深浅对比,冷暖对比等。颜色的对比很容易激发视觉上的冲击。

如果觉得在色彩搭配上还有些困难,那么就要参考一下大自然带来的一些颜色搭配,学习一下色彩的搭配。

1.如何提高设计师色彩配色能力,一定首选的就是多看,在引言中我也说过这个问题,多看记忆,把在看见过漂亮的配色、以及作品收藏起来或者在记住,在下一次自己

设计作品的时候进行运用

2.有一个好的学习方法,网上很多配色工具可以很好的利用起来。根据配色工具搭配的颜色运用到自己的设计中,当然了有的配色工具给予的颜色也不是自己想要的,

可以做为参考可以灵活的去运用。

3.运用纯度变化、冷暖变化等进行设计训练。掌握好运用色彩能力

4.了解熟悉色彩基础原理,对于一些常用的颜色记忆,比如高端产品的运用什么颜色多一些、文艺的风格运用什么样的颜色、促销运用什么样的颜色等等

5.自己建立一个文件夹看到好的配色作品放到这个文件夹中,当做项目的时候可以浏览一下 找到一个合适适合的配色方案进行色彩提取,良好的工作习惯会让你效率提升

6.初学者可以只用一个颜色、或者相邻色系进行配色、这样颜色简单好控制一些。也可以提高写配色的能力。

7.有悟性,能琢磨,对色彩敏感度高,这样更加有助于你更好的提升配色能力。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,968评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,601评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,220评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,416评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,425评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,144评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,432评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,088评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,586评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,028评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,137评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,783评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,343评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,333评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,559评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,595评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,901评论 2 345

推荐阅读更多精彩内容

  • 连着读了两天。今天早上陈小冠自己默默地表达了一下。 作者是日本人:松岗达英。我第一次读的时候就在想只有日本人才作这...
    木木sani阅读 402评论 0 0
  • 既然我生来孤独,那就这样吧!
    安小仙阅读 82评论 0 0
  • 这是我的第一篇文章。其实我在想该用什么开头才好。虽然以前也写过小短篇,但总也没成气。我觉得应该开始...
    尔与riney阅读 241评论 0 0
  • 文/07 凌晨听霜凝 凄凄雾十里 路灯孤长明 寒风扫阶梯 一路早人稀 环卫做架衣 可见天下昌 早勤获商机 18.1...
    723edf844d12阅读 252评论 2 20