當(dāng)你對(duì)文字使用斜體的時(shí)候，其后的標(biāo)點(diǎn)也應(yīng)該使用斜體嗎？連體字是什么意思？某些字體真的帶有耳朵嗎？

曾幾何時(shí)，這些都僅僅是排版人員和文字編輯所要煩惱的問(wèn)題。如今，卻都成了設(shè)計(jì)師要考慮的事情了。第一個(gè)問(wèn)題的答案可以在如下的例子中找到，而其余問(wèn)題的答案則需要你繼續(xù)往下探尋。

不過(guò)，排版中出現(xiàn)的問(wèn)題何止萬(wàn)千。對(duì)于任何可能出現(xiàn)的問(wèn)題，請(qǐng)?jiān)凇冻狡椒驳钠矫嬖O(shè)計(jì)：怎樣做好版式》中尋找答案。

1.應(yīng)該怎樣做？

在無(wú)數(shù)的排版工作中，總會(huì)冒出無(wú)數(shù)的排版小問(wèn)題。只要參考合適的資料，每一個(gè)問(wèn)題都能找到對(duì)應(yīng)的解決辦法。學(xué)會(huì)恰當(dāng)?shù)靥幚砀鞣N問(wèn)題將會(huì)提升你的排版能力。

字母后標(biāo)點(diǎn)的正確格式

羅馬體、羅馬體

斜體、斜體

羅馬體、斜體、羅馬體

2.設(shè)定適宜的間距

窄欄文本不便閱讀，更不便排版，尤其是兩端對(duì)齊的時(shí)候。如下的例子截取自一段新聞，說(shuō)明了這種情況。

A原始

B兩端對(duì)齊

C左對(duì)齊

D寬欄左對(duì)齊

A方案中文字就像流水般不規(guī)則，當(dāng)我們對(duì)一段極窄的文本使用兩端對(duì)齊的時(shí)候常會(huì)發(fā)生。解決辦法就是B方案，一定程度上放寬字距和緊縮詞距，看上去好多了；另一種方法就是C方案，即讓文本左對(duì)齊，所有多余空格排在行尾；更好的辦法就是D方案，使用較寬欄并左對(duì)齊。

3.學(xué)會(huì)使用連體字

所謂連體字，就是把兩個(gè)或以上的字母合并成一個(gè)而形成的字體樣式。最常見(jiàn)的連體字是fi 和fl，兩者在英文里常常出現(xiàn)，并且屬于大多數(shù)字體的標(biāo)準(zhǔn)字母設(shè)置的一部分。許多連體字都含有小寫(xiě)的f，一些連體字則包含更多的額外組合。

連體字被認(rèn)為是很好的字體樣式，但并不是哪都能用，以下是連體字的三種最典型的使用環(huán)境。

非連體 連體

Bookman字體美觀大方，連體或非連體都好看。

非連體 連體

Garamond字體古典雅致，應(yīng)該采用連體。注意，非連體時(shí)，字母f和i相互抵觸。

非連體 連體

Century Expanded字體若不使用連體，看上去就像有兩個(gè)點(diǎn)；連體則可消除這一錯(cuò)覺(jué)。

4.使用合適的分式格式

分式，也屬于字體的一部分，不能簡(jiǎn)單地認(rèn)為它就是全尺寸數(shù)字的縮小版。它們?cè)诠P畫(huà)粗細(xì)和比例上都應(yīng)該特別貼近全尺寸數(shù)字。如果選擇的話(huà)，應(yīng)當(dāng)使用標(biāo)準(zhǔn)分式數(shù)字字體。

如果你沒(méi)有分式數(shù)字字體，那就自己制作。對(duì)分子和分母分別使用軟件的上標(biāo)和下標(biāo)功能，然后設(shè)置整數(shù)部分字體尺寸為70%（請(qǐng)根據(jù)字體來(lái)定），并使用分式斜線(xiàn)將分子和分母隔開(kāi)，注意不要使用普通斜線(xiàn)。將上標(biāo)的位置調(diào)至28%，或與整數(shù)部分?jǐn)?shù)字的頂部對(duì)齊，下標(biāo)位置至0。

