艺术留学

自然光线国际艺术教育
始于梦想 忠于创造 无所畏惧 无限延伸
TO INFINTY AND BEYOND
艺术留学 > 留学干货 > 院校/专业 > 平面设计作品集制作核能概念:Hierarchy,层次!向扁平无趣Say Bye

平面设计作品集制作核能概念:Hierarchy,层次!向扁平无趣Say Bye

作者:自然光线/平面设计作品集制作/时间:2022.02.01 10:13:23
阅读: 点赞:0 次

  今天给大家带来了平面设计作品集制作核能概念:Hierarchy视觉层级,层次!让你的平面设计作品集从此向扁平无趣说Say Bye!怎么制作平面设计作品集?一下就由自然光线艺术留学的平面设计作品集培训导师一步步演示给大家!


很多时候我们被街边的Poster吸引

或是被杂志的排版抓住眼球

总以为这是因为单纯的“好看”

但其实艺术留学平面设计这件事

又非常多的小trick

比如之前讲过的平面设计留学作品集"留白"

以及今天要为大家带来的

Hierarchy,层次


如何制作平面设计作品集?


      平面设计作品集中的层次Hierarchy


  层次对于平面设计留学作品集排版来说是一个很大的概念,但是又很重要,其实也很好掌握。


  作为设计方法论重要的关键词之一:Hierarchy,在美术平面设计留学中,具有决定性的作用。其词的含义,即指:“视觉层级”。同时推出姐妹篇:平面设计作品集制作:信息传达/视觉节奏美/构图/个人能力缺一不可大家一定要记得回来看哦!


艺术留学平面设计作品集中的层次

(Poster From Pinterest)


  今天,我们将为大家介绍如何通过改进层次提升你的平面设计留学作品集。层次体现在视觉中就会出现对比(contrast),对比是一种趋向于对立冲突的艺术美中最突出的表现手法。


  它把作品中所描绘的事物的性质和特点放在鲜明的对照和直接对比中来表现,借彼显此,互比互衬,从对比所呈现的差别中,达到集中、简洁、曲折变化的表现


  通过这种手法更鲜明地强调或提示产品的性能和特点,给消费者以深刻的视觉感受。作为一种常见的行之有效的表现手法,可以说,一切艺术都受惠于对比表现手法。


平面设计作品集排版

(Poster From Pinterest)


  即使你对这个概念并不熟悉,你也一定看到过很多不同的层次平面设计作品集制作排版。


  报纸,就有很明确的层次:主标题,副标题和正文。这是很典型的三级排列。现在很多打印品和线上设计仍在使用这种排版。


20世纪早期到中期的报纸

国外平面设计作品集

为我们提供了鲜明的例子:


平面设计留学


  尽管现在,我们的主标题不再必须用6英寸的大字体来吸引读者的注意力,上图还是一个很好的参考:不同的层次可以更好地向读者展示哪些是重要信息。


  读者随意一瞥就能掌握到整体的排版,从而更快速地找到自己需要的信息。


  增强可读性和可用性是这种排版最重要的几个好处之一。如果不遵循一定的层次排量房噶,就会像下图例子中的前两个一样让人抓不住重点。读者会很难分清图中的层次,找不到主次。


留学平面设计作品集


  前三个平面设计作品集制作排版例子可以通过换字体、改变字体大小、增加行间距、改变风格、增大不同区域的距离等增加易读性。


  平面设计作品集如何层次合理?


  所以怎样才能在平面设计作品集设计中打造一个合理的层次呢?


  经过大家的多番实验证明,平面设计作品集设计出三种层次是一个很好下手的方式。


主级:


  一般来说,你的一级层次应该是你的所有信息中最为重要的那些;应该是你的平面设计作品集设计中最显眼的元素。


平面设计留学

(Poster From Pinterest)


次级:


  次级元素可以将你的平面设计作品集设计整理成几个不同的部分或是把相近的内容组合。次级信息不能向主级一样抢眼,但是可以明确地指引读者找到他们需要的信息。


平面设计专业留学

(Poster From Pinterest)


三级:


  对于文字内容较多的平面设计作品集来说,三级文字,就是整个设计中最主要的部分。它可长可短,整篇文章,或是几句话,或是一个简介,不过最重要的就是一定要便于阅读,因为通常来说这一级的文字大小都较小。


平面设计留学艺术设计

