平面设计色彩基础知识(平面设计色彩图画作品)

http://www.itjxue.com  2023-02-18 05:20  来源:未知  点击次数: 

平面设计需要什么基础?

平面设计需要理论基础和软件基础。学习平面设计,推荐翼狐网,站内课程数量多,60+款软件,10000+高质量原创课程+配套学习用工程文件,值得信赖。【进入官网,立即领取¥600 新人专属大礼包 0元体验VIP特权】

学习平面设计需要的基础有:

1、理论基础:美学基础、色彩基础、平面设计基础理论;如果这些都不会,哪怕入了,那也不是称职的平面设计师(虽然有点武断,但确实就是这样)。

2、软件基础:这是制图工具,所以也是必须的,但没有限定说一定要学会什么软件,不管学什么软件都可以,只要能把作品呈现出来,然后可以输出成品就行。当然考虑到行业文件的兼容性,主流软件还是主要的,Photosop图形处理软件、Illustrator矢量图形处理软件(也可排版)、CroelDRAW图文处理软件、InDesign排版软件等,不过前期可以只先学前两个。

想要了解更多关于平面设计的信息,推荐咨询翼狐。翼狐网自2011年上线以来,秉持工匠精神,专注设计教育,精选优质、系统、实用的课程,开发大师课,与国内外资深讲师合作的教程,立足前沿技术,将某一领域的内容进行系统讲解,给用户提供完整的、有体系的学习内容。翼狐网创办特训营,针对用户的短期综合提升,翼狐网特推出特训营,直播+录播、一学一练的学习方式,迅速提升专业能力!

平面设计基础知识资料

平面设计新手需要掌握的基础知识

一、注意字体

无论是标志还是排版。作为标志,有时图形是次要的,字体可以帮你解决很多问题,努力学习,掌握字体的设计。

一切字体都离不开版式,一切版式都离不开字体。作为东方文化最杰出的代表——中文字体,你得好好琢磨。一开始,你最好先想到是宋体还是黑体。简单的讲,宋体很严谨,很庄重,也很尊贵;黑体,很现代,很整齐,很简约。

其次,字体的间距最好小于常规间距。以“0”为标准,你最好取“-50”,这可适用于标题类字体排版,作为大面积的正文排版,同样需要稍微缩小字体的间距,稀疏的间距不但不能完成轻松阅读的任务,反而会让眼睛疲惫。把握“紧凑”和“稀疏”的区别。

最后,字体的高度,最好压一压,就是压扁一些,这样,汉字看上去,会更象汉字一些。 说的不如做的,不妨试一试,都是很简单的处理。只有自己试过之后,才能记在自己的脑子了。活学活用。

二、版式

优秀的版式设计是现代设计艺术最重要的组成部分,也是视觉传达效果的重要手段,我们可以看出版式设计不仅是一门编排学问,更是一种技能,实现了艺术与技术的高度统一,优秀的版式设计是现代优秀设计师必备的技能之一。

1、保证清晰易读。为了让版面醒目突出,往往大部分设计师会忘记信息的明确传达。他们就会使用各种工具制作很炫目的图形,而把文字内容放的很小很不起眼。这恰恰犯了版式编排的大忌,吸引不是重点,信息的传达才是重点!

2、不要使用过多的字体。如果一个页面里有十种不同的字体,那么这个排版一定会很难看,控制着少用几种字体,将会让你的页面脱颖而出。同时你也可以在字体的大小、重量和其它方面创造更多的对比变化。

3、不要盲目赶潮流。那些时尚网站的现代字体固然很精致,但是它并不适合所有的页面。真正深入了解你的内容来设计会比你盲目地用许多最新的字体叠加,使你的版面看起来更加自然和谐。其实,字体也不光是网络才有。有时候,打开一本书或者一本杂志,看看

那些经久不衰的经典字体,也会让你受益良多。

4、保持不同。当你选择字体,将他们放在一起时,确保他们的字体相互独立的而不是相互接近的。因为如果您选择两个相似的字体放在一起,会给大家一种错别字的感觉。

5、适当使用衬线字体无衬线的字体看起来会很现代,同时很简洁干练,被许多设计师所采用。不过对于一些抒情性强的页面时,偶尔使用一些衬线字体,会让你的版面看起来更加富有感情,更加经典。

