浅析网页设计中汉子的排列小技巧--广州网页设计公司分享

对于内文，如果篇幅过长，应该考虑为其分栏。分栏的方式有两种：一种就是把整个篇幅平均分成几个相同容量的段块，另一种就是根据文本内容的结构，以自然 段为基础进行分栏，也就是每一段分为一栏，这种分栏方式能产生比较灵活自由、错落有致的视觉风格，但不是所有的篇幅都可以这样来分，它只适合于自然段比较明显均衡，段落数量不多，各个段之间的文本容积相差不大的条件下才可以实现。分栏的另一个要注意的地方就是栏宽的确定，一般来说，15-25个字的栏宽视觉效果比较适舒，超长或超短都会引起阅读的不方便。

好的字体要用好的表现方式，对于每一种字体的挑选，一定要根据版面传达的内容和气质进行对照选择，不要带有个人喜好，许多平常不用的基础字体要尝试着去用，这样能加深对字体的理解，还有就是参考好的设计作品，看他们是如何使用文字的。总是就是不要乱用，要有切实可行道理，关键就是一定要有视觉美感。

先要明白的一点就是：不同的字体有着不同的性格和气质，也就是说字体是有生命的。许多设计师对使用字体很迷茫，不知道什么情况下该使用什么样的字体，其实这就是没有去真正关注字体性格的结果。

现在电脑上的字库五花八门，基本上我们所需要的字体在里面都能找到，但似乎选择的余地越大情况却越糟糕，各种字体出现在不应该出现的场合已是司空见惯！所以我们要学会区分各种字体的适合范围，一个基本原则就是字体的气质与版面的气质是否吻合？但有些字体在设计中却尽量少用或避免使用，比如文鼎的新字库里面的稀奇古怪的字体，非常粗俗，层次很低，然后就是综艺体、中行书、隶书之类的电脑字体，粗糙难看，气质很差。

真正经得起推敲的几种字体是：宋体（标宋、书宋、大宋、中宋、仿宋、细仿宋）、黑体（中黑、平黑、细黑、大黑）、楷体（中楷、大楷、特楷）、等线体（中等线、细等线）、圆黑体（中圆、细圆、特圆），这些字体是一些标准的基础字体，虽然普通却很耐看，一般内文都使用这些字体。

字号的大小：

字号的大小确定需要有三个依据：一是各个层级元素之间的对比关系，a应该比b大多少，c应该比b小多少，应该要把各个层级之间的轻重关系体现出来。二是版面整体比例关系，也就是让文字突出但不唐突，弱化但要可见。三是成品的视觉效果，这是重要的，比如一段内文，在报纸广告上可能8号至10号就足够了，但在海报招贴上，因为阅读距离的不同，可能需要24号字以上才能看清楚，而在形象画册上，6号至8号字都能看得很清楚，10号字都已经感觉偏大了一点。

所以根据不同的成品媒介考虑不同的字号大小是非常重要的，千万不能依赖电脑屏幕的显示效果做为终依据，要经常培养对字号大小的敏感程度，在一个经验丰富的设计师眼里，8号字和9号字的区别是非常大的，它们代表着完全不同的表现力。总之一点，字号的大小是一种固定物理尺度，在设计中不能以单纯的感性观察作为确定依据，而要同时加入理性经验和成品概念来作为参考的依据。

一般来说，字距的确定是由字体结构来决定的，因为每种字体对字符的占用空间是不一样的，比如楷体，结构比较自由灵活，对字符四边的占用率比较小，所以它所要求的"字距"也相对较小，字距太宽的话视觉效果就会散，阅读起来很吃力。而黑体和宋体则对四边的空间利用率很高，字符很满，因此它所需要的字距空间就比楷体要稍微大一点，才能让阅读者感觉舒适在正常情况下，电脑的默认字距都偏宽，应该适当把字距调小一点。

行距的设计，则能体现一个文字篇章的气质，汉字的行距设定一定要比字距大（除非你纯粹在追求一种特殊效果），行距小应该在字高的50%以上才会看起来 舒适，才能让"行"的感觉出来。单个汉字在设计中是一个个"点"，汉字的编排就是把这些点连成我们需要的线、面、形体，让它为设计服务，至于是让它成为点还是线或者是面，就完全由字距和行距所决定，有时我们在做一些比较大气的版面时，为了寻求一种视觉张力，会把文字行距处理超常地宽或窄，以加强每行字在设计版面中的作用力，充当"节奏线"的概念。有时也可以夸张字距，让字距超常地宽，让文字在设计中起到"点"的作用。

气口的设置：

汉字的编排不象英文，英文有上标下标，有单词之间的空隔，所以排列起来感觉很有节奏感和韵律感，汉字每个字之间都太规则，所以排列起来沉闷无趣，要打破这种局面，就要学会设置气口。所谓气口，就是能让大篇幅文本透气的空间，让阅读者有喘气的机会。一般来说，汉字编排中气口的设置在段前段后进行，气口的基本特征就是比正常的行距要大、与文字篇幅外围的大面积留白相连接、具有与空气对流相同原理的空白视觉通道。

气口的设置根据设计的具体需要进行设置，篇幅小的时候一个气口就足够了，篇幅大而复杂时，则需要设置多个气口，尤其是抽象、枯燥的技术型文本块，由于层级关系复杂，更需要针对不同层级设计不同的气口，这样能缓和阅读的紧张感，让文本块看起来有节奏感和趣味性。要注意的是，气口的设置一定要在自然段或自然章节的前后进行，不要勉强拆分一个完整段来设置气口，这样会破坏文本本身的完整性。

文本块的顶部与其它相邻元素的空间也就应该保持至少3个字符的安全距离，而且越多越好。文本块的右边和下边对空间的需求相对较小，一般保持1个字符以上的安全距离就可以了。当然这并不是绝对的数值，许多情况下这些规则是可以被打破的，我们在设计的过程中应该多进行这种视觉实验，多揣摩好的设计作品的文本外围留空是怎样的，提高自已对这方面的认识，以后就会慢慢掌握留空的方法。