设计师必备配色大全(设计师的三大基本功-造型)

w文章:文章|设计师的三大基本功

来自公众号:品牌设计研究院

任何一个设计师在做设计的时候,都要跟造型、版式和配色打交道。在执行过程中,设计师都在不断地设计和调整画面效果,让自己的设计不断朝向设计前的构想感受以及更好的视觉效果迈进。带着想法,带着用户需求和传达目的不断调整,加强画面中各元素之间的逻辑关系,完善画面中的视觉流程和审美效果。

造 形

造形,创造某个或某组图形,一般会想到是标志设计时常用的,通过图形的创意设计,融合品牌或企业的某种精神、理念、愿景等。其实有时候造型不仅仅是图形,它也可以是文字,单个的或是许多文字所形成的某种造型,亦或是一些图案的组合。无论是单一图形还是某些组合形,我们都可以理解为造型,就是跟“形”有关。

举个最简单的例子,比如日本国旗,要是让你来描述日本国旗的样子,你会怎么说,我个人觉得,日本国旗的设计非常简洁,从语言描述来看就能发现:白色长方形中心一个红色的圆。一句话就能说清楚它的样子,这样可以用最简洁的话语就能表达清楚的设计,一般都是好设计,这样的设计所容纳的设计规则较少,容易被人识别和传播。因此,也能无形中减少传播的成本。类似的例子也有很多,比如苹果标志、奥运五环、耐克的钩儿等。

我们在做设计的时候,无论是手绘的图案,还是在软件中设计的图案,造型一般指图案本身。而造形能力,说的是我们通过各种手段,包括运用各种画笔、工具、道具以及各种软件,表达出想要的视觉图形效果的一种能力。

设计师必备配色大全(设计师的三大基本功-造型)(1)

这种能力,在我高中的时候,美术老师就会反复强调,要想更快更好地提高造形能力,最好的方法就是画速写,画大量的速写,每天多画,无论什么都可以画,它们是什么都并不重要,主要是锻炼你的观察能力和画笔的表达能力,从而锻炼你的造形能力。

素描虽然也可以锻炼造形能力,只是每幅素描需要的时间较长,而且可能更多的时候是在加强你的形体塑造能力,是对空间、形体、结构和质感的理解和表达。而速写才是最有效的快速提高造形能力的方法

事实上,我们在设计上要想提高造形能力,也可以继续延用速写的方法,每天抽时间练习;也可以通过各种绘画方式练习,比如用各种笔以插画的方式练习都可以;也可以在实际或虚拟项目中,在电脑上练习,通过用手写板或软件中的一些如钢笔等工具进行练习。通过反复得比较和观察,在各种找不同和对比游戏中,发现它们谁的效果更好,哪里还不够舒服,并不断调整。

设计师必备配色大全(设计师的三大基本功-造型)(2)

造形能力的提高,是要让自己的设计造形更好,好的标准是平衡功能和美之间的某种视觉效果。日本国旗用大面积的白色来衬托红色的圆,就是用最简洁的形式达到最佳的视觉效果,突出了太阳旗的主题。

不要为了形式而设计。要想强调某个图形或标题,往往通过大小、字体粗细、位置等就能解决,没有必要做那些装饰、描边、投影等艺术效果,多余的效果可能不会让你的画面清晰干净,反而影响了视觉流程的表达。

版 式

造形主要强调的是一些设计元素的“形状”,它们可能是排版设计前的一些准备工作 ,它们也可能是模块儿化的,比如为某个画面设计的一些图标、图形、色块、表格或文字段落等,它们都在你的画面之外,做完了充分的准备之后,就要把它们组织到画面之中了。

需要对画面元素的布置、构图、排列等做出设计,就是版式设计。版式设计所强调的是设计元素之间的关系,通过对各设计元素进行大小、方向、位置等规划和安排,将它们以某种形式统筹在画面之中,协调好它们之间的关系是非常重要的,以充分表达出画面的视觉流程

