文字就是工具：学会如何恰当地运用它，就能提高设计水平

当你对文字使用斜体的时候，其后的标点也应该使用斜体吗？连体字是什么意思？某些字体真的带有耳朵吗？

曾几何时，这些都仅仅是排版人员和文字编辑所要烦恼的问题。如今，却都成了设计师要考虑的事情了。第一个问题的答案可以在如下的例子中找到，而其余问题的答案则需要你继续往下探寻。

不过，排版中出现的问题何止万千。对于任何可能出现的问题，请在《超越平凡的平面设计：怎样做好版式》中寻找答案。

1.应该怎样做？

在无数的排版工作中，总会冒出无数的排版小问题。只要参考合适的资料，每一个问题都能找到对应的解决办法。学会恰当地处理各种问题将会提升你的排版能力。

字母后标点的正确格式

罗马体、罗马体

斜体、斜体

罗马体、斜体、罗马体

2.设定适宜的间距

窄栏文本不便阅读，更不便排版，尤其是两端对齐的时候。如下的例子截取自一段新闻，说明了这种情况。

A原始

B两端对齐

C左对齐

D宽栏左对齐

A方案中文字就像流水般不规则，当我们对一段极窄的文本使用两端对齐的时候常会发生。解决办法就是B方案，一定程度上放宽字距和紧缩词距，看上去好多了；另一种方法就是C方案，即让文本左对齐，所有多余空格排在行尾；更好的办法就是D方案，使用较宽栏并左对齐。

3.学会使用连体字

所谓连体字，就是把两个或以上的字母合并成一个而形成的字体样式。最常见的连体字是fi 和fl，两者在英文里常常出现，并且属于大多数字体的标准字母设置的一部分。许多连体字都含有小写的f，一些连体字则包含更多的额外组合。

连体字被认为是很好的字体样式，但并不是哪都能用，以下是连体字的三种最典型的使用环境。

非连体 连体

Bookman字体美观大方，连体或非连体都好看。

非连体 连体

Garamond字体古典雅致，应该采用连体。注意，非连体时，字母f和i相互抵触。

非连体 连体

Century Expanded字体若不使用连体，看上去就像有两个点；连体则可消除这一错觉。

4.使用合适的分式格式

分式，也属于字体的一部分，不能简单地认为它就是全尺寸数字的缩小版。它们在笔画粗细和比例上都应该特别贴近全尺寸数字。如果选择的话，应当使用标准分式数字字体。

如果你没有分式数字字体，那就自己制作。对分子和分母分别使用软件的上标和下标功能，然后设置整数部分字体尺寸为70%（请根据字体来定），并使用分式斜线将分子和分母隔开，注意不要使用普通斜线。将上标的位置调至28%，或与整数部分数字的顶部对齐，下标位置至0。

较窄

上标和下标

分子分母使用的普通数字字体并缩小（一般缩至60%），结果，它们看上去比全尺寸数字细。

较宽

标准分式数字体

加强了笔画和比例，因此它们的粗细和“灰度”便可与全尺寸数字搭配了。斜着看更明显。

对于自制分式

我们将上标的分子与整数部分数字的顶部对齐，对其使用Univers 57 Condensed字体，尺寸设为60%，位置设为28%，在InDesign软件的文本参数对话框里设置（InDesign：编辑→首选项→高级文字）。

为了易于辨认

当字体极小的时候，尝试将上标的分子尺寸设为80%，位置降到14%处。80%几乎等于全尺寸了，如果读者还是不太看得清，那最好将全体数字的字号放大。

5.对齐边缘

你是否注意到，有时候明明将文本边缘（左边或右边缘）垂直对齐了，看上去却仍旧参差不齐？那是因为，边缘线虽直，字母并不直，其笔画的曲线，交叉以及标点符号可以制造未对齐的假象。InDesign软件的悬挂标点工具可以解决这个问题。

使用悬挂标点之前

电脑显示边缘确实对齐了，但是眼睛告诉你不是这样。字母和标点符号具有不规则的形状这使边缘看起来参差不齐。

现在我们要为某女子大学设计一张学术节目单，并要使用这张表情严肃，面部充满雀斑的女模特的照片。需达到的设计目标是，既要向人传达出节目的严肃和务实之感，又不失其新鲜活力和个性（无建筑物与地面的图像）。重点体现时尚感会更好，色彩凌驾于各种要素之上。

1.放大照片

每张照片本身就具有色调。我们首先要找到这个色调并对其进行整理。放大照片，你看到的颜色之多将会使你惊讶无比。

以正常的距离（左图）观察照片，我们只看到几种颜色：皮肤的肉色，头发的红色，瞳孔和外套的蓝色。一旦将其放大，无数的色彩便出现了！第一步，减少色彩的数量使照片便于处理，以16、32、64位为上限在Photoshop里，先复制照片图层以防丢失，然后选择滤镜>像素化>马赛克（右图）将单个的像素变大，则色彩数目就会变少。如果想要增添色彩，则只需缩小像素的尺寸。

2.提取色彩

现在使用吸管工具将色彩提取出来。顺序是由大块色（看到最多的颜色）到小块色。为形成对比，每块颜色都要从像素中分别提取出深、中、浅三色。

