美文网首页PS(资源)设计书单
速读《设计配色基础》

速读《设计配色基础》

作者: 几个字的思考 | 来源:发表于2017-07-29 19:14 被阅读218次

#一周一书#

从这周开始每周为大家分享一本书,这些书都是自己读过且觉得还不错的,文章中我会尽量精简书的内容,概要精华的部分。只需花费几分钟时间就能读懂书中的主旨。不管你是从事什么样的行业,设计师也好,或者不是也好,都希望能帮到你;努力生活、努力向前的道路上,你我共勉!

本周分享

相信大家都知道,在所有视觉创作的形式中,色彩都是基础,学习一些色彩学的知识也能提高自己的色彩审美能力。

本周为大家分享的是下面这本书,梁景红的《设计配色基础》,虽然书名标题是配色基础,但书中的内容和方法不但对于新手设计师有所帮助,对于中高级设计师也同样能提供很多的配色灵感。文章稍有点长,大概需要5-8分钟的时间,请耐心看完。

设计配色基础-粱景红

速读

本书主要包含以下几个部分:

配色基础主要内容

下面我们就进入正题,来一起学习下书中的配色技巧

一、配色基础原则:不要超过三种色彩

色彩搭配,就是色彩之间的相互衬托和相互作用

1.两色搭配是用色的基础

相邻两色的搭配,简单有效

你不需要把色环背下来,你只需要念几遍“红、橙、黄、绿、蓝、紫、品红”就可以了,其中是去掉了一个“青”,“紫”后面加了一个“品红”。简单来说,相邻两色的搭配就是“黄色+绿色、红色+橙色、蓝色+紫色......

相邻色搭配

如果你觉得哪一对搭配不好看,一种颜色纯度比较高的时候,可以试试把另一种颜色纯度降低或明度降低,这样色彩之间就有了主次关系,就会显得和谐了。

相邻色搭配

同一种色系,调整它的明度和纯度值,得到另一种色彩后,两者搭配

同色系搭配


对比两色搭配,激烈又稳定

对比色只要记住“红色+绿色、橙色+蓝色、黄色+紫色“这三对就可以了

对比色搭配

把两种颜色的纯度都设置高一点,搭配起来效果很惊人,两种颜色都会被对方完好地衬托出特征来,唯一要注意的是,配比面积要有所区别,要区分主次。

高纯度两色对比


间隔两色的搭配,广泛有节奏

间隔色,也叫类比色,只要不是相邻色也不是对比色,剩下的色彩组合称为间隔两色的搭配,如“红色+黄色、橙色+绿色、黄色+蓝色、绿色+紫色、蓝色+品红、紫色+红色”

类比色


2.三色搭配成规律

不超过三种颜色的搭配,指的是不超过三种色相的搭配;一个作品优秀与否不在于色彩多与少,而在于,色彩是否正确和完整地传达内涵。

三色搭配


统一外观的相邻色

相邻色系的三种颜色搭配,是从色相环中依次找到三种颜色的搭配,比如“红色+橙红色+橙色、蓝绿色+蓝色+蓝紫色”,颜色比较一致,反差不大,容易被大众接受

相邻三色搭配

相邻色搭配技巧,保持色彩基调相同,搭配出来的效果也具有一致性

颜色基调保持一致

个性明朗的三色组合

彼此等距的三种颜色通常会形成让人愉悦的三色组

等距三色搭配


细腻的互补取色组合

从色环的一端选择一种颜色,然后找到它的对比色,再选择对比色的相邻两色,这种方式可以柔化太强烈的对比效果,产生更加细腻的色彩边界。

分裂互补三色搭配


二、主色、辅色、点缀色

1.主色

主色可以决定整个作品风格,确保正确传达信息,在一个画面中,比较受人瞩目的一般就是主色彩,饱和度(纯度)高的颜色作为主色会比较稳定,所以我们也通常将饱和度高的颜色定义为主色。

主色

2.辅助色

辅助色的功能在于帮助主色建立更完整的形象。辅助色使画面丰富经常,使主色更漂亮。辅助色可以是一种颜色,也可以是几种颜色。

选择辅助色有两个技巧:1.选择同类色,达成画面统一和谐;2.选择对比色,使画面刺激、活泼,也同样很稳定

同类色使画面柔和,对比色比较强烈,间隔色介于两者之间,根据主角与形式不用,选择合适的辅助色。

3.点缀色

点缀色出现次数较多,颜色活跃,引起阅读性,与其他颜色反差较大

点缀色可营造独特的画面风格,能决定画面的色彩关系,能让作品绽放光彩