比如第一眼看到的往往不是真正想要传达的内容,而是用来吸引眼球的,它的面积可能很大,但它也许是漂亮的充满神秘感的图形或画面,用以吸引你的注意,然后,让你不得不在它周边的文字中寻找答案,而第二眼看到的文字,又是十分概括或抽象的,不足以让你明白画面到底在说什么,这样,好奇心的驱使,让你继续找答案,最后,在小字部分终于了解了详情。通过版式设计中视觉流程的主次关系,一个广告画面就这样成功地完成了它们的使命。

当然,也不是所有的画面都是按照这样的逻辑进行设计,直接了当的广告也很多,比如车站广告牌上,鹿晗骑着小黄车,旁边广告语:骑时可以更轻松,就是直接传达。

设计师必备配色大全(设计师的三大基本功-造型)(3)

版式的样式很多,比如对称、对角、“之”字形、均衡、错落、分割、发散、斜线等。在日本国旗中,一眼就可以看到,它的版式就是中心对称。版式设计中的每个元素,都离不开三个要素,就是:大小、方向和位置。是不是感觉有点熟悉?没错,初中时我们在物理力学部分就接触到了它们,力的三要素:大小、方向和作用点。

设计师必备配色大全(设计师的三大基本功-造型)(4)

力的三要素可以直接用在版式设计中,比如日本国旗,因为视觉主体是圆形,所以没有方向,即使做任何角度的旋转,也没任何变化。可以说除了圆形,任何设计元素都有不同方向,比如一支笔或一段字等,可以是横平竖直的,也可以是有角度的。而红圆的大小应该是最佳的效果了,再小不够饱满,再大过于膨胀,作用点就是设计元素的位置。

版式设计往往受到画面内容的影响,比如风格样式,是柔和的还是硬朗的,要考虑是弧线多还是直线多,它们的比例如何;比如文字多少,以及文字内容间的关系如何,从属层级多少,并列关系多少,我们在设计时,就要通过大小、位置以及形式变化,强调从属或并列等关系。

由于画面的版式并不是单一的,比如一本画册,系列包装,或者系列海报,网页设计,以及一些活动中用到的各种物料设计,要考虑到它们在各种比例中都能更好的延展,在设计时,要站在全局的角度,规划好整体风格和变化规律,用一些设计规则比如圆形、60度角斜线、条纹、大数字、重叠等,统筹安排好所有需要设计的页面、画面等。

设计师必备配色大全(设计师的三大基本功-造型)(5)

设计师必备配色大全(设计师的三大基本功-造型)(6)

设计师必备配色大全(设计师的三大基本功-造型)(7)

在版式设计中,各设计元素不是像玩儿俄罗斯方块一样,尽可能整齐地排列在某一空间中,而是还要将它们通过大小、虚实、强弱以及位置变化等,表现出画面设计的主次关系和留白空间,以达到设计的主旨。

设计师必备配色大全(设计师的三大基本功-造型)(8)

设计师必备配色大全(设计师的三大基本功-造型)(9)

版式设计能力,除了在工作和虚拟联系中不断提高,再就是要多看好的版式设计作品,通过一些设计网站平台或设计书籍,带着想法去看,多看那些大神大师们的经典作品,他们的作品中,版式效果往往清晰可见,更容易看出他们的设计意图和手法,知道什么样的版式和构图,能够表达出怎样的设计理念。

配 色

在我们的平面设计中,不能没有颜色,试想一下没有颜色的设计是什么样子的,我想应该是不存在的吧,即便是没有彩色,至少也要有黑白灰吧,哪怕就是一张白纸,也不能称其为无色。

设计师必备配色大全(设计师的三大基本功-造型)(10)

配色

配色就是画面中各种设计元素及背景的颜色搭配。它们都是什么颜色的,需要设计师根据需求进行设计。

配色之前,我们要先知道色彩三要素:色相(色调)、纯度(饱和度)、明度。人眼看到的任何色彩都是这三种特性的综合结果。其中,色相与光波的波长有关,纯度和明度与光波的幅度有关。

