圖文(wén)排版是(shì)個(gè)老(lǎo)生(shēng)常談☆✔的(de)話(huà)題，每一(yī)位設計(jì)師(shī)都(dōu)具備一(yī)定的(d​§εe)圖文(wén)排版能(néng)力。在這♠♦(zhè)裡(lǐ)，整理(lǐ)了(le)一β↑•↕(yī)些(xiē)在排版中值得(de)注意的(de)細節，和(hé)排版的(d←↑>e)小(xiǎo)技(jì)巧，希望能(néng)夠對(duì)大(dà)家(ji£×ā)有(yǒu)所幫助。蕪湖(hú)暢想廣告

一(yī)、保證文(wén)字的(de)可(kě)讀(dú)性在頁面中，×<→→文(wén)字是(shì)重要(yào)的(de)信息來(lái)源，所®✔★♦以保證可(kě)讀(dú)性，是(shì)文(wén)字排版中首要(yγ"ào)考慮的(de)事(shì)情。影( ∏€yǐng)響文(wén)字可(kě)讀(dú)性的(de)因素很(h ♦βěn)多(duō)，但(dàn)在衆多(duō)問(wèn)題中，流暢的(de)閱讀(dú)排版✔•★是(shì)保障可(kě)讀(dú)性的(d≠ $λe)基礎。在排版中控制(zhì)好(hǎo)文(wén)本的(de)長(cháng)度、字距、≈₩"行(xíng)距、段落與對(duì)齊方式，就(jiù)能(néng)ε↕夠有(yǒu)效的(de)提高(gāo)★♦↔可(kě)讀(dú)性。左圖中，文(wén)字成為(wèi)了(le)畫(h✔¥uà)面的(de)裝飾元素，忽視(shì)了 >(le)文(wén)字本身(shēn)所承載的(de)信息；而在右圖中，文(wén)字是(s®π♠♥hì)一(yī)種功能(néng)，用(yòng)來(lái)傳遞信息。蕪湖(hú)畫(>♥huà)冊設計(jì)

二、文(wén)字與背景需要(yào)清晰區(qū)分®γ(fēn)循白(bái)紙(zhǐ)黑(hēi)字♣ 、黑(hēi)紙(zhǐ)白(bái)字的(de)原則，在深色的(β∞de)背景上(shàng)采用(yòng)亮(liàng)色的(de)≈‌♣♠字體(tǐ)一(yī)般能(néng)保證可(k'∑ě)讀(dú)性。字體(tǐ)過細、背景與文(wén)字對(duì)比度不(bù)夠、文(wσ‍ én)字透明(míng)度過高(gāo)等問(wèn)題，都(dōu)會(♣≈huì)造成文(wén)字與背景融為(wèi)一(yī)體(tǐ)。存在諸如(rú)此類的(de≠γ∞)問(wèn)題都(dōu)要(yào)針對(duì)性的(de)去↔"®(qù)調整。

三、選擇風(fēng)格合适的(de)字體(tǐ)選擇與頁面設計(jì)風(fēng)•™∏☆格不(bù)搭的(de)字體(tǐ)會(huì)帶來(lái)“違Ω ★π和(hé)”的(de)感覺，會(huì)改變頁面的(de)氣 ↑★☆質，對(duì)信息傳遞産生(shēng★≈λ)影(yǐng)響。要(yào)根據頁面的(de)風(fēng)格，去(qù)選擇與>§之氣質契合的(de)字體(tǐ)，如(rú)粗體(tǐ)厚重、細體(tǐ)高(gāo)冷(lěn∑​'>g)。如(rú)右圖中，有(yǒu)棱角的(™‌↕αde)字體(tǐ)與畫(huà)面搭配，會(huì)有(y↑©ǒu)先鋒跟潮流的(de)感覺出現(xiàn)。蕪湖(→§hú)畫(huà)冊印刷

四、控制(zhì)字體(tǐ)類型數(shù)量除了(le≠δ>δ)選擇風(fēng)格合适的(de)字體(t♣±ǐ)，也(yě)要(yào)控制(zhìλ≠✔)字體(tǐ)類型數(shù)量。通(tōng)常單個(σδ​☆gè)頁面內(nèi)字體(tǐ)類型數(sh  αù)量最好(hǎo)不(bù)超過3種。因為(wèi₩≥)字體(tǐ)種類太多(duō)會(huì)讓頁面風(fēng)格極其難統一(y✘©↑ī)，也(yě)容易出現(xiàn)上(shàng)文(wén)所說(shuō)的(de)字體(≤<tǐ)與頁面風(fēng)格不(bù)搭。雖說(shuō≠•✔↕)字體(tǐ)類型數(shù)量沒有(yǒu)非要↔δπ(yào)控制(zhì)在3種以內(nèi)，但(dànΩ✘)太多(duō)的(de)字體(tǐ)類型可(≤​kě)控性很(hěn)差也(yě)容易造成視(shì)覺幹擾。

五、統一(yī)的(de)對(duì)齊方式統一(yī)的(σ★₽de)對(duì)齊會(huì)讓文(wén)字排版井然有(yǒu)序，閱讀(dú)↑↕Ω起來(lái)會(huì)非常流暢。多(duō)種對(duì)齊方式，會(huì)使頁面混亂不(÷λbù)堪。除了(le)文(wén)本之間(jiān)要(yào)保×♠持統一(yī)的(de)對(duì)齊方式之外(wài)，正文(wé>¶∞n)要(yào)盡量保持兩端對(duì)齊，這(zhè)會(huì)關​×↑系到(dào)頁面是(shì)否整潔。

六、控制(zhì)行(xíng)間(jiān)距行(xíng)間(jiān)距是(shì)行(xí₽σ♥ng)與行(xíng)的(de)間(jiān)距，行(xíng)間(jiān)距¶∏ε§通(tōng)常伴随著(zhe)字體(tǐ)大(dφπσà)小(xiǎo)而的(de)變化(huà)，默認行(xíng)間(jiān±₩←↔)距會(huì)稍大(dà)于字體(tǐ)的(de)大β≈(dà)小(xiǎo)，通(tōng)常的(de)‌$§‍這(zhè)樣看(kàn)起來(lái)會(huì)比較的(de)擁擠。正文(wén)中，将α±≤行(xíng)高(gāo)設置成字号的(de)1.6~1.8倍©α™，将會(huì)是(shì)比較舒服的(de)，如(rú)果版面緊張，可(kě)以适當設成€£1.2~1.5倍。

七、控制(zhì)字間(jiān)距新手排版時(shí)，α♥÷&有(yǒu)時(shí)候會(huì)因為(wèi)文$¶£(wén)本內(nèi)容過長(cháng)≤λΩ，而版式又(yòu)受限，會(huì)選擇去(qù)壓Ω‌✘縮字符間(jiān)距的(de)方式來(lái)‌ $達到(dào)控制(zhì)文(wén)本長(cháng)度÷π©β的(de)目的(de)。其實這(zhè)是(shì)一(yīφ ←€)個(gè)容易被忽略的(de)錯(cuò)誤，因為(wèi)字間(jiān)距→ 過于擁擠會(huì)降低(dī)文(wén)字的(de)可(k¶‌ě)讀(dú)性。

八、控制(zhì)行(xíng)長(cháng)與字數(shù)單行(xí​←∞÷ng)文(wén)字如(rú)果包含的(de ₹₩)字數(shù)太多(duō)，文(wén)本內(nèi)容将會(huì)很(hěn↔∑)難閱讀(dú)。原因在于，一(yī)是(shì)單行(xíng)太長(cháng)會(huì)"↑γ導緻閱讀(dú)時(shí)難以換行(xíng)，二是(shì)單行∑​♠♠(xíng)字數(shù)太多(duō)容易造成閱讀(dú)疲勞。所以，合↔δ®™理(lǐ)的(de)行(xíng)長(cháng)與字數(shù)會(huì)使用(yòng)戶δλ在行(xíng)間(jiān)跳(tiào)轉時(s∞ hí)比較輕松，反之則會(huì)使閱讀(dú)成為(w↓φ èi)一(yī)種負擔。蕪湖(hú)畫(huà)冊制(zhì)作(zuò)∏"‍

九、圖文(wén)排版的(de)親密性親密性在排版中的(de)理(lǐ)解，通(tōng)俗≤∞的(de)來(lái)講就(jiù)是(shì)我和(hé)你(nǐ)¥&↔←近(jìn)，我們的(de)關系就(jiù)密切。圖文(wén)排版中的(de)間(jiān♣×‍)隔大(dà)小(xiǎo)，是(shì)影(yǐng)σ★λγ響親密性的(de)主要(yào)因素。左圖中高(gāo)度₩ק一(yī)緻的(de)間(jiān)隔，"£₩&會(huì)讓人(rén)産生(shēng)困惑，對(duì)各個(gè)标✔★→題、正文(wén)與圖片的(de)關系傻傻分(fēn)不(bùΩ± ∞)清楚，嚴重影(yǐng)響用(yòng)戶閱讀(dú)體(tǐ)驗。在右圖中，我們根據親密性原★₩ 則，通(tōng)過間(jiān)距把相(xiàng)關的(de)标題正文δβ↔‍(wén)圖片分(fēn)成了(le)一(yī)組，這(zhè)樣畫(h↕™®uà)面中各元素之間(jiān)的(de)關系一(yī)目了(→♣‌ le)然。

十、留白(bái)通(tōng)常設計(jì)的(de)首要(yào)任務就(jiù)∏£↓是(shì)制(zhì)造視(shì)覺焦點，吸引用(yòng)戶>¥的(de)注意力。而留白(bái)能(néng)夠讓用(yòng)戶盡快∑&≥γ(kuài)的(de)尋找到(dào)所需要(yào)的(de)信息，提高(gāo)用(™→yòng)戶體(tǐ)驗。但(dàn)随意的(de)空(kōng)白(bái)并¥φ‍不(bù)是(shì)留白(bái)，留白(bái)​±♦時(shí)應該注意元素之間(jiān)的(de)連續性。如(rú)左圖，雖留出了(le δ)大(dà)量的(de)空(kōng)白(bái)，但(dàn)是(sσ→hì)元素之間(jiān)沒有(yǒu)太多(duō‌↕)的(de)連續性，造成了(le)主次不(bù)分(fēn)，反而分(fēn&σ™®)散用(yòng)戶注意力。而右圖中，通(tōng)過對(duì)齊和(h>÷φé)調整間(jiān)距，使頁面有(yǒu)了(le)視(shì)覺焦點，同樣是≤±γ(shì)留白(bái)，就(jiù)會(huì)顯得(¶•de)更加協調。

十一(yī)、點綴元素的(de)使用(yò‌≤σng)有(yǒu)時(shí)候當我們感覺到(dào)畫(huà)面☆ ♣空(kōng)曠時(shí)，就(jiù)會(huì)習(xí)慣性的(de)添加漂浮物(♦βwù)或相(xiàng)關元素來(lái)填充畫(huà)面空(÷®₹↕kōng)白(bái)。這(zhè)是(shì)很(hěn)常見(jiàn)的(de)方¥₩∞ 法，但(dàn)這(zhè)個(gè)方©€"®法容易導緻畫(huà)面雜(zá)亂、失去(q∑₩ù)視(shì)覺的(de)焦點。漂浮物(wù)的(de)使用(yòng)，有(y‌→ǒu)兩點需要(yào)遵循，一(yī)是(shφ≤♦₹ì)盡量的(de)克制(zhì)，要(yào)謹記添加的(de)漂浮物&☆σ>(wù)隻是(shì)為(wèi)畫(huà)面服務，不(bù)要(yào)過多(duε©•ō)的(de)喧賓奪主；二是(shì)選用(yòng)的(de)漂浮物(wù)要(yào)與∏≠αφ畫(huà)面有(yǒu)所關聯，一(yī)切的(de)設計(jì)都(dōu)要(yào)γ•✘¶有(yǒu)合理(lǐ)的(de)來(l¶πái)源。

十二、幾何填充除了(le)添加漂浮物(wù)，我們還(hái)可(kě™φ)以選擇用(yòng)點、線或者色塊等幾何形狀，去(qù)填充影α (yǐng)響版面平衡的(de)空(kōng)白(bái)。當我們排版時(shí≈<)，畫(huà)面出現(xiàn)了(le)一(yī)塊比€÷ 較突兀的(de)空(kōng)白(bái)，在我們暫時(shí)沒有(yǒu)辦法通(tβ§÷ōng)過變換版式的(de)方法解決問(wèn)題時(shí)，可(kě)以考慮選用(yòn→  ↓g)這(zhè)個(gè)方式去(qù)掩蓋問(wèn)題。

十三、底紋文(wén)字的(de)應用(↔ <♣yòng)當頁面顯得(de)單調，而我們又(yòu)要(yào)做(zuò)一¥≠λ✘(yī)個(gè)簡潔的(de)設計(jì)時(shí↔₹)，選擇添加點綴或者漂浮物(wù)就(jiù)會(huì)顯得(de)不(bù)合時(shí∞∞↕)宜。這(zhè)時(shí)候我們怎麽樣才能(néng)讓畫(huà)面豐富起來(lπ©ái)呢(ne)，很(hěn)簡單，添加底紋文(wén)字。就(jiù)是( •shì)在背景上(shàng)增加相(xiàng)關♣"的(de)英文(wén)單詞或文(wén)字，處理(lǐ)的(de)時(sh¥σλ$í)候需要(yào)注意顔色要(yào)淡，需要(yào)與背景有(yǒu)較好≈✔¥∞(hǎo)的(de)融合而且要(yào)與文(wén)案錯(cuò)開(kāi)，不(b÷ ∑γù)然會(huì)影(yǐng)響文(wén)字識别性。底紋文(wén)字的(de)應用(©♠ yòng)，好(hǎo)處在于保持畫(huà)面簡潔的(de)同時(sh§₩✘₽í)又(yòu)能(néng)豐富畫(huà)面。

十四、頁面空(kōng)間(jiān)感在平面σφ上(shàng)營造空(kōng)間(jiān)感，不(bù)外(wài)乎在$∞于近(jìn)大(dà)遠(yuǎn)小(xΩ✔iǎo)與景深模糊。營造空(kōng)間(jiān♠​​γ)感也(yě)是(shì)為(wèi)了(le)突顯主體(tǐ)，制(zhì←≠)造視(shì)覺重點，吸引用(yòng)戶的(de)注意♣↔力。如(rú)左圖中，兩個(gè)相(xiàng)同形狀大(dà)小♥↑★λ(xiǎo)的(de)産品直接疊加在一(yī)起，是(δ<β♥shì)沒有(yǒu)空(kōng)間(jiān)感可✘<(kě)言的(de)，左字右圖的(de)平衡被完全打破了(le)。在右圖中，我λ δ‌們把置于後面的(de)産品進行(xíng)調小(xiǎo)跟模糊，讓視(s✔↓‌hì)覺的(de)重點落在前面，而後面的(de)産品就(jiù↑♦)會(huì)被潛移默化(huà)的(de)當成背景的(de)一(yī♥φ≈∏)部分(fēn)，從(cóng)而形成畫(huà)面左字右圖的(d'↑e)內(nèi)容平衡。