6、多尝试新字体。挑选合适的字体需要花费大量时间,但是不要一遍又一遍地让自己陷入对同一类型的字体挑选中。因为人们往往习惯于从自己熟悉的字体或者偏爱的字体开始,多花些时间去发现探索新的类型,这样你才能慢慢地发现自己对一种字体的细微差别的

敏锐度,真正地让字体自己告诉你合适不合适。

7、建立层级次序。决定了哪些字体要用来做什么,对他们要怎么处理,依次遵守设立一个层级系统,这样就能很容易地编排,也能让读者更容易地阅读。

8、让版面有节奏感。确保各个部分的内容都被合理地放置而不是混乱地堆在一起,字距要小于行间距,行距要小于字体高度,行距要小于段间距,段间距又小于周边距。

9、有版权意识。从网上获得或者从朋友那里得到的字体,并不是想怎么用就怎么用。考虑它们有没有版权信息,在打印之前要确保你是否需要从原作者那里获得使用权。

10、小一点更好。小巧一点,不是任何时候都适用的,但要是想显得精致和高品位一些,小一点是没错的,前提是可以轻易辨认。平时在已经完成一个页面后,多推敲看看字体的字号能不能再小一点。有时候会起到出乎意料的效果!

11、注意主次顺序。图片和文字应该并用,以图片为主,但是文字承载的信息也必须有表达的机会。重要的信息要居中表达,安排在最显眼的地方。

12、符合阅读习惯。在兼顾趣味性的同时,也要符合阅读习惯,要考虑到浏览网站的用户的心理特征,排版要平和自然。

四、节奏

回到“稳重”的版式上来,最重要的一点是:节奏。 什么叫节奏?因为不同,所以产生了节奏。对比,反差,无论是面积也好,色彩也好,结构也好,不要什么都一样,也不要什么都不一样,否则,就没有节奏可言。可以用音符如何产生旋律来理解排版中的“节奏”。

五、色彩

简单地说,色彩是可见光投射带物体上再反射如人眼的一种视觉现象,没有光,就没有色彩。色彩有三大要素,包括色相,明度,饱和度。

色彩是人们生活中必不可少的调味料,大自然也正是因为有了色彩才变化万千,丰富多姿。色彩作为平面设计中的重要元素更是艺术专业不可缺少的研究题材。色彩本身是没有内容的,它只是一种物理现象,反应在人们的视觉上,作用于人的心理感受。色彩作为造型

术的要素和主要手段之一,它在平面设计中起着最直观的视觉作用,无论是整体的.用色还是局部的用色,色彩对整个画面都有着重大的影响。

在色彩的运用上,可以根据主页内容的需要,分别采用不同的主色调。因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。

其次还有职业的标志色,例如:军警的橄榄绿,医疗卫生的白色等。色彩还具有明显的心理感觉,例如冷、暖的感觉,进、退效果等。另外色彩还有民族性,各个民族由于环境、文化、传统等因素的影响,对于色彩喜好也存在着较大的差异。充分运用色彩的这些特

性,可以使我们的主页具有深刻的艺术内涵,从而提升主页的文化品位。

下面介绍几种常用的配色方案:

1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用,可使主页呈现温馨、和煦、热情的氛围。

2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用,可使主页呈现宁静、清凉、高雅的氛围。

3.对比色调。

即把色性完全相反的色彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等。这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。这就要把握"大调和,小对比

"这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。

最后,还要考虑主页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是"高调"和"低调"。

底色浅的称为高调;底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。

这种深浅的变化在色彩学中称为"明度变化"。有些主页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也会使读

者的眼睛受不了。

色彩的心理效应

色彩的直接心理效应来自色彩的物理光刺激对人的生理发生的直接影响。

心理学家对此曾做过许多实验。他们发现,在红色环境中,人的脉搏会加快,血压有所升高,

情绪兴奋冲动。而处在蓝色环境中,脉搏会减缓,情绪也较沉静。有的科学家发现,颜色能影响脑电波,

脑电波对红色反应是警觉,对蓝色的反应是放松。