(Poster From Pinterest)


  下图是一个很简单的产品宣传,虽然简洁,但是还是分出了至少三个不同的层次。


  1、产品的名字,是主级内容;


  2、价格是次级内容;


  3、产品介绍是三级内容。


  注意产品简介部分的文字虽然很小,但是行间距很大,所以不会不好辨认。


国外平面设计作品集

Dribbble/Sam Thibault for Handsome


  其实你有很多种排列组合的方法。许多方法可能只是一些小细节,但是正如美国一位有影响力的设计师Charles Eames所说:“细节不单单只是细节,细节成就设计”。


  让我们来看看在层次方面,我们可以做的一些细节尝试吧!


如何设计平面设计作品集排版层次?


  01.调整字体大小


  改变字体大小是最简单的区分平面设计作品集不同层次的方式。对于三级层次排版来说,通常一级信息的文字是最大的,随着信息的次要程度增加,文字越来越小,到三级达到最小的文字。


  我们通常的阅读习惯是从左至右,从上至下,所以上下层的结构是最容易使读者接受的。这是书籍、杂志、网页等等非常常见的排版。


平面设计作品集排版

Bloomberg Politics


  记住,改变层次都是为了使你最重要的信息更加突出。无论这个信息是一个名字、一篇文章或博客的标题、广告上的促销折扣等等,如果这个部分你能使用最大的字体,那么它肯定就能最够吸引别人的注意力。


  比如说,下图中的折后价钱$97就要比其他信息大的多。同时还使用了亮红色来强调。


平面设计作品集封面设计

Dribbble/Flavius Nechita


  02.选择一组差异较大的字体


  再想一想我们前面看到过的报纸的例子。它是不是同时使用了粗体的无衬线字体和斜体衬线字体来做出对比?


  虽然我们制作的平面设计作品集字体对比不用非要那么强烈,但是对比绝对是成功的字体组合的关键。


  多年来,衬线字体和无衬线字体的组合一直被很多设计师使用。对任何设计来说,这种经典组合都是一个很好的开始。就算只在主级文字中使用与其他部分不同的字体,也会打造出非常好的效果。


平面设计留学

Dribbble/Filip Slovကek


  一定要记住不要选择太多字体,过多的字体只会让你的平面设计作品集显得拥挤。对于绝大多数平面设计作品集来说2-3种字体就足够了。在选择字体时同时注意一定要注意字体是否与内容相匹配。


  比如说,你肯定不能在重要信息处使用那种时髦的、难以辨认的字体吧。或是在大段的文字内容中使用读起来会很累的连体字体。还有的字体调小了之后会很难辨认。


艺术留学平面设计

(Poster From Pinterest)


  03.尝试不同的字体风格和宽度


  许多字体都提供不同的风格和粗细选择。不同的风格包括斜体、小型大小字母、缩小的或是扩大的字体。宽度指字体的不同的粗细。如果你的字体有细、中、粗、加粗,这就是不同的宽度。


  这些元素帮助你在平面设计作品集设计中拥有了更多的选择。以下图中的newsletter为例。所有的无衬线字体都使用了同样的字体大小,但是使用了不同的宽度。加粗的


  Newsletter使标题更加醒目。


平面设计留学设计风格

Dribbble/Whitney for Switch.co


  下图中的标签都使用了不同的字体风格和宽度。


留学平面设计作品集

Dribbble/Hoefler&Co.


  04.添加一些颜色


  就像风格和宽度一样,颜色也可以使你的文字内容更加突出。由于颜色通常都有自己传达的含义,所以在选择时要确保正确的颜色要在合适的位置。


  下图中是一家秉承可持续发展的咖啡公司的活动邀请函。这个创意平面设计作品集设计就很好地使用了自然、朴实的颜色衬托公司的发展理念和活动主题。


创意平面设计作品集

Dribbble/Krista Engler


  同样的道理,对比色的碰撞更能吸引注意力,下图的名片使用了显眼的黄蓝配色来抓人眼球。


  05.注意间隔


  设计时,文字的间隔包括行间距和字间距都可以使一个清晰、简洁易读的创意平面设计作品集设计变成拥挤、令人费解的排版。


平面设计留学间隔


  比如下面这个例子,充分的间距使下图的设计清晰易读,就算是小标签上的文字,也能看清楚。


