在版面设计中,设计师可以通过调整文字的大小、位置、倾斜角度,或者添加线框和符号,又或者采用首字下沉、垫色和创意变体等方式对文字进行艺术加工。
这些方式可以使文字的个性和特点更鲜明,使版面的视觉表现力更强烈,避免单调乏味,起到美化和活跃版面的作用。
文字的大小对比
在编排文字时,加粗或放大文字可以使该文字与其他文字形成对比,使其在版面中更突出、醒目,使版面的层次结构更丰富,还可提高版面的视觉张力,常用于设计具有总结归纳作用的刊物标题和重要文字。
在这个彰显文字魅力的版面中,设计师将字母进行放大处理,使其与其他字母形成强烈的大小对比。这种处理方式打破了单调的版面,使版面看起来非常具有冲击力和跳跃感,并且能够吸引人们的视线。
文字的位置变化
文字之间既相互排斥,又紧密相连。将文字进行随机排布,可以形成一种无秩序的效果,这种表现方式非常随意,并且没有规律可言。
这种自然无序的排布方式不仅使版面看起来更自然、活泼,还起到了丰富版面和平衡视觉的作用。
在这张以文字排版为主的海报中,版面最大的亮点是将字母的位置进行随机分布。这种处理方式不仅使版面更有层次感,还提高了版面视觉的跳跃感,使版面更灵动、活跃。
文字的倾斜处理
在视觉上,倾斜能够给人带来紧张感和动感。将文字进行倾斜处理可以使文字更具有个性,体现了统一当中求变化的形式美。
这是赛车运动的宣传画册版面,以倾斜构图为主,标题和正文也进行了倾斜处理,打破了中规中矩的文字排版方式,充分表现了赛车运动的速度感。
为文字添加装饰元素
为文字添加线条、边框和几何元素,可以将文字从背景中抽离出来,提高文字的视觉表现力。
常用的表现手法有:为文字添加描边效果使文字轮廓更加清晰,为文字添加下画线或边框进行重点提示,在文字笔画的局部融入图形元素进行装饰等。
在这个版面设计中,设计师先用颜色将次要文字进行弱化处理,然后使用醒目的红色线条和黑色将重点文字进行突出显示。虽然版面中没有采用过多的设计元素进行装饰,但版面整体非常具有视觉冲击力。
将文字进行创意变体
将文字进行创意变体是一种非常具有设计感的表现形式,不同的字体有不同的艺术表达手法。可以将文字进行具象化的拟人或拟物变化,也可以让文字变得更加理性、抽象。
总之,优秀的字体设计不仅可以使版面标新立异,还能吸引大众的视线。对文字进行创意变体时要把握好变化的度,在将文字进行“形”的艺术加工时,还要考虑文字“义”的体现,过度的创意变化会使文字变得复杂、混乱,从而失去了文字本身的形式美,并且不容易被人识别。
这是一张法国巴黎的演唱会宣传海报。设计师将音乐会的主题文字进行了创意变体,构成了埃菲尔铁塔的造型,使版面所要传达的形式美和浪漫主题完美结合。
文字排版小知识
印刷出版物常见字号
以书籍、杂志为例,一般标题字号设置为14磅以上,正文字号设置为8~10磅,附注说明等文字字号设置为4~6磅。
当然,以上字号大小的设置都不是绝对的,设计师要根据实际开本、文字数量和版式风格进行综合考虑,灵活设置字号的大小。这里需要特别强调一点,在印刷刊物中最小的字号不能小于4磅。
网页设计常见字号
因受显示器和浏览器等因素限制,网页设计常用的字号一般是12~28px范围内的偶数值。为满足阅读需求,正文字号通常设置为12px,不建议使用小于12px的字号,否则识别性较差。
段落标题字号一般设置为14~16px,大标题字号可以设置为20~28px,不建议使用大于28px的字号,否则会显得特别突兀。
移动端界面设计常用字号
因为受应用系统、手机型号、屏幕尺寸和分辨率等因素影响,所以移动端界面设计尺寸碎片化非常严重。这里只介绍基于@2X倍率屏幕尺寸下的常用字体及字号。
iOS字体
IOS9 中文字体:苹方/ PingFang SC。
IOS8 中文字体:黑体-简。
IOS英文、数字:Helvetia。
Android字体
4.X版本中文字体:思源黑体/ Noto Sans Han。
4.0以下版本中文字体:Droid Sans Fallback。
英文、数字:Roboto。
在@2X倍率屏幕尺寸下,无论是哪种操作系统,其字号一般设置为20px~36px的偶数值。一般导航或主标题的字号设置为34px或36px,正文字号设置为32px或34px,副文字号设置为24px~28px。
这里需要特别强调一点,最小字号不能低于20px,因为低于20px的文字手指很难触达,影响人机交互体验。
字间距的设置
字间距是指字与字之间的距离。在大多数设计排版软件中,字间距是默认的,不需要做特殊调整。字间距过密或过疏在视觉上都会显得不协调。
字间距太小,文字会显得太密集,不易阅读;字间距太大,文字会显得很松散,容易分散人们的视线。
这是一幅关于自然环保的展会物料设计图。方案一的版面文字以聚合为主,突出了版面的视觉重心,从而抓住人们的眼球,但会令人感到保守、拘束。方案二的版面文字进行了分散排版,用较大的字间距刻意分散人们的视线,增强了版面的透气感,使版面更加贴近会议主题。
行间距的设置
行间距是指行与行之间的距离。行间距的设置比字间距更灵活,较大的行间距能够使文字呈现出线的形态,较小的行间距能够使文字呈现出面的效果。
根据不同的版面风格,行间距可以适当增大或缩小。通常标题的行间距可以和标题字号的高度相同,正文的行间距可以是正文字号高度的1.5倍,部分艺术类书籍或文艺范刊物的正文行间距可以是字号高度的2倍。
当然,以上行间距的大小并非绝对,要根据实际情况灵活调整,以符合版面的整体风格。
这是书签设计的两个方案。方案一,版面文字采用了左对齐方式,段落文字的行距是正文字号高度的1.5倍,视觉上更显紧凑,与上方的标题和插图形成了区块对比;方案二,版面文字采用了居中对齐方式,段落文字的行距是正文字号高度的2倍,版面整体看上去更舒缓,与版面所要传达的诗意效果更匹配。
段间距的设置
段间距是指段落与段落之间的距离。设置段间距的主要目的是使读者能够明确看到段落之间的起始和结束位置,避免多段文字混在一起造成的阅读困惑。
一般段间距应该明显大于行间距,这样才能使版面的层次感更强,条理更清晰。
修改前,段落排版明显是错误的,主要原因是段首没有空格提示,并且段间距和行间距相同,这导致两段文字首尾相接,看起来像一段内容。修改后,段首进行空格提示,且段间距大于行间距,段落划分一目了然。