红色 热情、活泼、热闹、革命、温暖、幸福、吉祥、危险......

橙色 光明、华丽、兴奋、甜蜜、快乐......

黄色 明朗、愉快、高贵、希望、发展、注意......

绿色 新鲜、平静、安逸、和平、柔和、青春、安全、理想......

蓝色 深远、永恒、沉静、理智、诚实、寒冷......

紫色 优雅、高贵、魅力、自傲、轻率......

白色 纯洁、纯真、朴素、神圣、明快、柔弱、虚无......

灰色 谦虚、平凡、沉默、中庸、寂寞、忧郁、消极......

黑色 崇高、严肃、刚健、坚实、粗莽、沉默、黑暗、罪恶、恐怖、绝望、死亡......

平面设计有哪些基础知识?

平面设计基础知识主要包含设计元素(空间、形状、线条、纹理、字体、版式、节奏及色彩zhidao等)和设计原则(平衡、比例、对比及强调等)。对平面设计内容的理解是基础性的,它和平面设计师自身的经历有着很大的关系,接触过的案例越多,对内容的把握相对会好一些。

色彩设计基础知识整理

产品设计: 工业设计、UI设计、书籍报刊设计等。重点在于品牌印象,清晰、舒适、耐看。诱目性低,可以长时间凝视而不会疲劳。

运营/推广设计: 海报、广告、招贴等形式。重点在于氛围营造,吸睛、具有较强的表现力。诱目性高,瞬间吸引人的注意力。

区分层次;渲染氛围;强化主题;关联传达品牌特性;

H(hues)色相: 红、黄、蓝等色彩的种类;根据位置来划分色彩的邻近色、对比色等。

色相会具有一定的偏向性,如偏蓝色的绿色/偏黄色的绿色,在与其他颜色搭配师,不同的偏向性会产生不同的效果。

从色彩属性上,可以分为冷色与暖色。蓝色、紫色等冷色表现出清凉、冷静的感觉。黄色、橙色等暖色给人温暖的感觉。

S(saturation)纯度/饱和度:色彩的鲜明程度,为0时为灰色;

B(brightness)明度/亮度: 色彩的明亮程度,最高为白色,最低为黑色;明度高:轻快、明亮;明度低:厚重、沉着。

明度差大:力量、有活力;明度差小:高雅、平稳。

RGB:红、绿、蓝;加色混合(混到一起成为白色),屏幕所用色彩表现方式。

CMYK:青、品红、黄、黑;减色混合(混到一起成为黑色),印刷所用的色彩模式

色调系列: 色彩的不同明度和纯度的组合,色调由纯度和明度交叉创造而成。不同的色调会给人留下不同的心理印象,决定画面的氛围。

决定画面的三要素是色调、色相和对比强度。

色调差小,则对比小,平稳和谐;色调差大,则对比较强,变化而有力量。

淡色调(P)

心理印象:温柔、梦幻、轻盈、轻、淡、浅,多用于化妆品、婴儿用品等。

浅色调(LT)

心理印象:清爽、轻松、明快、轻、淡、浅,多用于化妆品、儿童用品等。

浅灰色调(LTG)

心理印象:素雅、温柔、消极、成熟、雅致。

轻柔色调(SF)

心理印象:质朴、消极、平和、成熟。

明亮色调(B )

心理印象:轻快、活泼、童真。多用于儿童用品。

强烈色调(S)

心理印象:强烈、有深度、充满热情的印象。

鲜艳色调(V)

心理印象:华丽、热闹、刺激、鲜明。

灰色调(G)

心理印象:资深、沉稳、厚重、成熟、含蓄、保守、消极。

浊色调(D)

心理印象:钝化、厚重、质朴、稳重、高级。

深色调(DP)

心理印象:沉着、干练、稳重。

暗灰色调(DKG)

心理印象:稳重、沉闷、质朴、厚重。

暗色调(DK)

心理印象:厚重、阴暗、稳重、质朴。

暖色:红、黄、橙等,让人联想到火焰、温暖的太阳等比较温暖的事物;

冷色:蓝色、绿色、紫色等,让人联想到冰、雪等比较凉爽的事物;