較窄

上標(biāo)和下標(biāo)

分子分母使用的普通數(shù)字字體并縮?。ㄒ话憧s至60%），結(jié)果，它們看上去比全尺寸數(shù)字細(xì)。

較寬

標(biāo)準(zhǔn)分式數(shù)字體

加強(qiáng)了筆畫(huà)和比例，因此它們的粗細(xì)和“灰度”便可與全尺寸數(shù)字搭配了。斜著看更明顯。

對(duì)于自制分式

我們將上標(biāo)的分子與整數(shù)部分?jǐn)?shù)字的頂部對(duì)齊，對(duì)其使用Univers 57 Condensed字體，尺寸設(shè)為60%，位置設(shè)為28%，在InDesign軟件的文本參數(shù)對(duì)話(huà)框里設(shè)置（InDesign：編輯→首選項(xiàng)→高級(jí)文字）。

為了易于辨認(rèn)

當(dāng)字體極小的時(shí)候，嘗試將上標(biāo)的分子尺寸設(shè)為80%，位置降到14%處。80%幾乎等于全尺寸了，如果讀者還是不太看得清，那最好將全體數(shù)字的字號(hào)放大。

5.對(duì)齊邊緣

你是否注意到，有時(shí)候明明將文本邊緣（左邊或右邊緣）垂直對(duì)齊了，看上去卻仍舊參差不齊？那是因?yàn)?，邊緣線(xiàn)雖直，字母并不直，其筆畫(huà)的曲線(xiàn)，交叉以及標(biāo)點(diǎn)符號(hào)可以制造未對(duì)齊的假象。InDesign軟件的懸掛標(biāo)點(diǎn)工具可以解決這個(gè)問(wèn)題。

使用懸掛標(biāo)點(diǎn)之前

電腦顯示邊緣確實(shí)對(duì)齊了，但是眼睛告訴你不是這樣。字母和標(biāo)點(diǎn)符號(hào)具有不規(guī)則的形狀這使邊緣看起來(lái)參差不齊。

現(xiàn)在我們要為某女子大學(xué)設(shè)計(jì)一張學(xué)術(shù)節(jié)目單，并要使用這張表情嚴(yán)肅，面部充滿(mǎn)雀斑的女模特的照片。需達(dá)到的設(shè)計(jì)目標(biāo)是，既要向人傳達(dá)出節(jié)目的嚴(yán)肅和務(wù)實(shí)之感，又不失其新鮮活力和個(gè)性（無(wú)建筑物與地面的圖像）。重點(diǎn)體現(xiàn)時(shí)尚感會(huì)更好，色彩凌駕于各種要素之上。

1.放大照片

每張照片本身就具有色調(diào)。我們首先要找到這個(gè)色調(diào)并對(duì)其進(jìn)行整理。放大照片，你看到的顏色之多將會(huì)使你驚訝無(wú)比。

以正常的距離（左圖）觀察照片，我們只看到幾種顏色：皮膚的肉色，頭發(fā)的紅色，瞳孔和外套的藍(lán)色。一旦將其放大，無(wú)數(shù)的色彩便出現(xiàn)了！第一步，減少色彩的數(shù)量使照片便于處理，以16、32、64位為上限在Photoshop里，先復(fù)制照片圖層以防丟失，然后選擇濾鏡>像素化>馬賽克（右圖）將單個(gè)的像素變大，則色彩數(shù)目就會(huì)變少。如果想要增添色彩，則只需縮小像素的尺寸。

2.提取色彩

現(xiàn)在使用吸管工具將色彩提取出來(lái)。順序是由大塊色（看到最多的顏色）到小塊色。為形成對(duì)比，每塊顏色都要從像素中分別提取出深、中、淺三色。