三、色彩集合:把图像、图案、文字和图表看成一种色彩

色彩不是独立存在的,关键在于如何正确认识“色彩集合”中的颜色倾向。从局部的角度观察两者的搭配情况,再整体看看是否满意

图像中的色彩信息一般情况下是复杂的,分析方法是:眯起眼睛,虚化了形象,留下色彩印象的时候,什么颜色是大面积的,这种颜色就是这个图像中的主色,所有配色技巧都适用。

从图像中提取颜色是最简单的搭配方法,把零散的色彩信息整合的最方便的方法就是:如果你要处理的图像信息、色彩信息很复杂,就在其下面增加一个背景色,这些东西就被连接到一起了。

零散信息下面增加背景色

另一个统一零碎图像信息的方法是:在图像与图像之间的空地上填上色块,下面示例中黑色起到了很强的稳定和链合作用

黑色具有稳定画面作用

只要文字不再是无彩色系,就把这些文字当成图形对象即可。它们被作为视觉符号,起到传播文化外延的作用。

文字被用作视觉符号

图表色彩设计的关键:1.色彩纯度、饱和度、明度尽量选择相同的。2.确定了主色彩,就要保证主色彩组合的色彩倾向性明确。3.图表是为了能够清晰的阅读和辨析的一种图形叙述,颜色的辨识度一定要很高才行。

图表


四、不确定时:黑、白、灰是天生的调和色

1.常用的色彩调和手段:面积调和

色彩面积比例尽量避免1:1的对立,色彩比例5:3~3:1比较好;如果是三种颜色,应该采用5:3:2的方式,但这不是一个硬性的规定

色彩面积调和


2.空间混合的调和手段:点缀色调和

图案设计的时候,可以采用点缀色统一调和,就是把孤立的颜色,相互渗透到一起,形成图案的过程。

空间调和

3.取得新色彩的方法:互混调和

两种很难融合到一起的颜色,为这两种颜色取得新的辅助色可以采用互混调和,如下面示例,中间加了过渡色黄色,黄色先于蓝色和红色进行互混调和,得出的颜色再往下进行调和

互混调和


4.设计要素上的重点:隔绝调和

隔绝调和,也就是用一个色彩线(可粗、可细)隔绝它们

隔绝调和


5.最简单的调和方法:同一调和

同色相、同明度、同饱和度的调和,都是同一调和的主要方法

同一调和


6.黑、白、灰可以让作品更稳定

黑色使画面有重心、有秩序

黑色调和

灰色让画面有质感、有氛围

灰色调和

白色使有色彩更轻盈、更透气

白色调和


五、底线:相近色调或对比色调

没有思路的时候,从色彩基调入手

1.寻找共性、统一的相近色调配色思路

色相相近、明度相近、饱和度相近,任选其中一两种,看起来统一、和谐。相近色是寻找一致的切入点

相近色配色

2.寻找强烈感受、喜剧冲突的对比色调配色思路

对比色调的搭配考虑的要多一些,调和手段也会多一些,它既有统一,又有强烈的对比,适合于富有戏剧性的,对立色彩倾向的作品

对比色是寻找差异极大的切入点

对比配色

3.五颜六色的色彩设计

如果采用超过三种色相以上,那么一方面需要采用黑白灰进行调和;另一方面,要尽可能选择明度、饱和度一致的色彩。

色彩调和

六、用关键词选主色:理解色彩情感

人们看色彩不是单纯的从色相上判断的,而是从色彩依附的载体、色彩的来源、使用色彩的族群和不同的文化中寻找更多的信息加以理解

红色:

正面含义:积极、有活力、开放、激情、喜庆的 (中国文化)、女性、生命

负面含义:危险、血腥、激烈、死亡

橙色:

正面含义:阳光、欢乐、温暖、活动、舒适

负面含义:幻想、陈旧、浮躁

黄色:

正面含义:阳光、开朗、欢乐、幽默、开发感

负面含义:吵闹、廉价、不可靠、软弱、稚嫩

绿色:

正面含义:大自然、生命、安全、新鲜、娇嫩、春天、和平

负面含义:土气、乡下、过轻、不时尚、野性

蓝色:

正面含义:离职、清凉、知性、公正、精密、细致、海洋、严谨、科技、商务、公式化

负面含义:孤寂感、阴气、严格、无趣、悲伤、严酷、寒冷

紫色:

正面含义:优雅、高贵、昂贵、女性、庄重、成熟、高级

负面含义:距离感、不轻松、神秘、冰冷、装模做样

粉色:

正面含义:柔软、女性、优雅、甜美、清爽、甜蜜、开通

负面含义:柔弱、肤浅、幼稚、浮躁

白色:

正面含义:和平、空的、整洁干净、朴素、纯洁、清淡、医疗、开放

负面含义:虚无、贫乏、平淡、冷淡、静止、无趣

灰色:

正面含义:高雅、艺术、低调、朴素、复古、传统、高级的、正式的、舒适的、

负面含义:保守、压抑、无趣、无聊、烦躁

黑色:

正面含义:力量、庄重、正式、豪华、高级

负面含义:压力、孤独沉默、犯罪、恐怖、阴暗、沉重、严肃

七、避开主色谈配色原则

纯色色调:

正面含义:积极的、有活力、开放的、力量感、健康的、儿童、热情的

负面含义:低档次的、粗俗的、肤浅的、花俏的、激烈的

纯色色调


明色色调:

也称为明亮色调,是在纯色的基础上加入白色得到的色彩。没有了纯色的激烈和娇艳,明色显得明朗、干净

正面含义:平和、明快明朗明亮、清爽轻松、年轻的、朴素的、舒适的、阳光的、纯真、清澈干净

负面含义:没有深度、浮躁、轻飘、廉价、孩子气

明色色调

淡色色调:

纯色加白色得到明色系,明色加白得到淡色系

正面含义:纤细、女性、柔软、幼儿、温柔、淡雅、轻的、梦幻

负面含义:柔弱、没主见、消极、冷淡、冷酷、轻飘

淡色色调

浊色色调:

在纯色里加入灰色,得到浊色,绘画时,是极为忌讳的,使画面变的脏脏的

正面含义:高级的、成熟稳重的、意味深长、沉着、贵重、现代感

负面含义:迟钝的、年老的、保守的、消极的、浑浊的、消极

浊色色调

淡浊色调:

纯色加灰色得到浊色,淡色加黑得到淡浊色

正面含义:都市的、女性的、成熟的、优雅的、有格调的、高雅

负面含义:消极、没活力、冷漠、孤独的、柔弱

淡浊色调


暗色色调:

纯色加黑色得到暗色调

正面含义:商务、男性、有深度、沉着、执着、古典

负面含义:过暗的、老气、严厉、脏的、沉重的

暗色色调

写在最后:

看完文章,关于颜色的知识你学到了多少?这些配色技巧你get到了吗?如果觉得很实用,那就赶快实操练起来吧,你会发现一些不一样的改变。

相关文章

  • 速读《设计配色基础》

    #一周一书# 从这周开始每周为大家分享一本书,这些书都是自己读过且觉得还不错的,文章中我会尽量精简书的内容,概要精...

  • 设计配色基础

    配色基础认知 对颜色的感觉 尽管不是每个人都懂得应该如何配色,但仍然凭感觉判断一组配色是不是还不错。这就是对颜色的...

  • ui设计师应该注意的设计流程

    关键词:职业发展、设计能力与设计品位、用户模型、目标分类、用户分析报告、可用性、王者速读法、信息架构、配色、板式、...

  • 色感弱?提升色彩敏感度应该补这些书

    1.七日掌握设计配色基础 这本书分为“配色的准备”和“配色的实践”两大部分。前半部分主要介绍了配色的整体效果和配色...

  • 设计基础--配色篇

    最近在重新整理自己的UI设计知识,梳理了整个学习体系。这是平面设计里的第一部分,关于配色。文章是学习笔记,随性,从...

  • 《设计配色基础》摘录

    以前一直自认为对色彩感觉良好……看了这本书之后再也不敢吱声了。这里摘录一部分最近可能会用到的常识。 HSB 模式是...

  • 读书

    《写给大家看的设计书》 ★ 《七日掌握设计配色基础》 《演说之禅》和《Slideology》 ★ 《平面设计原理》...

  • Windows软件清单-效率神器 【含下载地址】【持续整理中】

    速读目录 前言 目录借鉴 隐私安全等工具 下载工具 截图/录屏 远程控制 思维导图 在线配色工具 在线设计工具 在...

  • 《平面设计配色全攻略》

    全书的内容分为两部分:第一部分是平面设计配色的基础知识;第二部分是平面设计配色应用。《平面设计配色全攻略》第二部分...

  • 配色经验(三十九)

    有针对性的运用双色 在遵循双色印刷基本配色的基础上,为大家介绍体现特殊质感的配色设计方法。重点在于结合设计与媒体的...

网友评论

    本文标题:速读《设计配色基础》

    本文链接:https://www.haomeiwen.com/subject/kweqlxtx.html