前进色:看着比实际上离自己近,膨胀色,一般是暖色,偏白的颜色;

后退色:看着比实际上离自己远,收缩色,一般是冷色,黑色等;

膨胀色:暖色、明度较高的颜色,让物体看起来感觉比实际更大;

收缩色:冷色、明度较低的颜色,让物体看起来感觉比实际更小;

色彩的重量感:黑色比白色显得更重,更牢固。明度越低,显得越有重量。反之,显得越轻。

不同色调的心理印象:

将色彩分为5个角色:主角色、配角色、支配色、融合色、强调色。

主角色: 配色的中心色,其他颜色以此为基准。

主角色决定主体,使画面整体安定。要用最强色。面积不需要多大,但是要有力度。

配角色(突出色): 衬托主角、支持主角,专门设置在主角近旁,使主角突出。

配角色增加对比,在一成不变的色彩中增加变化,突出主角色。面积与主角色形成差异,会增强对比的效果(如主角色面积较大时,面积越小的配角色效果越好)。

支配色(背景色): 作为背景环抱整体的颜色。即时小面积也能支配整体感觉。

背景色支配着画面的整体感觉。背景色包围主体,即使面积小,在观众的心中会“看到”主角背后的背景色,所以也会支配整体的感觉。

融合色: 主角色游离其他色时,置同系色于游离处,起到融合整体的作用。

但两种颜色对立过于激烈时,加入融合色,起到缓和矛盾的作用,使整体更加平稳。

强调色: 在小范围点上强烈的颜色,使画面整体更加鲜明生动。

强调色让页面的变化更加强烈,增加整体的活力。同样,面积与主题差异较大,可以增加对比效果。

首先需要明确设计的目的是什么、内容是什么、受众是谁。

设计是解决问题的一种方式,了解产品的形象、用户的角色,可以明确整体所要表现的风格气质,明确我们要解决的问题以及解决问题的思路与方向。如考虑不同年龄、不同性别、不同层次用户对于色彩的偏好。孩童一般喜欢明度和纯度比较高的色彩;老年人一般喜欢明度和纯度都较低的色彩。这样在选取颜色的时候才会有方向、有目标。

了解设计的内容可以关注技术的限制、观看距离的远近以及周围环境的影响。如平面设计一般采用cmyk模式,UI设计一般采用rgb模式。观看距离较远时,需要较强的对比度,增加识别性;反之,距离较近时需要更加柔和,让观者的眼睛不会疲劳。而夜晚模式的使用更是对于光线不足时的一种反应。就环境影响而言,如果产品周围的物体、产品等颜色比较花哨、丰富,那么选用简单、无彩色的配色会更加容易从中凸显。

主色调选取,一般是品牌的主打色,同时需要与所要传达的主题气质相符合。主色所占的比例一般会比较大,对整体风格起到一个主导作用。

对于公司内部的产品,一般考虑公司的品牌色。对于新的、toC的产品,可以使用情景版的方式来确定主色。或者使用行业/客户特定的色彩,如针对中国电网设计产品,考虑使用其绿色作为主色。

主色确定之后,单色配色一般是在色彩的明度、纯度上发生变化,并且加上黑白灰等无彩色来形成配色方案。双色配色可以考虑类似色、对比色、互补色等配色方式,一般而言,与主色在明度和纯度上的差异不会太大。多色配色可以考虑三角形、四边形、五边形的配色方式。

色彩的对比强度,可以是色相、明度、纯度任一方面。需要依据整体的感觉、气质需要来选取和调整。激烈、热闹的氛围需要比较大的对比度,柔和、安静的氛围需要不太强的对比。

色彩的冷暖感:如果都选用冷色或者暖色,整个画面就会偏冷或偏暖。除非有特殊的主题需求,一般多色配色时,会需要在全是冷色的颜色中加入暖色,或者在全是暖色的颜色中加入冷色来点缀与平衡画面的冷暖感。

色彩的明暗:色彩的明暗就像是画面的光影,有高光、有阴影物体才会有体积感。同样,颜色的明暗对比让画面具有层次感与纵深感。同时,全是亮色会显得浮躁,全是暗色会显得沉闷。