平面设计留学间隔


  如果平面设计作品集设计保留了足够的间距的话,我们很快就可以知道应该如何阅读,提取信息。相反地,如果没有留下足够的间距,我们就需要眯起眼睛仔细地辨别这些文字。或是压根不想看这个设计了,因为这个平面设计师作品集设计得过于杂乱


  下面这个展示文稿,使用了足够的间距、将文字分散放置、加入一些空白元素来避免了间距不够的问题,同时,颜色的板块和几何图形使各个板块排列有序。


留学平面设计作品集

Dribbble/Rob Luke for Skookum Digital Works


  06.注意间隔


  间隔不单单指将各个元素分离,同时还包括将相似的元素靠近。减少两个相似的板块间的距离也有利于读者处理信息。


  尤其是对于文字很多的留学平面设计作品集来说,将同类文字靠近是保持总体排版平衡的关键。


艺术留学平面设计

Dribbble/Elysse Ricci


  07.玩转各种方向


  有的时候平行的文字可能并不能达到你想要的效果,这个时候不如试一试将文字旋转,或是倾斜和扭曲,这些都可以使这一部分的文字内容与其他的文字分隔开,也会更吸引注意力。


Dribbble/Bethany Heck


  在打造层次的时候,你八成会使用到上面提到的所有方法或是其中的大部分方法,就像下面这个婚前派对邀请函一样。


  这个平面设计作品集使用了不同的字体大小、不同的字体、不同的颜色、增加间距、减少间距和文字变形来打造出一个完整的分层设计


Dribbble/Casey Cooke


  合理地使用这些方法可以使你的设计更加吸引人,同时也对读者更加的友好。


  所以下次你再做平面设计留学作品集设计的时候,试一试上面提到的这些方法吧。


平面设计留学作品集

(Poster From Pinterest)


回归到平面设计作品集Hierarchy上


  西方艺术院校在学生的培养与考核过程中,更加注重创意平面设计作品集设计的逻辑力量,概括起来,Hierarchy非常重要!


  视觉层级的准确、考究往往决定了你的艺术留学平面设计是否能清晰直接地表达你想要表达的含义,而这一切由决定了你该用什么样的颜色、字体、符号、形状

创意平面设计作品集

(Poster From Pinterest)


  相反,如果视觉层级不准确、不清晰,那么出国艺术留学平面设计需要传达的信息主干就会丧失一部分,甚至造成观者错误的解读。


  当一本Graphic Design’Portfolio呈现在他人眼前时,可能只有短短的几秒钟供观看者瞥上一眼,这几秒钟时间里,花哨、华丽、酷炫,这些都不重要。


出国艺术留学平面设计

(Poster From Pinterest)


  重要的是,你一定希望他人可以第一时间看到的是你最想传达的的元素。这也决定了你的艺术留学平面设计作品集值得他人驻足多看上几眼,还是当成普通货色丢在一边。


  所以,在进行平面设计作品集的版式设计之前,很值得花点时间弄明白视觉效果的设计层级(Hierarchy)是怎么回事。


平面设计作品集案例展示


平面设计作品集

平面设计留学作品集

平面设计留学作品集


平面设计作品集培训导师



林老师


自然光线作品集培训导师


波士顿大学平面设计


  林老师本科毕业于四川大学,硕士研究生申请时先后被:罗切斯特理工大学、波士顿大学(半额奖学金)、普瑞特艺术学院等学校录取;本科期间个人设计作品多次参加国内外展览且获奖;研究生期间GPA 3.75/4,艺术作品被学校美术馆收藏,荣获波士顿大学优秀毕业生;大学和研究生期间曾先后服务过IKEA、SCTG等国内外大型设计机构及公司。


  林老师擅长创意类视觉设计以及实践性平面类设计专业,教学上善于抓住学生爱好和特长从而打开学生的设计思路,使学生能找到属于自己的设计理念;林老师非常熟悉美国的教学模式和申请环节,能把控好作品集的要求和节奏,希望可以通过自己丰富的留学、实践经验以及对平面设计独到的见解和认识辅导自然光线艺术留学的学生们做出个性独特的作品集。


  擅长课程:平面设计、装置艺术


更多艺术留学平面设计:


美国艺术留学平面设计专业申请攻略

艺术留学平面设计|留白是平面设计中不可缺少的元素之一


本文均属自然光线国际艺术教育团队原创文章,未经允许不能以任何形式的商业转载,如有发现必追究法律责任。

留学规划
姓名:
联系电话:
申请专业:
意向院校:
立即提交