首先處理大塊的色彩，即隨意一瞥就可看到的顏色：女模特的膚色、發(fā)色以及衣服顏色。然后再處理小塊色，如她眼睛、嘴唇、頭發(fā)高光以及柔和陰影的顏色。這張照片分為亮部和暗部，雖然不明顯，但請(qǐng)一定注意。取樣顏色時(shí)應(yīng)逐步進(jìn)行，完成一個(gè)部分再到另一部分。整理所得色彩，先依照色相將所有顏色排列好，再按照明度（由淺到深）將單個(gè)顏色排列好，去掉近似色。最后得到的規(guī)律定會(huì)令你驚喜。

3.嘗試使用各種顏色

將照片放在每種樣色上對(duì)比，結(jié)果令人滿(mǎn)意，不是嗎？有趣的是，照這種方法搭配的效果總是不錯(cuò)，因?yàn)檫x用的這些色彩本就存在于照片中。

暖色

以下四種屬于暖色——粉紅色、淺橙色、深褐色、棕色，均提取自紅發(fā)的女模特。暖色背景使人物顯得更柔和甜美，所以這種色系適用于傳遞美容或者表達(dá)關(guān)愛(ài)的信息。

冷色

冷色系主要是藍(lán)色，更擅長(zhǎng)表現(xiàn)一種嚴(yán)肅務(wù)實(shí)的感覺(jué)，適用于傳達(dá)直截切題的信息。注意，色彩的明度值越低，女模特的臉部顯得越明亮，就好像她穿越頁(yè)面，向你飛來(lái)。

4.添加色彩

下一步就是添加更多色彩。選擇提取出的任一顏色，并將其在色輪上定位，因?yàn)樯喣苷故境龈鞣N顏色間的關(guān)系。

選擇照片上的任一色彩，比如藍(lán)色，然后在色輪上找到與它大致相同的顏色。我們將此顏色稱(chēng)為基色。大家知道，基色與照片已能相互搭配，現(xiàn)在我們要做的就是尋找其他可與基色協(xié)調(diào)的色彩。記住，如果還要使用文字或其他圖形（這是很典型的情況），需要同時(shí)添加深色和淺色，以便各元素形成對(duì)比。

5.創(chuàng)建色調(diào)

現(xiàn)在我們根據(jù)基色，便可以創(chuàng)建出一個(gè)與版面協(xié)調(diào)的色調(diào)范圍。不同明度的色彩可混合搭配，比如，中藍(lán)色可與藍(lán)綠色及深紫色搭配。

單色調(diào)

首先是基色的深、中、淺三色的組合，這被稱(chēng)為單色調(diào)。單色調(diào)沒(méi)有色相變化，卻提供了深、淺的色彩明度對(duì)比，這在優(yōu)秀平面設(shè)計(jì)中是很重要的因素。

近似色色調(diào)

與基色緊緊相鄰的顏色便是其近似色。近似色間具有很強(qiáng)的潛在關(guān)聯(lián)性，如圖中的藍(lán)綠、藍(lán)色和藍(lán)紫色，營(yíng)造出一種賞心悅目的協(xié)調(diào)感。近似色色調(diào)類(lèi)別豐富，運(yùn)用起來(lái)也很簡(jiǎn)單。

補(bǔ)色

如圖與基色相對(duì)的顏色便稱(chēng)為基色的補(bǔ)色，即橙色系。補(bǔ)色形成對(duì)比，一種顏色與其補(bǔ)色配合可傳達(dá)出力量、氣勢(shì)和活力。通常，強(qiáng)調(diào)色的使用量比其補(bǔ)色少，例如上圖所示，在一片藍(lán)色區(qū)域中使用一點(diǎn)橙色，橙色就作為強(qiáng)調(diào)色。

分裂補(bǔ)色

