网页设计中字型的排列也是非常有技巧的,它不同于英文字母的排列顺序,那就不多废话我们奔入主题!
文字分栏:
对于内文,如果篇幅过长,应该考虑为其分栏。分栏的方式有两种:一种就是把整个篇幅平均分成几个相同容量的段块,另一种就是根据文字内容的结构,以自然 段为基础进行分栏,也就是每一段分为一栏,这种分栏方式能产生比较灵活自由、错落有致的视觉风格,但不是所有的篇幅都可以这样来分,它只适合于自然段比较明显均衡,段落数量不多,各个段之间的文字容积相差不大的条件下才可以实现。分栏的另一个要注意的地方就是栏宽的确定,一般来说,15-25 个字的栏宽视觉效果比较适舒,超长或超短都会引起阅读的不方便。
字型的设定:
好的字型要用好的表现方式,对于每一种字型的挑选,一定要根据版面传达的内容和气质进行对照选择,不要带有个人喜好,许多平常不用的基础字型要尝试着去用,这样能加深对字型的理解,还有就是参考好的设计作品,看他们是如何使用文字的。总是就是不要乱用,要有切实可行道理,关键就是一定要有视觉美感。
先要明白的一点就是:不同的字型有着不同的性格和气质,也就是说字型是有生命的。许多设计师对使用字型很迷茫,不知道什么情况下该使用什么样的字型,其实这就是没有去真正关注字型性格的结果。
现在电脑上的字型档五花八门,基本上我们所需要的字型在里面都能找到,但似乎选择的余地越大情况却越糟糕,各种字型出现在不应该出现的场合已是司空见惯!所以我们要学会区分各种字型的适合范围,一个基本原则就是字型的气质与版面的气质是否吻合?但有些字型在设计中却尽量少用或避免使用,比如文鼎的新字型档里面的稀奇古怪的字型,非常粗俗,层次很低,然后就是综艺体、中行书、隶书之类的电脑字型,粗糙难看,气质很差。
真正经得起推敲的几种字型是:宋体(标宋、书宋、大宋、中宋、仿宋、细仿宋)、黑体(中黑、平黑、细黑、大黑)、楷体(中楷、大楷、特楷)、等线体(中等线、细等线)、圆黑体(中圆、细圆、特圆),这些字型是一些标准的基础字型,虽然普通却很耐看,一般内文都使用这些字型。
字号的大小:
字号的大小确定需要有三个依据:一是各个层级元素之间的对比关系,a 应该比 b 大多少,c 应该比 b 小多少,应该要把各个层级之间的轻重关系体现出来。二是版面整体比例关系,也就是让文字突出但不唐突,弱化但要可见。三是成品的视觉效果,这是重要的,比如一段内文,在报纸广告上可能 8 号至 10 号就足够了,但在海报招贴上,因为阅读距离的不同,可能需要 24 号字以上才能看清楚,而在形象画册上,6 号至 8 号字都能看得很清楚,10 号字都已经感觉偏大了一点。
所以根据不同的成品媒介考虑不同的字号大小是非常重要的,千万不能依赖电脑萤幕的显示效果做为终依据,要经常培养对字号大小的敏感程度,在一个经验丰富的设计师眼里,8 号字和 9 号字的区别是非常大的,它们代表着完全不同的表现力。总之一点,字号的大小是一种固定物理尺度,在设计中不能以单纯的感性观察作为确定依据,而要同时加入理性经验和成品概念来作为参考的依据。
字距和行距的再设计:
一般来说,字距的确定是由字型结构来决定的,因为每种字型对字元的占用空间是不一样的,比如楷体,结构比较自由灵活,对字元四边的占用率比较小,所以它所要求的” 字距” 也相对较小,字距太宽的话视觉效果就会散,阅读起来很吃力。而黑体和宋体则对四边的空间利用率很高,字元很满,因此它所需要的字距空间就比楷体要稍微大一点,才能让阅读者感觉舒适在正常情况下,电脑的预设字距都偏宽,应该适当把字距调小一点。
行距的设计,则能体现一个文字篇章的气质,汉字的行距设定一定要比字距大(除非您纯粹在追求一种特殊效果),行距小应该在字高的 50% 以上才会看起来 舒适,才能让” 行” 的感觉出来。单个汉字在设计中是一个个” 点”,汉字的编排就是把这些点连成我们需要的线、面、形体,让它为设计服务,至于是让它成为点还是线或者是面,就完全由字距和行距所决定,有时我们在做一些比较大气的版面时,为了寻求一种视觉张力,会把文字行距处理超常地宽或窄,以加强每行字在设计版面中的作用力,充当” 节奏线” 的概念。有时也可以夸张字距,让字距超常地宽,让文字在设计中起到” 点” 的作用。
气口的设定:
汉字的编排不象英文,英文有上标下标,有单词之间的空隔,所以排列起来感觉很有节奏感和韵律感,汉字每个字之间都太规则,所以排列起来沉闷无趣,要打破这种局面,就要学会设定气口。所谓气口,就是能让大篇幅文字透气的空间,让阅读者有喘气的机会。一般来说,汉字编排中气口的设定在段前段后进行,气口的基本特征就是比正常的行距要大、与文字篇幅外围的大面积留白相连线、具有与空气对流相同原理的空白视觉通道。
气口的设定根据设计的具体需要进行设定,篇幅小的时候一个气口就足够了,篇幅大而复杂时,则需要设定多个气口,尤其是抽象、枯燥的技术型文字块,由于层级关系复杂,更需要针对不同层级设计不同的气口,这样能缓和阅读的紧张感,让文字块看起来有节奏感和趣味性。要注意的是,气口的设定一定要在自然段或自然章节的前后进行,不要勉强拆分一个完整段来设定气口,这样会破坏文字本身的完整性。
文字块的顶部与其它相邻元素的空间也就应该保持至少 3 个字元的安全距离,而且越多越好。文字块的右边和下边对空间的需求相对较小,一般保持 1 个字元以上的安全距离就可以了。当然这并不是绝对的数值,许多情况下这些规则是可以被打破的,我们在设计的过程中应该多进行这种视觉实验,多揣摩好的设计作品的文字外围留空是怎样的,提高自已对这方面的认识,以后就会慢慢掌握留空的方法。