首先处理大块的色彩，即随意一瞥就可看到的颜色：女模特的肤色、发色以及衣服颜色。然后再处理小块色，如她眼睛、嘴唇、头发高光以及柔和阴影的颜色。这张照片分为亮部和暗部，虽然不明显，但请一定注意。取样颜色时应逐步进行，完成一个部分再到另一部分。整理所得色彩，先依照色相将所有颜色排列好，再按照明度（由浅到深）将单个颜色排列好，去掉近似色。最后得到的规律定会令你惊喜。

3.尝试使用各种颜色

将照片放在每种样色上对比，结果令人满意，不是吗？有趣的是，照这种方法搭配的效果总是不错，因为选用的这些色彩本就存在于照片中。

暖色

以下四种属于暖色——粉红色、浅橙色、深褐色、棕色，均提取自红发的女模特。暖色背景使人物显得更柔和甜美，所以这种色系适用于传递美容或者表达关爱的信息。

冷色

冷色系主要是蓝色，更擅长表现一种严肃务实的感觉，适用于传达直截切题的信息。注意，色彩的明度值越低，女模特的脸部显得越明亮，就好像她穿越页面，向你飞来。

4.添加色彩

下一步就是添加更多色彩。选择提取出的任一颜色，并将其在色轮上定位，因为色轮能展示出各种颜色间的关系。

选择照片上的任一色彩，比如蓝色，然后在色轮上找到与它大致相同的颜色。我们将此颜色称为基色。大家知道，基色与照片已能相互搭配，现在我们要做的就是寻找其他可与基色协调的色彩。记住，如果还要使用文字或其他图形（这是很典型的情况），需要同时添加深色和浅色，以便各元素形成对比。

5.创建色调

现在我们根据基色，便可以创建出一个与版面协调的色调范围。不同明度的色彩可混合搭配，比如，中蓝色可与蓝绿色及深紫色搭配。

单色调

首先是基色的深、中、浅三色的组合，这被称为单色调。单色调没有色相变化，却提供了深、浅的色彩明度对比，这在优秀平面设计中是很重要的因素。

近似色色调

与基色紧紧相邻的颜色便是其近似色。近似色间具有很强的潜在关联性，如图中的蓝绿、蓝色和蓝紫色，营造出一种赏心悦目的协调感。近似色色调类别丰富，运用起来也很简单。

补色

如图与基色相对的颜色便称为基色的补色，即橙色系。补色形成对比，一种颜色与其补色配合可传达出力量、气势和活力。通常，强调色的使用量比其补色少，例如上图所示，在一片蓝色区域中使用一点橙色，橙色就作为强调色。

分裂补色

与基色的补色左右相邻的颜色称为基色补色的类似色。这些颜色组合在一起形成分裂补色。近似色间柔和的美加上互补色间强烈的视觉冲击，使得此种色调独具感染力。本例中，蓝色将最可能被用作强调色。

补色/近似色

这种色调与分裂补色色调原理相同，但却包含了更多色彩。增加的色彩范围使暖色之间的过渡更柔和协调，并与冷色形成更鲜明的对比。这是一种紧张而激烈的色调组合。

近似色/补色

基色与其近似色组合制造的协调感被其补色阻断。记住，两对比色若明度相同，则趋于冲突；明度不同，则相辅相成。这就是为什么我们要提取同种颜色的深、中、浅三种色调。

对比色相同明度。

对比色不同明度。

6.编辑与应用

现在开始设计版面了。首先决定使用哪种色调。如何选择呢？关键是看内容。根据设计意图来权衡各种色调，问问自己，哪种色调最能迎合文章首页列出的内容呢？

理性

大家都喜欢蓝色。有意思的是，照片本身就具有蓝色和橙色，形成自然而完美的对比。蓝色背景淡化了人物衣服，使女子凝视的目光似乎穿越了页面。整个版面美观而有条理。

庄重

这种色调源于女模特头发的深红色，并且为强调红色而选取了临近的黄色。而在蓝色背景上显得后退的人物眼睛和外衣在红色背景上却因对比而突出。注意，红色在人物头发上仅作为高光，当填充了页面时却具有了真正的影响力。版面庄重而热情，引人入胜。

热情

女模特发上的高光色主持整个页面，蓝色调引起对比，带来纵深感。版面上一个特别的有趣之处就是黄色的标题，它看着很像照片上被挖空的部分。整版显得很平面，色彩搭配热情而迷人（它可能会在设计竞赛中获胜）。不过，唯有前卫的客户才会选择它。

小提示：明度混搭。可选用任意色彩的深、中、浅色。注意此处便同时使用了蓝绿色。

休闲

蓝绿色，偏绿系，是蓝色的近似色，照片中并没有这个美丽的颜色。它用在版面中显得很特别，并增添了活力和纵深感，还使信息看起来很休闲。现在比较流行这种平易近人的色调。女模特在蓝背景下发蓝的眼睛，在此处却趋向发绿。标题字体的浅橙色与背景形成柔和的对比。

精致

紫色也是蓝色的近似色，而蓝紫色也是照片中没有的颜色。蓝紫色偏红，使整个图像显得更漂亮，因为现在脸、头发和背景看起来更相似。通常来讲，蓝紫色是一种温柔宁静，生机勃勃的冷色（具有清新的特性）。