色彩之间的呼应: 整个画面之间的颜色并不是割裂的,这里一块那里一块独立存在。而是在元素之间穿插错落。色彩的呼应会让整体感更加明显,也更容易让画面变得和谐。

色彩的面积: 主色与辅色所占的面积大小一般会有所差异,形成对比。常见的比例有7:2:1,。整体的感觉与印象是不同面积色彩感觉之间拉扯的结果。

环境色/光源色的影响: 高光与阴影的颜色会受到环境色的影响,如黄色灯光下的物体,高光会偏黄色;蓝色背景上的物体,其阴影也会偏蓝色。在对元素填色时,需要考虑环境色/光源色的影响,在基础色的色相上偏向光源色或者多层叠加颜色来让整体细节更丰富、更有质感。

兼顾“突出”与“融合”两个方面: 在完成配色的方案后,要审视整体的方案与目标气质、定位基调的一致性。如果过于沉静,则下点功夫突出一下即可;如果过于喧闹,则像着沉浸、融合的方向调整即可。

取色板的右上角顶点为某一色相的纯色。水平往左,是逐渐加入白色的过程,颜色纯度逐渐降低;垂直往下,是逐渐加入黑色的过程,颜色明度逐渐降低。将取色板均等分为9个区域。每个区域的颜色会给人不同的感觉。与pccs的色调划分方式有些类似,在设计软件中选取颜色时运用比较方便。

色彩九宫格与给人的心理印象

1号区域-淡色调

心理印象:高明度低纯度,温柔、轻盈、梦幻、素雅、

2号区域-明色调

心理印象:高明度中等纯度,清爽、明亮、活泼、可爱。多用于儿童用品等。

3号区域-纯色调

心理印象:高明度高纯度,鲜艳、刺激、热闹、华丽、年轻化、冲击力强。多用于广告、海报等运营类设计。

4号区域-淡浊色调

心理印象:中等明度低纯度,素雅、格调、安静、朴实、舒适、平和。高级灰、莫兰迪色。

5号区域-浊色调

心理印象:中等明度中等纯度,坚定、质朴、安静、高级。

6号区域-暗色调

心理印象:中等明度高纯度,沉闷、成熟、沉稳

7-8-9区域-黑暗色调

心理印象:低明度,危险、高档、暗沉、厚重、阴暗

此区域的颜色,有人视为色彩禁区。颜色显脏不好搭配。当需要纯黑色的替代色时,可以考虑选取这几个区域的颜色,色彩可以偏向于主色的色相或者与主色协调的色相。

九宫格配色的使用技巧: 比较简单的方式是选择同一区块的颜色,在色相上产生变化。在多色配色的情况下可以取得较好的效果。也可以考虑明度与色彩的重量感,选用亮与暗、轻与重的颜色协调。

快速上手!10分钟学会这招超好用的「九宫格」配色技巧 - 优设网 - UISDC

用我自创的十字形配色法,让你快速入门配色! - 优设网 - UISDC

看过很多配色理论还是学不会?来看我总结的这3个实用技巧! - 优设网 - UISDC

色相一致的配色

各个色彩色相保持一致或者接近,通过明度或纯度变化来产生差异。

明度一致的配色

各个色彩明度保持一致或者接近,不会产生强烈对比感,整体会显得比较均衡。

纯度一致的配色

各个色彩纯度保持一致或者接近,纯度越高,刺激性越强,纯度越低,越显得沉稳;

同色系配色

色相不变,在纯度与明度上产生变化,形成配色方案。单色系配色,比较容易做出效果。

邻近色/类似色配色

色相跨度较小,容易形成比较清晰一致、意图明显的的效果。

中差色配色

色相环上颜色位置呈90°,具有一定的对比但不是太强烈,高级、华丽、干练。

对比色/互补色配色

色相环上二者成180°,对比强烈,容易形成炫光效果,一般会使用面积差异或者明度差异来让页面更加稳定。

三角形配色

色相环上颜色呈三角形,对比较为强烈、稳定。

四边形配色

色相环上颜色呈四边形,有一定的对比,色彩数量比较丰富。

五边形配色

以五边形的方式从色环选取颜色,色相之间的对比比较均衡。色彩数量丰富,热闹、活泼。

