设计师困惑:网上简约版式好看,自己照搬却不行?5个细节揭秘
许多设计师感到困惑,为何众多网络上的页面布局案例,虽然看起来朴素,既未运用过多花哨手法,也点缀了少量组件,却给人美观且富有设计感的印象,而自己采用相似方法设计时,却常被评价为过于单调、缺乏吸引力呢?关键因素在于对细节的把控上存在差异,因此,葱爷现在将介绍五种页面布局的细节处理技巧。
一、字体的选择
挑选恰当的字体至关重要,一旦此项环节出错,后续工作都将付诸东流,我们一般会依照以下几种情形来确定字型:
1、根据行业属性选择字体
各个领域带给人的视觉感受存在显著差异,尤其对于那些行业特性迥异的领域,例如科技行业呈现出当代的、简洁的、精准的、逻辑性强的、档次高的特质,因此,字形和构造较为简练、规整、锐利的字体较为适配科技行业,诸如苹方简体、思源黑体、阿里妈妈数黑体、金山云技术体等无衬线字体。
一些服务性商业场所给人的印象通常是贴近大众的、朴实无华的,或者是带有岁月沉淀的,因此,温和、带有古典韵味的字体比较适宜,例如毛笔字、手绘风格、仿宋体、正楷、古篆等。
比如母婴领域给人的观感是温馨的、灵动的、柔和的,因此适配该领域的字体往往具备这些特质:线条圆润、笔画偏重、含有诸多弧度、字形较宽阔、布局较为随性等,诸如圆体字、儿童体、稚拙体、手绘体之类。
2、根据调性需求选择字体
客户提出设计要求时,往往会对风格有具体说明,例如希望显得新颖,或者追求气派,又或者喜欢生动,这时就必须按照客户指明的风格挑选字体,不过在此之前,必须明确各种字体的风格特点。
若顾客追求前卫、新潮的格调,这种风格往往彰显个性、不拘一格、突破传统,因此适宜选用一些笔画颇具表现力的手写风格,以及线条较粗犷、形态简洁、构造硬朗、内部紧凑的字体。
客户追求奢华、庄重、高档的格调,这种风格体现为含蓄、细腻、典雅的特点,因此需要选用笔画纤巧、字形苗条、重心偏高、显得专业且经典的字体,例如宋体和黑体。
当顾客追求温馨且感性的风格时,选用温和敦厚的字体更为适宜,例如笔画纤秀的手写样式会显得格外贴切。
3、根据配图选择字体
若有配图出现在版面中,这些图像会显著影响设计的整体氛围,因此必须依据图像的内涵或图像的格调来挑选字体,例如,带有插画感的作品适宜选用随性洒脱的手写风格字型。
比如配图是中国风,那么就比较适合书法字体或者宋体等。
此外,也能够依据文字的表述来挑选字体样式,其运作方式与前面提及的几种情形相仿。
二、字号大小
版面里文字的大小,对视觉上的重要程度和整体感觉很有关系,我们可以把文字大小简单分为大号、中号和小编号这三种,当然这三种大小都是比较的概念,需要根据整个版面的尺寸,通过眼睛观察来判定。
1、大号字
大号字体能带来直接、年轻、亲切的视觉感受,运动海报、潮流海报、促销海报常采用这种方式,因为字越大,文字对整体画面的作用越明显,细节也会更突出,这就需要选用优质字库或自行设计字体来配合。
2、中号字
当版面中的文字大多采用中等尺寸时,会带来一种不寻常的视觉效果,因为这样的版面虽然易于阅读,却往往缺少高级感,原本这种设计多见于面向年长群体的方案中,而通过运用一些独特的技巧,这类版面能够展现出鲜明的特色和艺术魅力。
3、小号字
小号文字会营造雅致、高档的视觉效果,不过会削弱文字的可辨识度,还可能让人觉得内容不够关键,因此应当选用辨识度强的字体,例如宋体和黑体,并且字重宜选细一些,排版要利落规整。
4、大、小字号组合
文字在版面中呈现显著的大小反差,主次层级便极易辨识,视觉呈现也会更显活泼、开阔,普遍采用突出核心内容或重点词汇的字体,其余信息则予以缩小处理,这种布局手法多见于商业推广宣传品、纯文字展示的海报以及书籍内页的分割设计。
5、大、中、小字号组合
文字大小在版面中若能清晰分为三个层级,这种布局能形成多样的视觉层次,具备明确流畅的视觉引导,容易带来愉悦且正式的观感,特别适配内容本身已具备多重结构的版面。
6、中、小字号组合
当版面不采用巨大字号时,仅使用中号和小号字体,这种布局十分普遍,常见于画册制作、海报制作、网页制作等场景,此类版面具有细腻、平和的特质,并且充满多样性,主次层次依然清晰,适合以图片为中心或者文字内容繁多的版面。
三、字重
经典字型库中,多数字体包含三至七种不同粗细版本,重点的四种分别为:纤细体、标准体、中等体、粗体,这些不同粗细的字体在外观上差异显著,适合应用于不同环境。粗体通常用于主要标题,中等字重多用于次要标题和子标题,常规字重一般用于文章主体部分,而轻字重则多用于点缀性文字或辅助标题。实际应用时,文字的粗细程度需要与合适的字号相配合,才能取得最佳呈现效果,下面举例介绍几种常见的搭配方案。
1、bold加大号字
这种搭配适宜用于标题文字,也适用于宣传海报上的特价资讯等,能够显著强调关键内容,视觉上显得敦实且富有气势。
2、Light/Regular加大号字
这种搭配方式也适用于制作标题,它和采用大字号加粗的呈现方式不同,这种搭配方式能够凸显文字内容,同时不会显得过于生硬,在标题制作中,有时可以同时选用加粗和浅色/常规两种字体粗细,这样强烈的视觉反差能够显著提升整体设计的表现力。
3、Light加中号字
这种搭配也常用于海报或画册的版式设计,因为选用中等字号,即便笔画较细,文字依然保持清楚,同时看起来显得文雅细腻,此外,这种排版中的正文部分通常也要采用轻盈的字体,否则整体效果会显得不协调。
4、Light加小号字
这种搭配多见于文章排版中,主要针对不甚关键的文字,因其笔画过细,故不适宜用于排印大篇幅的内容,更适合少量文字的呈现,因此常用于名片、横幅、商品详情页以及界面设计中。
5、medium加中号字
这种排版方式在海报和画册设计中常见,用于标题呈现,选用中等字号能让文字清晰醒目,与大号字或粗体相比更显精致,格调更佳,尤适合科技、家电、服饰等领域。
四、字间距
字符间的距离稍微会小一些,可以简单地分为:标准距离(等于或接近设计软件系统预设值)、较窄距离(小于标准距离)、较宽距离(超过半个字符宽度)三种情况。
1、常规间距
标准间隔最为人眼所宜,观看时感到安逸,应用范围极为宽泛,几乎适宜任何情境,主要见于文本布局,但特定情形下,采用标准字缝,结果也会显得平平无奇。
2、小间距
小间距利于长标题的版式设计,常与大号字体、加粗样式联合运用,这种搭配能显著减轻小间距造成的阅读障碍,小间距的版式安排能让标题显得更为紧密、更为统一、更为集中。此外,在版面空间受限的情况下,压缩间距可以让字号有所提升,因此也有助于标题更加醒目。
3、大间距
文字间隔宽泛时,阅读流畅度会受影响,同时每行能容纳的字符量也会下降,因此宽间距常用于字数不多的版式设计,例如简短标题、宣传口号、点缀性文字、单行字符稀疏的文稿等。这种间距在视觉上会给人带来舒缓感,形成规律感,并体现出较强的艺术构思。
五、行距
段落间距也是版面布局中一个关键的要素,段落间距的宽窄不仅关系到阅读的流畅程度,还关系到整体视觉的和谐感与风格,按照段落间距的宽窄,可以区分为标准间距、较窄间距(比标准间距更窄)、较宽间距(比文字本身体积更宽)。
1、常规行距
标准行距一般设定为字符高度的1.2到2倍(以通用字体为例),这样的距离最为适宜阅读,既不会造成文字行之间显得过于疏远,也易于视觉辨识,因此经常被应用于正文的版式设计。
2、小行距
小行距与大字号、粗体字、小间距常配合运用,这类排版多见于标题和文字墙设计,其布局特点是紧密,整体感强,富有设计美感和视觉震撼力,同时具备艺术表现力,还能方便文字排布成特定形态。
3、大行距
段落间距过大,使得每行文字的阅读间歇会被拉长,从而带来几分韵味和韵律,不过视觉上容易显得有些松散,因此当文字量较丰沛时并不适宜,诸如诗歌、感怀类的文字内容则较为匹配。
六、结语
葱爷先讲解了版面构成时的字样形态、字符大小、笔画粗细、布局距离、段落间隔五个方面,这些方法并非不可更改的准则,设计领域本无固定规范,那些方法和心得主要供刚入行的人员使用,能让他们更迅速地完成并提升作品,倘若你足够优秀,便能够突破所有既定做法,排版环节中值得注意的方面还有很多,葱爷日后会逐步介绍给大家。