與基色的補(bǔ)色左右相鄰的顏色稱(chēng)為基色補(bǔ)色的類(lèi)似色。這些顏色組合在一起形成分裂補(bǔ)色。近似色間柔和的美加上互補(bǔ)色間強(qiáng)烈的視覺(jué)沖擊，使得此種色調(diào)獨(dú)具感染力。本例中，藍(lán)色將最可能被用作強(qiáng)調(diào)色。

補(bǔ)色/近似色

這種色調(diào)與分裂補(bǔ)色色調(diào)原理相同，但卻包含了更多色彩。增加的色彩范圍使暖色之間的過(guò)渡更柔和協(xié)調(diào)，并與冷色形成更鮮明的對(duì)比。這是一種緊張而激烈的色調(diào)組合。

近似色/補(bǔ)色

基色與其近似色組合制造的協(xié)調(diào)感被其補(bǔ)色阻斷。記住，兩對(duì)比色若明度相同，則趨于沖突；明度不同，則相輔相成。這就是為什么我們要提取同種顏色的深、中、淺三種色調(diào)。

對(duì)比色相同明度。

對(duì)比色不同明度。

6.編輯與應(yīng)用

現(xiàn)在開(kāi)始設(shè)計(jì)版面了。首先決定使用哪種色調(diào)。如何選擇呢？關(guān)鍵是看內(nèi)容。根據(jù)設(shè)計(jì)意圖來(lái)權(quán)衡各種色調(diào)，問(wèn)問(wèn)自己，哪種色調(diào)最能迎合文章首頁(yè)列出的內(nèi)容呢？

理性

大家都喜歡藍(lán)色。有意思的是，照片本身就具有藍(lán)色和橙色，形成自然而完美的對(duì)比。藍(lán)色背景淡化了人物衣服，使女子凝視的目光似乎穿越了頁(yè)面。整個(gè)版面美觀而有條理。

莊重

這種色調(diào)源于女模特頭發(fā)的深紅色，并且為強(qiáng)調(diào)紅色而選取了臨近的黃色。而在藍(lán)色背景上顯得后退的人物眼睛和外衣在紅色背景上卻因?qū)Ρ榷怀?。注意，紅色在人物頭發(fā)上僅作為高光，當(dāng)填充了頁(yè)面時(shí)卻具有了真正的影響力。版面莊重而熱情，引人入勝。

熱情

女模特發(fā)上的高光色主持整個(gè)頁(yè)面，藍(lán)色調(diào)引起對(duì)比，帶來(lái)縱深感。版面上一個(gè)特別的有趣之處就是黃色的標(biāo)題，它看著很像照片上被挖空的部分。整版顯得很平面，色彩搭配熱情而迷人（它可能會(huì)在設(shè)計(jì)競(jìng)賽中獲勝）。不過(guò)，唯有前衛(wèi)的客戶(hù)才會(huì)選擇它。

小提示：明度混搭。可選用任意色彩的深、中、淺色。注意此處便同時(shí)使用了藍(lán)綠色。

休閑

藍(lán)綠色，偏綠系，是藍(lán)色的近似色，照片中并沒(méi)有這個(gè)美麗的顏色。它用在版面中顯得很特別，并增添了活力和縱深感，還使信息看起來(lái)很休閑?，F(xiàn)在比較流行這種平易近人的色調(diào)。女模特在藍(lán)背景下發(fā)藍(lán)的眼睛，在此處卻趨向發(fā)綠。標(biāo)題字體的淺橙色與背景形成柔和的對(duì)比。

精致

紫色也是藍(lán)色的近似色，而藍(lán)紫色也是照片中沒(méi)有的顏色。藍(lán)紫色偏紅，使整個(gè)圖像顯得更漂亮，因?yàn)楝F(xiàn)在臉、頭發(fā)和背景看起來(lái)更相似。通常來(lái)講，藍(lán)紫色是一種溫柔寧?kù)o，生機(jī)勃勃的冷色（具有清新的特性）。