整体显得模糊时,应该删除暧昧模糊的地方,突出主题,大力强调作为主角的部分,整体更加清爽踏实。

当配色过于沉重压抑时,应该减少黑色,增加鲜艳颜色,提升明度、饱和度,整体明朗、生动。

对比越强,显得有活力、精神饱满;对比越弱,则更加安定、稳定。

加入对比色: 对比色是主色的补充,两者形成冲突。注意面积、明度、纯度、位置的调节,避免画面过于激烈、不协调。

准对比色带来平稳的对比: 比直接使用对比色的效果更缓和一些,即使用稍偏离对比色的补色。

全色相型: 色彩种类丰富,画面热闹、开放,类似五边形配色。

三角形配色: 平衡、稳定,类似三原色的配色。

十字型: 两组对比色,在色环上构成“十”字,有力度、紧凑。

黑色起突出作用: 黑色凸显出力量感,能够衬托出有彩色的鲜艳。

白色在不破坏画面感觉的基础上起强调作用: 白色作为中立色,不破坏其他颜色。可以作为强调色、间隔色。

用淡色群固定淡色主角: 淡色主角,背景色、辅助色等不应该过于强烈,抢过主角的风头。整体的淡色调,让画面氛围更加轻快。

加强中心部分的方法: 提高纯度;强化明度对比;强化色相对比;

加入鲜艳色彩: 鲜艳色调显得有活力,暗色调显得庄严、高雅。

减少一部分黑色: 与加入鲜艳颜色是一个道理,让色调往明亮、鲜艳方向靠近一些。

设置明度差: 也就是增加对比。对比产生力量、跃动的活力。色彩的对比包括色相、明度、纯度、面积的对比。

制造一个亮点: 抑制背景色,突出主题色的明度、纯度,与背景色拉大面积对比。

增大色彩面积: 画面过于单调、空洞,可以适当增加色彩的面积,减少留白,增加图版率和视觉度。(图版率高,整体更加活跃、热闹,适合快速浏览。图版率低,则更加安静、偏向于细细阅读,适合阅读、文档等应用的设计。详见 - 写文章 )

分离配色: 颜色之间不按照色相环的顺序排列,而是让对立的颜色放到一起,增加冲突,制造动感。

重心: 深色(明度低)在上,浅色在下,重心就会上移,不稳定而形成动感。防止,则重心靠下,更加安定。

画面色彩不协调/过于喧嚣,使用三属性(色相、明度、纯度)、位置、面积来缓和氛围,整体更加和谐。

色相靠近: 同系色、邻近色等,色相差异较小,测试稳定、温馨、保守、恬静的效果。

双色调: 色相相同或相近,色调形成差异,淡色明色/明色浊色等的组合。

对比双色调: 两组双色调,色相之间形成对比。双色调的平稳感与色相对比的紧凑感共存。

统一明度: 色相差异较大时,采用相同的明度,整体会给人安定的感觉。

靠近色调: 纯度与明度组成色调,同样的色调可以强化该色调带来的感觉,统一整体的画面氛围。

通过群化法收敛混乱: 将色相、明度、纯度中的一部分共通化,会得到统一感。

浓淡法: 按照色相的顺序或者明度的顺序配色,形成稳定的节奏感。

微差: 近似的色相与明度,整体会比较宁静。

灵活运用令人生厌的色调: 使用小面积强调色十分有效。强调色的选用:高彩度的同色系色彩、准高彩度的对比色彩、高明度色彩。

通过重复融合整体: 在不同的位置放置一样的色彩,形成呼应,整个画面更好地融为一体。

利用白色间隔使画面更柔和: 在过于浓艳的配色中使用白色间隔,可以缓和色相之间的强烈对比。

从自然中获取配色 :

选取自然风光的照片,进行马赛克处理,选取其中的颜色作为配色方案。

选择与主体一致的颜色:

设计材料中有一些必须加入画面的图片、图案等,可以在其中吸取颜色,作为字体、装饰元素的颜色。让整个画面更加协调。

插入间隔色:

主体与背景色、辅色等产生冲突时,可以在二者中间插入间隔色,进行一个区分、缓冲与过渡的作用。间隔色一般为无彩色或者浊色调色彩。

