海报排版设计步骤是什么 手把手教你理清信息层级排好阅读顺序

收到一条海报的设计要求, 客户所交的物料里常有长长的一项项条目: 活动主题、副标题、时刻、位置、主办单位、协办机构、支持实体、合作媒体、报名技法、报名截至日期、联络法子、活动流程、来宾名单、留心事宜……

要这些信息以同样字号、同样粗细、同样颜色排进版面内, 结果便是一块密密麻麻的文字堆靠在一块, 读者拿到这张海报的瞬间, 眼目在其上扫遍, 找不到读阅之起点, 不知道重点在何处, 多半大概率不放弃都不成。

信息层级解决的就是: 该让读者先看见什么、再看见什么、最后看见什么这一问题。

它不是什么高深的设计文论理, 说白了就是要排一个阅读顺次。但这顺次第下得好, 直接决定了一张海报的信息传递顺率, 也直接决定了这张海报在读者眼下的“清”透明程度。

一、信息分档：先定优先级，再做视觉分配

在开展各类视觉处理之前, 先将所有内容按时重、要度依次分三至四个档位。此一过程与各类设计能力无涉, 仅与判断相关联。

拿一张音乐节的海报举例，资料大概是这些：

分档的时候可以这样判断：

读者在远处、在快速扫视的时候必须看到的第一档信息, 通常是活动名称或品牌名称, 就是这张海报里的“山谷音乐节”, 再配上一个能传达调性的主视觉, 让读者第一眼确认“这是什么活动”才会决定要不要继续看。

第二档: 读者决定了解之后最想获取的信息, 时间和地点排在最高优先级, 其次是主要阵容。这三类信息构成“在哪、什么时候、谁来了”的基本框架, 读者看完这三项就能对自己是否感兴趣完成判断。

第三档: 参予方式和另外那些详情, 购票渠道票价还有需要在乎的事要放这一档层, 这些信息唯有阅读者决定参予之时才会正经看上一看, 用不着赶在时间与地址的前边。

第四档是主办方赞助商联合呈现等, 这些是关系信息, 重要要素但排在用户的阅读序列的最后。

完成分档之后, 设计师的任务就明确了: 让第一档在视觉状态下相对来说表现最为突出, 第二档相对没有第一档突出, 第三档相比第二档要更弱一些, 第四档的视觉表现相比前面三档是最弱的。所有和设计相关的手段, 都完整地围绕这个由强往弱递进的顺序来进行, 而不是去看哪个内容操作起来更顺手, 就去把哪一个内容进行放大展现。

二、信息层级的具体操作手段

分档是战略，执行的时候用几个具体的视觉手段来体现层级。

尺寸

这是最直接的手段。字号稍大一些的常属第一档信息, 它们在尺寸上得跟第二档信息拉开远超一两号的明显差距, 使得远处一扫时读者既能看清这第一档信息的具体内容, 不会只粗略感知到这里此处大概存在着这么一行字。

相邻的第二档要比前面对应的那一档相对缩小许多, 紧接其后的第三档更小。每相邻两档之间的字号差异幅度要保持一致或是朝着逐步递减的方向进行调整。各档尺寸彼此间的对比效果越是清晰明确, 各档对应的层级就越能一目了然。

粗细

同一款式的字体, 不同粗细本身正代表着有差异的不同权重。第一字体选粗体抑或是特粗体，第二字体采用常规体, 第三字体使用细体或是轻体。

宽窄和厚薄能匹配采用, 但非所有第一档内容都必定字大且身粗。有时候大个字的薄款反较常规号的粗款更具韵味, 全凭宣传画整体的风格来决定。

位置

位置还在传递优先级属性, 视觉重心区域——多为画面中央偏上或者占据较大面积的部分——天然更受大家关注。一级信息放在重心区, 二级信息依次往下排设放。

但位置不完全是自上而下的全部顺序。读者的通常阅读视线从中心进入, 而后贴合着某类既定方向流动。设计师可倚仗各类排布排版以此引导这条必经路径: 先瞄到触目主内容标题, 后看清明了时间地点地方, 再辨清明白介入参与方式。整个过程呈现出流畅顺承的衔接连续性, 而非令读者在各类区域位置间来回往返不时切换。

颜色

颜色对比也在建立层级。一个最常用的方法是: 第一档用品牌色或者高饱和度的颜色, 第二档用中性色或者低饱和度, 第三档用比第二档更浅的颜色。

还存在另一种处理方式要处理的所有文字全部采用同一种色系来使用, 第一档的文字要采用深颜色来使用, 第二档的文字要采用中灰色的颜色来使用, 第三档的文字要采用浅灰色的颜色来使用, 这样处理做法能够获得的好处是层级更为清晰显现出来, 同时又绝对不会因为多种颜色杂乱搭配使用而显得花俏。

字距与行距

同一层级之内, 字距及行距的处理之法可维系一样统一。不同层级之间, 凭藉间距之变化去建立起视觉上之区分。譬如主标题间的字距紧凑, 传达起力量之感；时间地点间之行距宽松, 则便于以逐行方式完成阅读；辅助信息间字距更松疏, 在视觉之中做出后撤观感。

这些手段单独已经能区分层级, 组合使用效果更明确。但要注意一点: 手段的强度需与档位的差距相匹配, 第一档与第二档的差距越大, 层级的辨识度越高。要是所有手段都用上了, 可各项差距都很小, 那读者感知到的仍还是一堆差不多的信息。

三、常见的信息层级问题

实际制作需要信息层级处理的海报时, 其相关的稿子会出现数种类型的问题。

