线条海报设计怎么做?
设计风格千变万化,也是一个不断轮回的过程,今天就来说一说线条设计,线条是世界上最简单,也是最复杂的艺术,线条设计是最常见的设计表达任何物体的点线面,没有什么是可以离开线性艺术的表现。设计师发挥出创意,将线条分为九种。我们现在来聊一聊线条设计,看看通过添加线条,怎样做出一张脱颖而出的海报,并让它充满了设计感,很好的掌控画面的基调。分为九种线条设计,横线分段、竖线间隔、斜线引导视线、虚线切分、粗线强调、构建框架线、多线段打造韵律、活泼曲线、肌理强化风格。在这些简单的线条约束下,充满了表现力和魅力。 01横线分段在画面中添加等宽或者不同的横向线条,可以通过这些线条强调内容的主体,也可以通过这样将画面中的内容进行区分,可以给人一种简单,清楚明了的感觉,视觉上的条理感也很强,在装饰画面上也起到一定的作用。有时还能产生强烈的视觉纵深感。 02竖线间隔这也是一种垂直线添加法,这种也是非常贴合中国传统的阅读习惯,竖线的增加,可以给人一种挺拔高大、向上的感觉,很符合我们东方审美,在一般比较庄重,严肃的画面可以添加几根竖线,可以让画面看起来富有生机和活力。 03斜线引导视线斜线的设计,可以让画面变得有运动感,并且有更加显著的视觉引导性,我们的视觉习惯总会跟随着线条的引导,注意都主体,不仅可以很有趣的切分区域,更好的引导观者的视线走向,让画面变得更加活泼,多样有趣。 04粗线强调粗线就是用来强调的作用啦,对于重要的东西我们都会特别的标记一下,在画面中粗线的存在感更强,可以将视觉的中心添加粗线来强调,它也可以充当占位符号和视觉描点,引起观者的注意力。 05构建框架线将文本和其他视觉元素通过添加线条,进行构建一个框架,每一个内容都因为线条的添加,变得整齐统一,加强了整体性,又不失呼吸感,构建框架线可以很好的在画面中产生结构性,不会看起来呆板无趣。 06多线段打造韵律这是将线当作为装饰元素,通过一定的设计,很多时候画面出现大量的留白就可以考虑采用多线段的添加,打破了呆板的画面,营造出视觉韵律感,让画面变得有运动感,要注意适可而止哦,控制画面的平衡。 07曲线显活泼曲线是最富有美感的流动线,总会给人一种明快、流畅、柔和的美感。极具抒情感和流动感,几根曲线的添加给设计画面带来了有趣、创造性的效果,富有弹性的感觉。 08肌理强化风格这是线条添加中最有风格的设计,通过肌理的设计,线条变得更加有趣丰富,和普通的线条添加显得不同,设计师结合肌理效果和线条的使用,可以让整体的设计风格相互融合,在设计中脱颖而出,肌理强化风格犹如锦上添花。 09虚线切分虚线的处理是十分微妙的,恰到好处的设计,让设计更好的表现,在设计时,要注意虚线和画面的整体性,让虚线很好的融入设计,更加灵活地在画面中使用,也可以起到引导作用,虚线的设计可以让画面看上去更加轻松,相比其他线条不会更加突兀。
1.让文案装点人物
有的时分,一张构图好,光影好,人物特性杰出的人物图片,只要加上相应特性的字体,就能简简单单地把气氛烘托出来,不需要增加太多杂乱和繁复的润饰。
2.点线面的强化
或许有的人会说,假如图片自身好看就会很加分啦,可是现实又是那么骨感,许多时分甲方给来的人物图并没有那么强的视觉冲击力,这个时分我们能够选用第二种办法。这一种处理方法,与第一种不同的是,在海报上多了一些点线或线框的构成。
3.在人物上“插画”
假如人物自身没有很强的构思作用,能够考虑使用插画或涂鸦来扩大画面的情绪和力气。杨逾越身上穿的淡色连衣裙能够很好的与底部中国风布景相结合,而人物也不会由于布景过于杂乱被弱化。直接在人物身上或脸上增加涂鸦造型,也是一个不错的作用挑选。
4.人物与文字融合
对于设计师而言,“字要大”是再了解不过的要求了,可是运用到人物海报中,为了确保人物不会被弱化,能够测验与标题案牍融合在一起的办法。运动的人物和厚重有力的文字结合在一起,使人物与文字叠加更有视觉冲击感的作用。
5.多人物的拼贴切开
像电影电视剧这种会有多个人物一起呈现的情况,人物海报设计能够挑选拼贴切开的方法,也可适用于区别不同人物特色。可是在切割的一起,要确保整个海报色调和电影气氛共同。
点线面在平面设计中的分析
在平面设计的领域里,点、线、面有其独特的视觉效果和审美价值,它作为视觉语言,通过一定方式的组合,向人们传达出特定的内涵和信息。下面是我分享的点线面在平面设计中的分析,一起来看一下吧。
一、点
在几何学上点只有位置,没有面积,但在平面设计者眼里一个文字、一个符号、一个较小的单位图形称之为点,也就是作品中细小的形态都可视为点。这些点是存在着形状、方向、大小、位置的变化的,再加以不同的排列组合,会带给人们不同的心理感应。
一个点最能形成视觉中心,在平面设计中,我们可以把需要强调的部分归纳为一个点,人们的视线最终将凝结在这部分。当点位于画面中心时,与画面的空间关系显得和谐稳定位于中心偏上时会有不稳定感,形成自上而下的视觉流程位置偏下时,画面会产生安定的感觉,但容易被人忽略位于画面三分之二偏上位置时,最易吸引人们的观察力和注意力当点位于画面边缘时就改变了画面的静态平衡关系形成了紧张感。
两个点,如果画面有两个点产生便形成两点之间的视觉张力,人的视觉就会在两点之间来回跳动,形成一种跃动闪烁感。当两个点有大小区别的时候,视觉就会由大到小的点去移动,产生运动趋势。有这样一则手机平面广告:在画面上,一只大狗盯着一部小手机,由于小点的凝聚力强于大点,人们的目光最终落到这部小手机上。一句成功的广告语:“个子比我小,人缘比我好!”立刻使人们记住了这款手机的特征。众多点的组合排列,点的重复、等大、等距排列,给人清晰、规整、舒适感。但绝对的整齐易显得呆板、单调,我们可以通过渐变、近似、特异等构成形式使画面变得活跃起来。当较小的点按一定的形状有规则的排列在一起时会形成面,点的大小不同会产生空间深度的感觉,点的聚散,会引起能量和张力的多样化,使画面极具情趣。
二、线
线是点运动的轨迹形成的,几何学上的线是没有粗细的,只有长度和方向,但在平面设计中线是有宽窄粗细变化的,一行文字、一条空白都可称之为线。线在平面设计作品中起着重要的作用。线可以分割画面空间、表现物象的形体轮廓与内部结构。
(一)线可以分割画面空间这里我们把线简单归纳为线条与线框。线条能划分空间同时具有视觉指引作用,我们可以把线条做多方面的尝试,摆出每一种可能的位置,了解线条支配空间的方法,分析线条在空间因位置、长度、宽度、疏密的改变而产生不同的视觉感受。线框是对设计内容的有效限定,具有警示作用,可形成视觉焦点。实例证明,要想获得视觉的注意,线框是最后的解决之道,线框的界定,使主题产生空间的“力”和“场”。
因为线条的粗细、色彩、明暗及穿插的变化,能产生前后远近的虚实关系,使画面变得生动活泼,同时也具有相对约束的功能。线框的形态主要以几何方式出现,重视比例感、秩序感、连续感、清晰感、准确性和严密性,但略显刻板,我们完全可以打破传统的线框设计,根据作品的主题、内涵改变线框的形状大小、摆放位置,使格局生动、自由、丰富,通过弯、折、断、隐、徒手描绘等手段表现,向更趣味、新颖的方向迈进,使读者产生强烈的参与心理。当我们把技巧、感觉和线框这三者融合在一起时,能更好地解决功能、逻辑和美学上的问题,就会出现精美大方、令人印象深刻的画面。所以说线框是抽象思维与逻辑思维的完美结合。
(二)表现物象的形体轮廓与内部结构用线来表现物象的形体轮廓与内部结构,不局限于具象的,也可表现抽象的、不稳定的、不确切的形象,如传统绘画中水波、云纹的表现。更重要的是每一种线条都具有独特的个性与情感,它们的疾徐快慢,起伏变化无不牵动着人们的思绪,成为储存精气神韵的一种境界,我们要善于运用它。如统一方便面的平面招贴广告,红色的背景,筷子在碗中夹出的面以对角线的形式呈现,与商品看似毫无联系的古筝和琵琶在画面以抽象的虚线存在,线的夸张表现将食品表现得淋漓尽致,再配上广告语———“可以弹的面”,商品诉求信息鲜明。
三、面
在绝大多数作品中,面占有的空间最多,因而在视觉上要比点线来得更强烈实在,更具鲜明的个性特征。这里重点提出“形”和“态”,因为它们的存在直接影响着设计作品的视觉感受。
(一)“形”形———其实质是实现设定的一个“框”,我们可以将其理解为各种各样的形状,所有的面都有一定的形状,它是受边沿限定而形成的,这些形状就是平面设计中视觉元素的“图”,可能是经过处理后的各种图片,或者是勾画的某些图形。设计时我们可以把这些“图”按纯粹的形状处理。形状决定画面空间,必须了解自身预先设计出来的形状的虚实空间情况,控制虚实空间的比例。我们应该充分发挥想象力,把“框”的概念演绎到极致。三角形、方形、圆形是一切造型的基础形状,它们之间的相加、差叠、覆盖可以产生丰富的外形。简单的一张白纸通过折叠或一刀切尚能形成很多个新颖别致有趣的面,何况世界变化多端的万物。提高对形状的敏感性,尝试不同的组合方式,会大大提高我们的能力。
(二)“态”态———指物象的内在结构所呈现的外在表现,在平面视觉传达设计中,我们可称之为肌理,目的为了加强表现内容,达到更好的信息传递的目的,特意选用或增加一些新颖别致的视觉效果,而使面的存在更加生动。马蒂斯为基尔市戏剧院设计的戏剧海报“谁醉心于戏剧,请一起来”,画面中主要视觉元素是一个女演员的头部和很多蝴蝶。这些蝴蝶被大头针钉在女演员脖颈以上的部位,越接近头部越密集。女演员头发的材质肌理完全被蝴蝶代替,这种效果能够体现画面的新颖巧妙,各元素由疏到密的排列强调了戏剧内容的感召力。马蒂斯在这幅海报作品中别出心裁地选用了材质肌理不相干的'元素进行了新的置换,展现出新的形态,给人们独特的视觉享受。
四、点、线、面的综合设计
在具体的平面设计中,点、线、面是相辅相成,相互点缀的。它们是相对的,点的连续产生线,点的扩大形成面,线变粗得到面,面变小形成点、变窄便成了线。要善于处理好三者的关系,尤其理解掌握好点的活泼跃动,洞察线的敏感度,明确图形的重量感及扩张性。艺术大师霍尔戈马蒂斯的作品在点线面的处理上极有代表性。比如他在1996年为德国Ettingen戏剧节设计的海报中,作为短线的文字如同女模特喷出的海水,是那样的清凉,画面中间地平线上红色的字以点的形式出现,给视觉更添生机,整个画面的点、线、面“你中有我,我中有你”处理的恰到好处。
五、平面与空间
将静态的设计概念转变为动态的设计概念。如今平面设计所采用的材质与制作技术不是局限于纸张与印刷,将平面置入动态的环境中考虑,针对平面设计的变化来感受其在语言形态诸方面的变迁。荷兰设计师师格尔登贝率先将招贴设计为异形,以使得招贴能融入周围的环境。德国设计师乌韦勒斯将招贴设计成可以向四方连贴的形式,直至无限。“瓶贴”虽然它的外形不复杂,仅是小小的平面,但它的成型状态必须依附于瓶子的体系,以空间立体的形态呈现。网页设计又给平面设计的点、线、面向四维空间转变提供了可能,所以我们要从空间角度思考平面。
综上所述,在平面设计中点、线、面起着决定性的作用,点具有集中、线具有延长、面具有重量的性格特征,它们相互结合,借助设计者无限的想象力,通过一定的构成原理与表现形式联系起来,形成特定的视觉语言,用以加强对造型形象的理解和加强设计本身的形象性和表现力,以此提高设计作品的视觉魅力,并能传达一定的信息,使之达到强烈的艺术效果。
做版式,做平面设计,一点一点知识的理解都是构成一个版式的基础。所以我会先从一小点一小点小知识讲解,之后再把小的知识点整合在一起,排出来的版面思路自然就很清晰、大气。版式就是整个版面看起来的整体效果。
以前自己是做广告平面设计的,我很多时候会根据这个思路来做一张图片:
首先需要百度了解要设计的东西
1.文案主题(做一张海报,你首先要知道它主要表达的是什么意思,然后再来选择你要的素材与及想要表达的主体)
2.确定版式形式原理(当你选择了想表达的主体,你需要选择一种想要表达的版式设计的基本类型如:骨骼型、满版型、上下分割、左右分割、中轴型、曲线型、倾斜型、对称型、重心型(聚拢)、离心型(扩散)、三角型、四角型、并置型、自由型)
3.排版四大原则(确定好文案与及想要编排的主体素材时,便需要按照排版的原则来进行有规律的排版,四大原则:对齐,对比,重复,亲密)
4.运用点线面(排版的过程中便需要了解什么是点线面,然后我们要怎么来运用它们来达到我们想表达的画面效果)
5.运用字体选择及排版(排版的过程中,我们需要提炼出主体文案,字体的类型,来表达画面需要突出的属性,想要表达的意境,字体的排版也影响到了想表达的效果,所以字体上的排版方式也是多样的,这个需要后边细讲!)
6.颜色选择(颜色是整个主体表达的重要部份,六种色相分别代表着两种气质冷暖,也分为四种色调明色调,淡色调,灰色调,暗色调)
7.颜色搭配类型(颜色选择后需要进行配色,从而达到画面平衡,突出主体,突出想要表达的画面意境)
8.纹理(纹理是一种很好的表达方式,比起颜色更是一种比较具像的表达)
一个好的产品宣传海报的设计,要考虑的事项很多,只有深入分析这些元素,才能更好的做到产品宣传的作用。那么产品宣传海报设计需要注意什么呢?下面小编就给您好好的介绍。
1、广告导语要与企业理念及产品主流相关。
2、企业logo设计一致化,永远是最醒目的。企业LOGO包括文字,图片,还有字体色调及占有版面的大小,都要从始至今,无论海报的纸张大小有什么变化,其占比不能变。
3、各方位文字说明及价格标示符要固定格式。产品的价格是顾客最看重的,也是必看的。价格标示符应认真设计,包括框体样式。注重箭头的设计,和框体图型相配。价格所指一定要明确,一定要清楚地用箭头指示。
4、版面主色调不要轻易变化。海报更多地抓住顾客的眼球,不要去随心所欲地变化海报主色。当然各档期根据不同的主题而突出渲染是肯定的,但可以在主色调上增多色板层次,注意各层次应该是和谐过渡,主要体现在亮度上。
5、排版格式相对固定化。版面格式是次于主色调的最重要的特色之一,也是顾客视觉分辨各类海报的要素。宁可文字小,也不要省文字。在版面的设计上,一定的花边和饰图是少不了的,但也不要太复杂。
对于设计师来说,海报设计可以说是最激动人心的事情,因为海报的表现形式多种多样,题材广阔,限制较少,强调创意及视觉语言,点线面、图片及文字可以灵活结合地应用,而且也注重平面构成及颜色构成。
海报设计是基于在计算机平面设计技术应用的基础上,随着广告行业发展所形成的一个新职业。该职业技术的主要特征是对图象、文字、色彩、版面、图形等表达广告的元素,结合广告媒体的使用特征,在计算机上通过相关设计软件来为实现表达广告目的和意图,所进行平面艺术创意性的一种设计活动或过程。
一个好的产品宣传海报的设计,要考虑的事项很多,只有深入分析这些元素,才能更好的做到产品宣传的作用。那么产品宣传海报设计需要注意什么呢?下面小编就给您好好的介绍。
1、广告导语要与企业理念及产品主流相关。
2、企业logo设计一致化,永远是最醒目的。企业LOGO包括文字,图片,还有字体色调及占有版面的大小,都要从始至今,无论海报的纸张大小有什么变化,其占比不能变。
3、各方位文字说明及价格标示符要固定格式。产品的价格是顾客最看重的,也是必看的。价格标示符应认真设计,包括框体样式。注重箭头的设计,和框体图型相配。价格所指一定要明确,一定要清楚地用箭头指示。
4、版面主色调不要轻易变化。海报更多地抓住顾客的眼球,不要去随心所欲地变化海报主色。当然各档期根据不同的主题而突出渲染是肯定的,但可以在主色调上增多色板层次,注意各层次应该是和谐过渡,主要体现在亮度上。
5、排版格式相对固定化。版面格式是次于主色调的最重要的特色之一,也是顾客视觉分辨各类海报的要素。宁可文字小,也不要省文字。在版面的设计上,一定的花边和饰图是少不了的,但也不要太复杂。
对于设计师来说,海报设计可以说是最激动人心的事情,因为海报的表现形式多种多样,题材广阔,限制较少,强调创意及视觉语言,点线面、图片及文字可以灵活结合地应用,而且也注重平面构成及颜色构成。
海报设计是基于在计算机平面设计技术应用的基础上,随着广告行业发展所形成的一个新职业。该职业技术的主要特征是对图象、文字、色彩、版面、图形等表达广告的元素,结合广告媒体的使用特征,在计算机上通过相关设计软件来为实现表达广告目的和意图,所进行平面艺术创意性的一种设计活动或过程。
一个好的产品宣传海报的设计,要考虑的事项很多,只有深入分析这些元素,才能更好的做到产品宣传的作用。那么产品宣传海报设计需要注意什么呢?下面小编就给您好好的介绍。
1、广告导语要与企业理念及产品主流相关。
2、企业logo设计一致化,永远是最醒目的。企业LOGO包括文字,图片,还有字体色调及占有版面的大小,都要从始至今,无论海报的纸张大小有什么变化,其占比不能变。
3、各方位文字说明及价格标示符要固定格式。产品的价格是顾客最看重的,也是必看的。价格标示符应认真设计,包括框体样式。注重箭头的设计,和框体图型相配。价格所指一定要明确,一定要清楚地用箭头指示。
4、版面主色调不要轻易变化。海报更多地抓住顾客的眼球,不要去随心所欲地变化海报主色。当然各档期根据不同的主题而突出渲染是肯定的,但可以在主色调上增多色板层次,注意各层次应该是和谐过渡,主要体现在亮度上。
5、排版格式相对固定化。版面格式是次于主色调的最重要的特色之一,也是顾客视觉分辨各类海报的要素。宁可文字小,也不要省文字。在版面的设计上,一定的花边和饰图是少不了的,但也不要太复杂。
对于设计师来说,海报设计可以说是最激动人心的事情,因为海报的表现形式多种多样,题材广阔,限制较少,强调创意及视觉语言,点线面、图片及文字可以灵活结合地应用,而且也注重平面构成及颜色构成。
在设计海报的过程中,我们时常会遇到各种需要注意的问题。但是没关系,下面我列举了几个特别重要的注意事项,大家照着做一定能做出绝美的海报哦~
一、极佳的创意
一个绝佳的创意会使你的海报成功一大半。无论是多么简洁的海报,即使只是利用简单的透视关系与元素都可以轻轻松松直击观看者的内心。
下面这两张海报画面虽然十分简洁,但都在有限的空间内,运用上了极佳的创意,完美的诠释了自家品牌的定位与魅力。
by Manuel Borde
二、运用拼贴
设计需要一定的敏感度,在收集素材时需要敏锐的感知出每个元素之间的关系。循着这种关系我们能够很自然地去发掘出生活中从未想过的画面!再运用上巧妙融合的拼贴手法,将素材一一拼贴在一起,绝对能够最直接击中你的感官。
比如,第一张,小孩的脸与狮子面部完美结合,头上的玻璃瓶象征着刚刚加冕的皇冠。
《绿野仙踪》封面
第二张,学者的眼睛与拱门重叠,看起来既像是一个大镜框,又像是在比喻通过拱门看见了一个新世界,不禁让人联想翩翩。
三、将相同元素排列出特定规律
将同样一种元素利用不同的排列手法,让他们称出一种特定规律,有一个很大作用就是引导视觉,它让我们的视线一步步走向了重要的信息。
让整个欣赏与获取信息的过程就像是悬疑解密般直击人心。
以下密集恐惧症慎看!!
《Devil in the Details》封面
四、加入故事元素
在设计电影电视剧海报或是音乐剧海报时,建议加上一两个鲜明的故事元素。这个技巧被广泛应用于悬疑电影、惊悚电影的海报制作中。
这样做不仅引发了人们好奇心,还能借助故事内容给观看者“致命一击”。
《LORO OF WAR》电影海报
五、色彩要传递新意
色彩在设计中有快速表达主旨的用处,比如看到了黄色就会马上联想到阳光、香蕉、沙滩等等。
在一个关于LOGO的记忆测试中,大部分被调查对象重新绘制出来的LOGO虽然不一定正确,但他们都准确地记忆住了每个LOGO的颜色。
因此色彩的正确运用与否直接决定着这幅海报是够能够冲击到人们!
如果设计师不能正确地去运用色彩,不能把色彩搭配玩出新意,那么这个海报只能是平平无奇的,甚至是失败作品。
苏宁电商购物节海报
希望这五点注意事项能对大家有所帮助~
层次感是什么?
把画面中的各个元素合理的、清晰的、有节奏的组合在一起,使整个画面看起来更加的舒适、愉悦和协调。是不是感觉很深奥?好吧,换句简单的话来说就是——不多、不少,看起来舒服正好!
这篇文章分为3个章节,而每个章节都有若干细分的知识点,各位看官请仔细看哦!
初步理解,先来看看文章大纲:
一、画面的层次
使用点、线、面来分割画面
留白
在摄影中找层次
二、色彩的层次
颜色的对比
渐变色的流行
多种颜色搭配的控制
三、文字的层次
字体的对比
文字的对比
请点击输入图片描述
一、画面的层次
1.使用点、线、面来分割画面
点、线、面是设计中最基本的设计元素,学过平面构成的同学应该都有些了解,连点成线、连线成面、而面缩小到一定程度就是点。而面的边界就是线,线的宽度增加和点扩散到一定的面积也就成为面。
上面的这几句话看起来比较复杂,其实仔细想想这就是世界里一切元素的原理甚至是宇宙星空。我们下面来举个例子。
请点击输入图片描述
上图就基本可以把点、线、面的所有变化全部概括。下面我们来分析一下。
请点击输入图片描述
红圈里的十字元素可以看作为“点”做为整体画面中的装饰元素出现。要注意的是所谓的“点”并不只是圆形的哦。任何在画面中尺寸和面积相对最小的元素都可以看做成“点”。而画面中的小圆点既可以看做“点”,也可以看作“面”。所以连点成面也是没错的。
请点击输入图片描述
黄色圈里的线大家认为是什么?我认为它并不是线而是点。为什么呢?因为无论从它在画面中的占比还是所起到的作用来看,它都属于点的属性。而线在那?在绿色块和红色块的交界处。还有色块的边界处。而这正说明了“线”的一个重要的用途——分割。画面中的“线”把整个画面分割成了4个大小不一的区域,这种分割让画面更加有趣味性也更加有层次感。
请点击输入图片描述
而线分割出来的4个区域也就是元素“面”。
这个图例不仅说明了点线面的几个重要的特征,也证明了点线面并不会因为它的形状而固定的,而是会不断变化的。
最后总结一下点线面的一些特点:
点:是最有装饰性的元素,因此大多情况下在画面中起到装饰作用。
线:除了装饰作用外还起到对画面的分割、元素的穿插和对视觉引导的作用。
面:往往起到稳定画面和承载重要信息的作用。
另外要注意的是:点线面是组合使用的,想想看没有面的衬托又怎么能显示出点和线的特征呢?
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
通过这些设计案例我们可以分析并总结出,有效的利用点线面的组合可设计出层次丰富的作品。而我们要如何做呢?——置换临摹。借鉴好的设计作品的点线面的构成元素再加以利用和创新。
请点击输入图片描述
2.留白
留白是设计中很常用的手法,留白除了让画面整洁、干净和透气外,更是对“面”的更深刻的理解和使用,而现在用的非常广泛的极简设计就是在留白的处理上用的比较好的一种设计类型。
我们这里再说一下留白对层次的影响,先看几个设计案例。
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
上面的几个设计作品的共同特点就是有大量的设计留白,并且在留白的同时对画面的层次进行了处理,例如留白与主图之间的大小对比,标题与补充性文字直接的对比。
请点击输入图片描述
我把上面的图做了个处理,分成背景层,留白层,主体模特层,标题文案层和功能文案层。从这里我们就能看出这幅设计的层次是如何设计的了。大家也不妨把自己喜欢的设计这样分层解构,来研究一下设计的层次。
3.在摄影中找层次
现在的设计中,摄影图片的使用也是越来越多了,尤其是质量高的摄影作品往往能最大限度的提高设计的品质。但是这是为什么大家想过吗?其中一个原因是摄影中也存在着层次。
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
这个装B耳机大家熟悉吧,这就是用摄影的方式来做的,并且其中近景,中景,远景三个层次全都有。不仅看起来画面非常细腻丰富,而且也品质感十足。
但是如果图片层次少怎么办?很简单,我们可以使用文字来做为图案元素来增加画面层次。
请点击输入图片描述
请点击输入图片描述
二、色彩的层次
1.颜色的对比
使用对比色和反差大的颜色来设计也是增加层次感的一个常用方法,因为有非常强烈的颜色对比,画面的冲击力会非常强烈,给人们的视觉观感也会更加刺激。
黑黄对比是非常经典配色方案,虽然只有两个颜色,但是通过画面中的文案和图片的组合也会显得非常丰富,在这种极简的配色中更加需要对点线面的合理运用否则会显得有些单调。
请点击输入图片描述
从上面的设计来看,设计师在用黑黄配色的时候又用了黄色的对比色——蓝色,这样既可以让画面的颜色更加丰富不会单调,又会让画面中的一些重要元素凸显出来,起到强调作用。
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
黄蓝配色和红绿配色也是经常用到的经典配色,上面两个案例可以看到,黄蓝配色多用饱和度比较高,这样显得年轻时尚有科技感,而另一个设计是红绿蓝的配色,饱和度较低,显得更加复古和深沉。
2.渐变色的流行
渐变色已经流行了几年,今年淘宝的手机app也是以渐变色来设计的,可见渐变色的使用范围也是越来越大了。而渐变色本身就具有层次丰富的特点,因此,使用渐变色加上合理的点线面元素的搭配会在具有冲击力的同时最大限度的丰富画面的层次。
在我们日常的设计中渐变色的使用还是需要更加精心的选择颜色的色值,一般来说会选择同色渐变、邻近色渐变和对比色渐变。而渐变的颜色数量也不宜超过2种。2种以上的渐变色就需要非常强的控色能力来驾驭了。(我这里说的是在同一渐变色里的2种以上的颜色哦)
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
渐变色的使用大多都出现在UI设计中,而随着UI设计的发展,web端的设计,无论是网页还是电商也有很多借鉴UI设计的设计方法和配色方法。
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
渐变色的配色是可以搭配使用的,例如上图,都属于同色渐变,但是这样使用有一个规则,就是互相搭配的几个渐变色的饱和度要基本一致,否则会出现颜色“花”的问题。
3.多种颜色搭配的控制
对于多颜色的设计我们要做的就是控制饱和度和明度,尽量使各个颜色的饱和度和明度保持协调的一致。无论是清淡的中国风,还是浓烈的欧美风,都会让画面丰富有层次的同时不会“乱掉”、“花掉”。
请点击输入图片描述
请点击输入图片描述
我们可以看到,上面的几个图例里的颜色非常多,但是为什么我们会感觉非常丰富而又有层次呢?没错,就是饱和度和明度的控制到位。
请点击输入图片描述
请点击输入图片描述
三、文字的层次
1.字体的对比
字体是我们设计中必须使用并且比较难的一个环节,但是正式这个让大家比较闹心的环节会使画面的层次变得异常丰富,即使在只有文字没有图案的时候,只要排版合理也可以得到惊人的效果。
请点击输入图片描述
请点击输入图片描述
不同的字体表达不同的意境和涵义,尤其是中文字体传承几千年每一个字都有特定的涵义。而西文主要是以衬线体和非衬线体的字形装饰的变化。时而粗犷,时而纤细。
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
2.文字的对比
这里的对比包括文字的字体、大小、粗细、颜色等等。为什么单单要挑对比来说呢?因为对比是最能拉开并体现层次的方法,我们逐个来说。
请点击输入图片描述
我来那这个作品来分析解构一下,30%是文字里面积最大的,也同样是画面元素里占比最大的,通过DISCOUNT VOUCHER的解释说明这是折扣信息,而这个解释也是画面里第二大占比的文字。然后就是下面的时间、地址、电话等信息,使用最小号的文字。通过这三种文字大小来把层次拉开,并且一下就得到3个层次,在加上最后面的花纹背景、白色背景和金色蝴蝶结总共是6个层次。另外为了统一画面,文字的字体都采用了衬线体。
请点击输入图片描述
请点击输入图片描述
上面的这两个海报也是同样的道理,大家可以解读一下。
字体的颜色,上面两个aranya的海报是个系列,分别把主题文字aranya的颜色换成绿色和蓝色,一方面可以增加文案的层次感,另一方面可以与视觉主体的颜色统一。下面是一些设计的案例大家可以试着分析一下。
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
最后说一说对齐,对齐是使画面更加有秩序,看起来更合理且舒服。我们用上面这个海报来分析一下。
请点击输入图片描述
看这些蓝色的线,就是这幅海报的对齐方式。
总结
其实层次是在综合的运用了点线面的分割,色彩的搭配和文字的排版而形成的,并且在大小比例,颜色选择,对齐等这些细节上精益求精,层次自然立现。