色彩印象:

婴儿→儿童→成年→中年 —— 浅色调、轻柔色调→明亮色调、鲜艳色调→强烈色调、浊色调→深色调、灰色调;

男性 —— 纯色,强对比;女性 —— 柔和、素雅,弱对比。

朝气、活力 —— 暖色、全色相;

可爱 —— 增加白色面积占比、在颜色中加入白色;

素雅 —— 淡雅明快的色调,弱对比;

豪华 —— 暖色、鲜艳色调、强对比;

自然 —— 明亮、素雅的浊色,在色调图中的轻柔色调、强烈色调、浊色调。

力量、速度 —— 鲜艳、厚重的色调,对比强烈;

幻想、神秘 —— 同色系,自然界中少见的;

渐变:

采用色调一致的颜色,通过色调来形成不同的氛围。

·同类色渐变:柔和、轻微、细腻。具有柔和的光影感。

·邻近色渐变:时尚、耐看、活跃

·互补色/对比色渐变:冲击力、吸引眼球、时尚。

先确定版式,再选择配色。

色彩的数量与协调:

有彩色的数量较多,容易形成热闹、绚丽的氛围。但是颜色数量越多,协调起来越难。色彩数量较少会比较有力量感,给人感觉更加坚定、方向明确;

可以在明度或纯度上保持相似性。也可以加入无彩色作为区分、过渡。或者将某一种颜色用在所有元素上,让整体更加统一。

多色配色:

色相、纯度、明度等至少要有一个保持一致或接近。如多色相的(色彩种类较多)时,应该保持各色彩的纯度和明度至少一个差别不大。要是都差别很大,则容易不协调。可以将其中一个颜色的明度或纯度提高,进行有意凸显与强调。

多色配色也要讲究颜色之间的呼应,如某些细节部分颜色与大面积色彩保持一致,而非一个颜色占据一块。

多色配色时,颜色之间的比例也需要权衡。比较均衡时,整体比较热闹。主次分明时,与大面积色的感觉更靠近。

叠加模式:

通过不同的叠加模式(柔光、叠加、颜色加深等),让图片或者色彩之间融合更加自然。

ColorMunki - ColorMunki Design

Color

Color Picker — A handy design tool from Color Supply

Color Hunt - Trendy Palettes for Designers and Artists

LOL Colors - Curated color palette inspiration

Coolors.co - The super fast color schemes generator

0-255

Color Scheme Designer 3_高级在线配色器_配色网

Material Design Color, Flat Colors, Icons, Color Palette | Material UI

中国色 - 中国传统颜色

CMYK 和 RGB 这两种色彩模式本质与区别在哪? - 知乎

《色彩设计的原理》的笔记-全书

快速上手!10分钟学会这招超好用的「九宫格」配色技巧 - 优设网 - UISDC

用我自创的十字形配色法,让你快速入门配色! - 优设网 - UISDC

看过很多配色理论还是学不会?来看我总结的这3个实用技巧! - 优设网 - UISDC

高手的平面课堂!最容易上手的配色方法 - 优设网 - UISDC

NCD WEB : NCD Busines : Image Scale System

PCCS_百度百科

色彩设计的原理 (豆瓣)

每天懂一点色彩心理学 (豆瓣)

PCCSの色相

配色基础原理 (豆瓣)

用一个实战项目,帮你掌握科学的 UI 配色方法 | 优设网 - UISDC

《 七日掌握 设计 配色 基础》

平面设计入门需要学习哪些基础知识

平面设计入门简单,但仍需认真学习,逐步提高,正规的平面设计师需要学习以下知识:

1、字体

从事平面设计工作,难免要和各种的文字打交道。各种不同的字体所带的含义也是不同。有些字体只是很细微的差别,但是给人的感觉确实完全不一样的。在刚开始的时候,新手对于字体的理解少。首先考虑的字体还是宋体和黑体,这是因为宋体很严谨,很庄重,也很尊贵;黑体,很现代,很整齐,很简约。

很多人选择学习设计其实都是三分钟热度,最好在学习之前先来做一个小测试

→点击测试我适不适合学设计

2、版式

