文字在界面设计中，不仅局限于信息传达意义上的概念，更是一种优美的艺术表现形式。文字不仅具有启迪性和宣传性，还引领了人们的审美时尚。文字是版面的核心，也是视觉传达最直接的方式。运用精心处理的文字材料，完全可以制作出效果很好的界面，不需要任何图形，可以说，能驾驭文字，设计就成功了一半，甚至全部。

3.1.1 字体、字体大小、字距与行距

1.字体

字体设计是版式设计的一个重要部分。选择适当风格的字体在界面设计中是十分重要的，通常，标题所选用的字体应该是一致的，同一篇文章所选用的字体也应该是一致的。在控制了字体使用的一致性之后，要留意使用同一字体也会存在不同宽度和笔画上的不同粗细，图3-1所示为凯尔特字体中的一些字体样。

常用的中文字体主要有宋体﹑仿宋体﹑黑体﹑楷体﹑隶书等几种字体。在标题上往往为了达到醒目的程度，又出现了粗黑体﹑粗圆体﹑细圆体以及手绘创意美术字等。在版面构成中，如果选用了过多的字体，会显得凌乱而缺乏整体感。在某些局部，如在表达一个重点的词组或主标题上选用不同的字体，会达到强调传达的信息的意图。在使用加粗﹑变细﹑拉长﹑压扁﹑倾斜时，应考虑到这样的处理是否符合内容和主题，比如一个严肃的主题配以倾斜的字体就不太适合。

常用的英文字体有罗马体（正体）和意大利体（斜体）。此外，还有无饰线体﹑歌德体﹑草书体等。在英文字体中，大写字母总是顶部对齐的，而小写字母是底部对齐的。在标题中使用时，注意将大写和小写字母的上下空间设计进去。同时注意，文字的间隔和文字区域内空间的互相作用，选择字体时也应该适合主题。

图3-1

2.字体大小

字体的大小对比可以产生一定的主从韵律和节奏感。大的字体可以烘托主题和吸引人的注意。有些粗的字体加大后还可以形成一个点﹑线，或者面，可成为版面的重要组成部分，起到活跃版面的效果。小的字号显得精致﹑细腻，由于拉丁文字是线性排列缩小后变成线，而不像汉字是方块字，缩小后变成点，所以运用好字的大小在版面构成方面十分重要。

字的大小在考虑艺术风格的同时也应考虑用户端分辨率的限制，以防出现字体过小而看不清的情况。如图3-2所示。

图3-2

3.字距与行距

字距与行距的把握是设计师对版面的心理感受，也是设计师设计品位的直接体现。对于一些特殊的版式来说，字距与行距的加宽或缩紧更能体现主题的内涵，文字分开排列的方式使人感觉疏朗清晰﹑现代感强。

图3-3为Helvetica字体的正常体和粗体。

图3-4为将Helvetica两种不同大小的字体混合在一起。

图3-5﹑图3-8为两种行间距较宽松的情况。

图3-6﹑图3-9为当字体中有较长的斜向笔画时，其所占用的空间比其他字符大，需要通过改变个别字间距来补偿。

图3-7为排版时行间距的大小依照字母间的相互关系确定。

图3-10为行距的磅值小于字体的磅值，造成有趣的形式，但阅读功能有所减弱。

图3-11为行间距﹑字间距同时扩大后的效果。

图3-12为连字效果，即字符被组合起来形成一个字符。

图3-3

图3-4

图3-5

图3-6(www.daowen.com)

图3-7

图3-8

图3-9

图3-10

图3-11

图3-12

3.1.2 文字编排的表现

文字编排可横排也可竖排，一般横排居多。横排从左到右的宽度要整齐，竖排从上到下的长度要整齐，使人感觉规整﹑大方﹑美观，但要避免平淡，设计师可采用不同形式的字体穿插使用，既可增加变化但又不失整体效果。

1.左齐或右齐

让每一行的第一个字母都统一在左侧的轴线上，右边可长可短，给人以优美自然﹑愉悦的节奏感。左齐的排列方式也非常适合人们的阅读习惯，容易产生亲切感。

与左齐相反，右边的字尾都统一在右侧的轴线上，与人们的视觉习惯相悖，但凭此可标新立异，新颖﹑有格调，成为极具现代超前意识的版面构成。

2.居中排列

以版面的中轴线为准，文字居中排列，左右两端字距可以是相等也可以是长短不一。这种排列方式能够使视线集中，给人优雅﹑庄重的感觉，但有时阅读起来不太方便。如果是在整版的正文内容较多的情况下，不宜采用此种排列方式。

如图3-13所示，举例说明通过改变字体大小﹑对齐方式﹑放置位置等手段将文字进行版面处理，有效地营造并且调节视觉的紧张与松弛感。

图3-13

3.群组编排

将文字组合在方形或长方形或具象的形象中，并将文字群组，如图3-14所示。这种编排方式在版面构图中应用广泛，主要功用是避免了版面空间的凌乱，使其看起来清楚明了﹑整体划一﹑主题突出﹑富有较强的现代设计意识。

图3-14

4.图文穿插

计算机新技术的开发和应用，促进了文字处理系统的革新。图文穿插过去在铅字排版中工效不高，但在电脑排版中则是非常轻而易举的事情。这种具有插图性质的处理手法非常广泛地运用于文学作品和产品宣传手册中，给人以亲切﹑生动﹑平和的感觉。值得注意的是，版面无论怎么排列，都要注意避免杂乱无章的感觉，要遵循一定的规律，以保持版面的完整性。

5.远近对比

文字的远近一般可以通过大小的对比，黑﹑白﹑灰的对比，动静的对比，质感的对比，构图的前后等关系来获得。如版面上的大标题﹑主要菜单指令做近景时，副标题﹑正文或次级指令就做中景或远景了。在远近的空间编排层次上，一般来说，近景要活跃﹑突出﹑高调些；远景趋于安静﹑平和些。这样的版面才显得有序，并能够产生韵律之美。

6.主次对比

文字的主与次是指在信息传达的角度，从文字的大小﹑色彩﹑动态效果﹑字体等几个方面来设定的，实际上将信息作主次分级后并进行传达。面积大的字和动态强的字容易先进入人的视线，反之则不容易被人所关注。在图面设计和文字设计中，主次对比不明显的话，一是缺乏艺术美感；二是容易造成信息传达的混乱。