档位划分太多

超出四档就容易生出差错；分档越繁琐, 各档之间的间距就越窄, 受众很难辨认哪档是核心重点、哪档是非核心内容；宣传画面有别于画集或刊物, 难以搭建复杂的表意链路；它需在有限时长内达成信息传递, 三或四档是最大阈值, 倘若信息含量确乎丰盛, 将部分内容纳入同一档处置, 比分出五六段层级更为奏效。

所有信息都想突出

客户往往觉得每一条信息都重要: “活动名称可能重要, 时间地点也重要, 阵容还重要, 购票方式还不能小, 合作方务必要体现……”每一样都重要加在一处, 反而没什么东西凸显。

这种情况需要在分挡阶段就做一项判断: 假使仅仅能留存两个信息层级, 我留哪两个? 想通透过后, 其他内容再往下放, 而非所有人都挤占在第一挡。第一挡仅能有一个核心信息, 最多再加一个辅助主视觉。

字重和字号的组合太接近

存在一种常见情形: 主标题施用28号加粗字, 第二档文字选用20号加中粗字, 二者间的区别于电脑上观感尚可, 可若为印刷品或置为户外广告后, 这一差距便会收束, 读者进行区分时尤为费力。

破解之道就在刻意将差距不断扯得无限大。最重头标题选用号为36的粗体样式, 次级内容则用16号常规字体编排。差距扯得越大, 用于区分层级的认知成本就越低。在设计的整个运作环节里可不时故意退后几步审视整个屏幕, 离得老远老远之后还能轻轻松松准确分辨主要次要层级, 这般层级才算称得上拿捏得当。

背景和文字的反差不够

灰色文字被用在了深色背景之上时, 其即使在电脑屏幕上大概率能勉强被看清, 可印刷之后或将其做成户外广告以后的可读性, 毫无疑问会出现急剧的下降。层级自然会因看不清文字而完全消失。

一个简单的检查方式: 把海报缩小到实际尺寸的一零%上下, 看还能不能读出第一档的内容。如果缩略图状态下都能看清, 那实际使用中基本没有问题。如果缩略图状态下一片模糊, 说明对比度或者尺寸都不够。

装饰元素干扰了信息的视觉权重

装饰性线条纹理图案小图标等这些元素, 要是处理不得不够克制, 容易在视觉上去与信息内容形成一些竞争读者第一眼落到那些装饰元素上而不是各类核心信息上头, 便说明这类装饰抢了本该属于信息的权重。

与核心信息拉开亮度、色调或通透度差距的装饰元素若要做到“存在不显亮眼”, 恰切的处理方式之一是成为背景又或是点缀, 而非直截了当与文字平起平坐。

四、不同使用场景对层级的影响

相同的信息层级设置, 放入不一样的使用场景里, 效用或许是全然迥异的。

在户外的广告牌, 读者可能都是在几十米之外看到的, 停留的时间也很短, 在这样的场景之下, 第二档和第三档信息几乎不需要存在, 因为没人会站在广告牌前面来细读, 第一档信息需要足够大必须足够清晰, 足够清晰在远处就马上能识别。

室内海报, 读者距离近, 停留时间长, 信息层级做得可以更丰富。而也要留意, 室内光线条件和户外不一样, 颜色的反差处理需要根据实际环境做调整。在光线足的走廊里, 灰色小字也许很清楚；但在灯光暗的展厅里, 同一灰色小字也许就看不见了。

社交媒体海报, 通常是在手机的屏幕上被查看的, 手机的屏幕可比印刷物小太多了, 它的层级布置要考量缩略图形态之下的易读性, 第一组讯息在缩略图下面至少要能看清几个字, 要不然用户压根儿连点开瞅的兴趣都没。

印刷品和电子屏对颜色的处理不一样, 有些颜色在显示屏上很明晰, 印成品也许色调发灰。这些状况属于工艺层级里的问题, 却会直接影响层级间的可读性表现。倘若需要把海报进行印刷操作, 建议提前将文件打样出来进行审视确证, 实物样本上各内容层级之间的对比关联依旧达标成立。

五、一个检验层级是否成立的方法

设计完工后, 做桩这类事吧: 跟这台电脑间距拉到三米开外, 瞅这张海报, 要么把文件尺寸缩至真实规格的十分光景前后再行阅览。

这时能轻松辨认的信息, 是第一档；凑近了要找一找才能看清的, 是第二档；得仔细辨认的, 是第三档。

如果离远了你只看得一道模糊的轮廓, 啥内容都瞧不出, 那怕既不是层级没做到位, 也怕还有整体的对比度不给力。

一个尚未看过这张海报之人, 此为另一项检验方法, 请让某人在完整看完过后进行内容复述, 要是他能够精准说出活动的名称还有时间和地点, 就表示前两档的层级是能够成立的；要是他压根儿什么也不曾记牢, 或是把内容给记混了, 就表示层级设置并没有达到信息所应具有的传达目的。

信息层级做得足够好的话, 读者是无意识的——他全都读完以后感觉“很清楚”, 不过他不会察觉出来是层级在起作用。做不好, 读者也说不出来自哪儿不对, 只会觉得“有点儿乱”。

所以对设计师来说, 做完之后让随便身边一个人看一下, 听下他的第一反应、看他的当下直观反应, 往往比起纯自我判断会要更靠谱些的多。他瞧明白了那就算成了、他说不上感觉有什么问题的话、还是觉得哪儿会那么一点点不对劲, 那就是层级还要再再次去拉扯协调下具体对比关系。