在刚开始进行设计的时候,请先尽量使用中规中矩的排版方式。在商业设计中,夸张的跳跃性的版式,往往需要更多的时间积累,而且对平面设计师本身的功底要求更加高,作为平面设计新手往往不能把握。

3、色彩

平面设计对于色彩的要求也是很高,不同的主题,不同配色,配合不同的版式和文字,才能表达出来想要的东西。色彩除了有基本的美术色彩知识,还会有许多的自身的感悟。比如不同的经历,就会使人们对色彩产生不同的认知。

平面设计中,色彩不是红黄蓝绿,色彩是情绪,每一种色彩的选用和调制,就是每一种心情的表达。这个需要在生活中多留心,不断的培养我们的美感。

学习平面设计可以到天琥教育培训机构,天琥教育开设平面设计培训课程,聘请了多名行业一线设计大咖亲自教学,传授设计精髓,也与?20000+企业达成就业合作协议,能帮助学员实现一地学习,全国就业。

设计师应该学会的色彩知识点有哪些?

色彩人人都知道,人人都说懂,人人都能说出个一二三,无论作为设计师,还是其他行业从业者,色彩时刻伴随我们身边,每个人对色彩的倾向喜爱程度不同,这里先不说哪个颜色好看,对于色彩的基础认知,还是需要每一个小伙伴多多关注留意的,特别是对于一些从事设计相关的人员,对色彩必须要了然于胸。

很多初级的设计师,或者设计爱好者来说,对着教程上面做的效果,还不错,比如教程上给什么颜色,这个色值给多少,那个色值给多少,按照这里添加之后,画面瞬间就好很多;但是如果换一个图片呢?一下子又回到了解放前。那么这种问题显然是对于色彩没有足够充分的认识导致的。

对于各种颜色天花乱坠,虽然复杂多变,有些小伙伴“死记硬背”记下了色彩的位置关系,但是并不理解,过了之后就很容易忘记,所以,是时候需要好好整理下了,在色彩里面还是很有一定的规律的。

有些人直接就可以随口说出颜色叠加之后的颜色,听上去感觉很专业有木有?

当然,这个你也可以做得到哦!

首先,拿出我们比较常见的“光学三原色”:

在光的世界中,所有五彩斑斓的颜色,都是由三种颜色按照不同的比例关系加在一起实现的,组成这三种颜色分别是红(Red)、绿(Green)、蓝(Blue),这三种颜色就叫做“光学的三原色”,简称RGB。

说到“三原色”,这里有几个容易搞混的词汇:

颜料三原色:红(Red)、黄(Yellow)、蓝(Blue)

印刷三原色:青(Cyan)、品(Magenta)、黄(Yellow)

光学三原色:红(Red)、绿(Green)、蓝(Blue)

那么我们继续先回到我们的“光学三原色”中,盲目的死记硬背是没有意义的,重要的是要去理解,这样才能记得准,记得牢,记得久!

在光学三原色中,我们把三个基础颜色RGB进行重叠摆放,那么红色和绿色的重合的地方就是黄色,红色和蓝色重合的地方就是洋红/品红色,绿色和蓝色重合的地方就是青色。在记忆方面,建议小伙伴按照主次的关系去记忆去理解:

1. 红色+绿色=黄色

2. 红色+蓝色=洋红

3. 蓝色+绿色=青色

色彩,作为审美的基本功,也是最有灵魂性的东西,是每一个设计师的必修课,一定要理解,记牢!

俗话说, “授之于鱼不如授之于渔”,真正有用的教程,在涉及到颜色的时候,除了告诉你参数之外,更多的应该是告诉你怎么去选择颜色,甚至有些教程只会说怎么选择颜色,从来不注重参数,如果一个教程中涉及到颜色只说参数,没分析解释的话,那么我认为这样的教程完全可以丢弃。

对于色彩的知识了解透彻之后,那么以后对于调色来说,我们的思路就会清晰很多。

甚至有些人说色彩这个不好具体说,是一个玄学,我认为确实如此,但是,对于一些基本的认知和色彩关系,这个就不是玄学了,特别是对于色环来说。

(责任编辑:IT教学网)

更多

推荐免费资源文章