色相就是我们平时说的,是什么颜色的,比如红色、黄色、绿色、蓝色、紫色等;纯度就是某色彩的灰度或鲜艳程度,纯度越高越艳丽,反之越灰;明度就是平时说的颜色深浅。

设计师必备配色大全(设计师的三大基本功-造型)(11)

设计师都知道,它们在Ps里可以通过色彩饱和度来调节这三个方面,在Ai中用颜色工具来调节。

设计师必备配色大全(设计师的三大基本功-造型)(12)

设计师必备配色大全(设计师的三大基本功-造型)(13)

色彩还分冷色和暖色。越靠近蓝绿色一边,颜色让人产生如蓝天,冰雪,夜色等联想,给人以凉爽、宁静的感觉,这是冷色

设计师必备配色大全(设计师的三大基本功-造型)(14)

暖色,就像阳光、火焰一样,让人看了有温暖的感觉,色彩更靠近黄红色系一边。

设计师必备配色大全(设计师的三大基本功-造型)(15)

在做设计的时候,由于项目特点、行业特征、季节、情感、节庆等方面的影响,往往在没有设计之前就已经锁定了,更适合用暖色还是冷色系,比如夏天为某饮料设计海报,更适合以蓝绿色系为主;而逢年过节、开业庆典、献爱心公益活动、慈善活动等,大多以暖色为主,烘托节庆、喜庆氛围,以及温暖人心的感觉。

设计师必备配色大全(设计师的三大基本功-造型)(16)

设计师必备配色大全(设计师的三大基本功-造型)(17)

设计师必备配色大全(设计师的三大基本功-造型)(18)

设计师必备配色大全(设计师的三大基本功-造型)(19)

设计师必备配色大全(设计师的三大基本功-造型)(20)

设计师必备配色大全(设计师的三大基本功-造型)(21)

配色方面,可以通过关键词的方法,先对该设计的色彩基调列举足够多的关键词,比如浓烈、炙热、沉稳、厚重、鲜艳、明快、鲜亮、淡雅、暗淡、典雅、经典、清新、阳光、年轻、萌动、温暖、时尚、多彩、素朴、久远、金贵、高贵、高端、精美、柔美、浪漫、冰爽、宁静、悠远、恐惧、诡异、神秘、深邃等等,再从中筛选出最合适的几个,在此基础上进行设计。

色彩搭配,除了抢眼和烘托氛围以外,主要起到迎合观者某种心理或生理需求的作用,或品牌定位、或情感诉求、或生理需求、或生活需求等,通过色彩的设计,暗示或刺激消费者冲破心理防线,做出某种行动。

色彩在设计中是非常重要的,一般占有主导地位。举个例子,我们站在十层楼的窗前往楼下看,我会指着楼下的一个朋友对你说,看,那个穿蓝色衣服的就是我朋友,而不会说,看,那个衣服上有狮子图案的是我朋友。因为距离太远了,一般只能看到颜色的区别,上面的图案根本看不清。

这就是为什么好多连锁店的门头招牌都用一个色块儿做底色,因为这种大面积的色块儿,可以远远地就能抓住人的眼球,并知道这个红色的店是必胜客还是华夏银行,桔红色的店是吉野家还是呷哺呷哺,绿色的店是链家、新疆餐厅还是邮政。在很远的地方,你就可以通过识别这些店的主色,将你要找的店锁定在很小的范围里。

在一个设计中,好的色彩搭配可以加强画面的主次关系,还可以通过配色让画面中各个部分清新区分,逻辑鲜明,让观者一目了然。

配色能力,除了工作中的练习,也可以通过虚拟练习不断提高。比如我们可以在软件中,用一些小方格排列成方阵,再给出一个主题比如秋天、麻辣、凉爽、愤怒、星夜等,再根据自己对其主题的理解对方阵进行配色。每个主题可以多做几套方案,然后对比一下,也可以让小伙伴们帮自己看一看,哪个更贴合主题。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页