善用文字编排 创造美感吸晴内容

作者: fangjun 分类: 网站设计 发布时间: 2017-05-15 11:52

由于文书处理软件的出现以及知识传递速度的加速提升,使得排版和字体设计变为人人皆可学习的大众知识,但如果牵涉到视觉设计更深层面,就会发现内容的编排和设计,其实是需要经过长时间的实践与知识的累积,才能创造兼具美感及易读性的内容,在这里我们整理出一些编排的小技巧和基础知识,希望能让字体美学更广泛地传递给需要的人,也期待你们能与我们分享更多的设计巧思。

在编排文字前 你应该知道的四个重点

一、 内容的传达

任何的设计,主要核心都在于「清楚地传达主题」,文字编排的重点就在于藉由视觉美感的呈现,呈现更好的阅读方式,让对方能完整地接收讯息。

二、 文章易读性

文案编写者需要引导读者阅读,藉由图文的搭配、字体设计、版面编排等技巧延伸文章的「适读性(legibility)」。好的排版,需要让文字在呈现上具有连贯性和韵律感,并创造出文章整体的空间感。另一方面,文章的易读性又因读者所使用的阅读工具而产生变化,如报章杂志、书籍、等实体内容,或是网页部落格文章、电子书等数位内容的呈现手法,近年来更因为手机、平板等行动载具的兴起,坊间研发了各式阅读类的app,让读者自行设定适合的阅读环境。

三、 先理解后设计

排版要能呈现出文章的内涵,在编排前需先阅读并了解这篇内容想要传达什么样的内容、创作的风格等,再透过编排对每段文章进行诠译。

四、 配合读者

在编排时,需客观考量读者的年龄、阅读习惯及阅读环境等加以调整,如针对年龄较大的族群,则不宜使用新潮字体及较小字型,若文章并非针对特定族群所撰写,则可选择中性字体且无鲜明风格的编排方式。

排版的九大技巧

一、 字体的选择

circle建议「主要字体」可根据文字属性来决定,且为了整体视觉协调性,一个作品中,切勿使用过多不同的字体搭配,让画面不致凌乱,另一点要建议的是中文字体在搭配英数及符号时需分别采用不同字体设计,并考量读者使用的载具加以调整。

资深视觉设计师Janie Kliever强调每个字型都散发独特的情感或个性,需要靠编者自行判断字型所代表的感觉和整体设计的适配度; 套用字型设计师Eben Sorkin所说的一段话:「每个字体都有自己的声音,这些声音会影响我们阅读文字的感受和吸收知识的节奏。」

二、 字体大小

标题到解说注释的字体变化由大至小排列,必须先设定正文字体大小,在设置标题、注释等其它文字时才能达到平衡。以一般标准来订,印刷用文字应设置10~12之间,网页则应设置15~20之间较为适当,可应用 Type Scale 免费工具来检查Google字型库的字型呈现效果。

资深视觉设计师Janie Kliever强调每个字型都散发独特的情感或个性,需要靠编者自行判断字型所代表的感觉和整体设计的适配度; 套用字型设计师Eben Sorkin所说的一段话:「每个字体都有自己的声音,这些声音会影响我们阅读文字的感受和吸收知识的节奏。」

▲Type Scale操作画面

三、勿过度使用强调法

现今我们所使用的粗体(bold)、斜体(italic)等强调法,都是由西方排版概念衍伸而来,传统的中文排版较无显著的强调方式,而在使用强调前要注意的是勿过度使用、避免使用底线强调(超连结例外)、避免使用假粗体或是假斜体强调。

四、行宽及间距

内容每行字数的配置,有益于提高文章的易读性,伯乐在线统计出传统图书排版每行最佳字符数是55—75,实际在网页上每行字符75—85更流行。中文在14号字体时,建议35—45个文字;而间距的标准,正文适切的行高可设定为文章中文字大小的两倍,若是应用在网页设计中,则文字间距一般根据字体大小选1—1.5倍作为行间距。

然而行宽与间距会因使用的字体不同而产生不同的编排效果,所以在设计时并不需要完全参照标准值,可自行依照标准值进行调整。

五、 文字留白

如同说话时要保留适当的停顿时间让听者有时间消化内容一样,版面的留白可以留给读者想像的空间。

六、 CRAP设计四原则

对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity),此四个要素为设计的基本原理,详细的介绍请参考↓↓

伯乐在线

七、 视觉韵律感及比例配置

Elements of Typographic Style 的作者Robert Bringhurst 曾提到,版面如果要创造视觉韵律感,在于字体的明暗程度所呈现的「颜色差异」,以下是他整理出会影响版面明亮平衡的重要因素︰字本身的设计、字母之间的距离、单字之间的距离以及每一行之间的距离。

八、 文字对齐

对齐方式需保持一致性,一般皆采用置左对齐的方式,让读者不用再花时间适应新的排版,且如每个段落行等应对齐的地方需设定好,以维持版面的整齐。

九、 适合的颜色及背景搭配

如果要设定文字颜色,必须考量字体颜色与其它元素间的搭配效果,色系冲突或是颜色过于相似都会对读者造成负担,可根据现有的色系组合来设计。另一方面,最好不要使用过于复杂的背景或是图案,容易模糊重点,如果真的要使用,请尽量放在边角地带或是文字区块以外的位置。

结论

如同前述所说,版面的编排需要日积月累的训练与实践,平日可多观察生活周遭的设计作品或是多浏览设计相关网站,以锻练自己的判断力和眼力,最重要的是要站在读者的角度去看待自己的作品。

发表评论

电子邮件地址不会被公开。 必填项已用*标注