PS-ONE
很多时候我们被街边的Poster吸引
或是被杂志的排版抓住眼球
总以为这是因为单纯的“好看”
但其实平面设计这件事
又非常多的小trick
比如之前讲过的"留白"
以及今天要为大家带来的
Hierarchy，层次
全文：字
阅读时间：约9分钟
平面设计中的层次
Hierarchy
层次对于排版来说是一个很大的概念，但是又很重要，其实也很好掌握。
作为设计方法论重要的关键词之一：Hierarchy，在平面设计中，具有决定性的作用。其词的含义，即指：“视觉层级”。
（PosterFromPinterest）
今天，我们将为大家介绍如何通过改进层次提升你的设计。层次体现在视觉中就会出现对比（contrast），对比是一种趋向于对立冲突的艺术美中最突出的表现手法。
它把作品中所描绘的事物的性质和特点放在鲜明的对照和直接对比中来表现，借彼显此，互比互衬，从对比所呈现的差别中，达到集中、简洁、曲折变化的表现。
通过这种手法更鲜明地强调或提示产品的性能和特点，给消费者以深刻的视觉感受。作为一种常见的行之有效的表现手法，可以说，一切艺术都受惠于对比表现手法。
（PosterFromPinterest）
即使你对这个概念并不熟悉，你也一定看到过很多不同的层次排版。
报纸，就有很明确的层次：主标题，副标题和正文。这是很典型的三级排列。现在很多打印品和线上设计仍在使用这种排版。
20世纪早期到中期的报纸，
为我们提供了鲜明的例子：
尽管现在，我们的主标题不再必须用6英寸的大字体来吸引读者的注意力，上图还是一个很好的参考：不同的层次可以更好地向读者展示哪些是重要信息。
读者随意一瞥就能掌握到整体的排版，从而更快速地找到自己需要的信息。
增强可读性和可用性是这种排版最重要的几个好处之一。如果不遵循一定的层次排量房噶，就会像下图例子中的前两个一样让人抓不住重点。读者会很难分清图中的层次，找不到主次。
前三个例子可以通过换字体、改变字体大小、增加行间距、改变风格、增大不同区域的距离等增加易读性。
所以怎样才能在设计中
打造一个合理的层次呢？
经过大家的多番实验证明，设计出三种层次是一个很好下手的方式。
主级：
一般来说，你的一级层次应该是你的所有信息中最为重要的那些；应该是你的设计中最显眼的元素。
（PosterFromPinterest）
次级：
次级元素可以将你的设计整理成几个不同的部分或是把相近的内容组合。次级信息不能向主级一样抢眼，但是可以明确地指引读者找到他们需要的信息。
（PosterFromPinterest）
三级：
对于文字内容较多的设计来说，三级文字，就是整个设计中最主要的部分。它可长可短，整篇文章，或是几句话，或是一个简介，不过最重要的就是一定要便于阅读，因为通常来说这一级的文字大小都较小。
（PosterFromPinterest）
下图是一个很简单的产品宣传，虽然简洁，但是还是分出了至少三个不同的层次。
1、产品的名字，是主级内容；
2、价格是次级内容；
3、产品介绍是三级内容。
注意产品简介部分的文字虽然很小，但是行间距很大，所以不会不好辨认。
Dribbble/SamThibaultforHandsome
其实你有很多种排列组合的方法。许多方法可能只是一些小细节，但是正如美国一位有影响力的设计师CharlesEames所说：“细节不单单只是细节，细节成就设计”。
让我们来看看在层次方面
我们可以做的一些细节尝试吧：
如何安排排版层次？
01.调整字体大小
改变字体大小是最简单的区分不同层次的方式。对于三级层次排版来说，通常一级信息的文字是最大的，随着信息的次要程度增加，文字越来越小，到三级达到最小的文字。
我们通常的阅读习惯是从左至右，从上至下，所以上下层的结构是最容易使读者接受的。这是书籍、杂志、网页等等非常常见的排版。
BloombergPolitics
记住，改变层次都是为了使你最重要的信息更加突出。无论这个信息是一个名字、一篇文章或博客的标题、广告上的促销折扣等等，如果这个部分你能使用最大的字体，那么它肯定就能最够吸引别人的注意力。
比如说，下图中的折后价钱$97就要比其他信息大的多。同时还使用了亮红色来强调。
Dribbble/FlaviusNechita
02.选择一组差异较大的字体
再想一想我们前面看到过的报纸的例子。它是不是同时使用了粗体的无衬线字体和斜体衬线字体来做出对比？
虽然我们的字体对比不用非要那么强烈，但是对比绝对是成功的字体组合的关键。
多年来，衬线字体和无衬线字体的组合一直被很多设计师使用。对任何设计来说，这种经典组合都是一个很好的开始。就算只在主级文字中使用与其他部分不同的字体，也会打造出非常好的效果。
Dribbble/FilipSlov�ek
一定要记住不要选择太多字体，过多的字体只会让你的设计显得拥挤。对于绝大多数设计来说2-3种字体就足够了。在选择字体时同时注意一定要注意字体是否与内容相匹配。
比如说，你肯定不能在重要信息处使用那种时髦的、难以辨认的字体吧。或是在大段的文字内容中使用读起来会很累的连体字体。还有的字体调小了之后会很难辨认。
（PosterFromPinterest）
03.尝试不同的字体风格和宽度
许多字体都提供不同的风格和粗细选择。不同的风格包括斜体、小型大小字母、缩小的或是扩大的字体。
宽度指字体的不同的粗细。如果你的字体有细、中、粗、加粗，这就是不同的宽度。
这些元素帮助你在设计中拥有了更多的选择。以下图中的newsletter为例。所有的无衬线字体都使用了同样的字体大小，但是使用了不同的宽度。加粗的
Newsletter使标题更加醒目。
Dribbble/WhitneyforSwitch.co
下图中的标签都使用了不同的字体风格和宽度。
Dribbble/HoeflerCo.
04.添加一些颜色
就像风格和宽度一样，颜色也可以使你的文字内容更加突出。由于颜色通常都有自己传达的含义，所以在选择时要确保正确的颜色要在合适的位置。
下图中是一家秉承可持续发展的咖啡公司的活动邀请函。这个设计就很好地使用了自然、朴实的颜色衬托公司的发展理念和活动主题。
Dribbble/KristaEngler
同样的道理，对比色的碰撞更能吸引注意力，下图的名片使用了显眼的黄蓝配色来抓人眼球。
05.注意间隔
设计时，文字的间隔包括行间距和字间距都可以使一个清晰、简洁易读的设计变成拥挤、令人费解的排版。
比如下面这个例子，充分的间距使下图的设计清晰易读，就算是小标签上的文字，也能看清楚。
如果设计保留了足够的间距的话，我们很快就可以知道应该如何阅读，提取信息。相反地，如果没有留下足够的间距，我们就需要眯起眼睛仔细地辨别这些文字。或是压根不想看这个设计了，因为设计得过于杂乱。
下面这个展示文稿，使用了足够的间距、将文字分散放置、加入一些空白元素来避免了间距不够的问题，同时，颜色的板块和几何图形使各个板块排列有序。
Dribbble/RobLukeforSkookumDigitalWorks
06.注意间隔
间隔不单单指将各个元素分离，同时还包括将相似的元素靠近。减少两个相似的板块间的距离也有利于读者处理信息。
尤其是对于文字很多的设计来说，将同类文字靠近是保持总体排版平衡的关键。
Dribbble/ElysseRicci
07.玩转各种方向
有的时候平行的文字可能并不能达到你想要的效果，这个时候不如试一试将文字旋转，或是倾斜和扭曲，这些都可以使这一部分的文字内容与其他的文字分隔开，也会更吸引注意力。
Dribbble/BethanyHeck
在打造层次的时候，你八成会使用到上面提到的所有方法或是其中的大部分方法，就像下面这个婚前派对邀请函一样。
这个设计使用了不同的字体大小、不同的字体、不同的颜色、增加间距、减少间距和文字变形来打造出一个完整的分层设计。
Dribbble/CaseyCooke
合理地使用这些方法可以使你的设计更加吸引人，同时也对读者更加的友好。
所以下次你再做设计的时候，试一试上面提到的这些方法吧。
（PosterFromPinterest）
回归到作品集上
西方艺术院校在学生的培养与考核过程中，更加注重设计的逻辑力量，概括起来，Hierarchy非常重要！
视觉层级的准确、考究往往决定了你的平面设计是否能清晰直接地表达你想要表达的含义，而这一切由决定了你该用什么样的颜色、字体、符号、形状。
（PosterFromPinterest）
相反，如果视觉层级不准确、不清晰，那么平面设计需要传达的信息主干就会丧失一部分，甚至造成观者错误的解读。
当一本GraphicDesign’Portfolio呈现在他人眼前时，可能只有短短的几秒钟供观看者瞥上一眼，这几秒钟时间里，花哨、华丽、酷炫，这些都不重要。
（PosterFromPinterest）
重要的是，你一定希望他人可以第一时间看到的是你最想传达的的元素。这也决定了你的作品集值得他人驻足多看上几眼，还是当成普通货色丢在一边。
所以，在进行作品集的版式设计之前，很值得花点时间弄明白视觉效果的设计层级（Hierarchy）是怎么回事。
GraphicDesignWorks
AboutTutor
林老师
PS-ONE作品集导师
波士顿大学平面设计
林老师本科毕业于四川大学，硕士研究生申请时先后被：罗切斯特理工大学、波士顿大学（半额奖学金）、普瑞特艺术学院等学校录取；本科期间个人设计作品多次参加国内外展览且获奖；研究生期间GPA3.75/4，艺术作品被学校美术馆收藏，荣获波士顿大学优秀毕业生；大学和研究生期间曾先后服务过IKEA、SCTG等国内外大型设计机构及公司。
林老师擅长创意类视觉设计以及实践性平面类设计专业，教学上善于抓住学生爱好和特长从而打开学生的设计思路，使学生能找到属于自己的设计理念；林老师非常熟悉美国的教学模式和申请环节，能把控好作品集的要求和节奏，希望可以通过自己丰富的留学、实践经验以及对平面设计独到的见解和认识辅导PS-ONE艺术留学的学生们做出个性独特的作品集。
擅长课程平面设计、装置艺术
Wednesday
PS-ONE
北京--
成都--
上海-
总部地址北京东城区银河SOHOD座7层室
成都地址成都市锦江区四川航空广场SAC
16层室室
上海地址上海市静安区愚园路号
纽约地址W36thStreetNewYorkNY
预览时标签不可点收录于话题#个上一篇下一篇