排版是設(shè)計(jì)師同用戶溝通的一種方式。在數(shù)字產(chǎn)品設(shè)計(jì)當(dāng)中，界面的視覺和可讀性對(duì)于用戶體驗(yàn)的影響是極為巨大的。曾經(jīng)有一位著名的平面設(shè)計(jì)師曾經(jīng)說過：“排版設(shè)計(jì)不僅僅是可見的，而且是可被聽見的。你創(chuàng)建出一個(gè)宏大的場(chǎng)景，那么演員就可以在此登場(chǎng)表演了?！迸虐婺軌虺尸F(xiàn)情緒、營造氛圍、傳遞精神，所以優(yōu)秀的排版能夠?yàn)樵O(shè)計(jì)發(fā)聲。今天的文章為你提供一些排版設(shè)計(jì)上的小建議，雖不復(fù)雜，但是也需要你仔細(xì)揣摩，才能用好。

層次讓排版發(fā)揮作用

想要?jiǎng)?chuàng)建出能被用戶感知到的、令人愉悅的設(shè)計(jì)，設(shè)計(jì)作品應(yīng)該擁有良好的組織結(jié)構(gòu)和清晰的導(dǎo)航模式。而設(shè)計(jì)師可以通過建立視覺層次結(jié)構(gòu)來明確整體的結(jié)構(gòu)，視覺元素在這個(gè)框架下被組織起來，用戶則可以更為清楚地感知其中的內(nèi)容。

視覺層次可以被分為不同的部分，其中只與文本元素相關(guān)的部分被稱為排版層次。排版層次是通過將文本內(nèi)容劃分為標(biāo)題、副標(biāo)題、正文等不同的類型，從而讓文本各司其職，具備良好的層次。不同的文本類型使用不同的大小、字體、色彩來顯示，從而區(qū)分出彼此。

清晰的層次結(jié)構(gòu)讓文本具備良好的可讀性。此外，文本中的關(guān)鍵部分還能高亮顯示，從而吸引用戶的注意力，甚至關(guān)聯(lián)到特定的交互和操作上去。

兼顧到上下文場(chǎng)景和用戶

當(dāng)你在為特定部分的文本選取字體的時(shí)候，需要考慮它所處的環(huán)境，所在部分的特征。每種字體都有其特定的功能、適合的場(chǎng)景和情緒，有的友好，有的有趣，有的嚴(yán)肅，有的看起來很商業(yè)，所以字體和情緒要保持一致。

在你選取字體之前，要清楚產(chǎn)品這個(gè)部分的特征，了解客戶的目標(biāo)，以及目標(biāo)受眾的需求和偏好。字體的視覺效果會(huì)直接影響用戶從你的產(chǎn)品中所獲得的第一印象。如果這種字體不符合產(chǎn)品當(dāng)前內(nèi)容的情緒，會(huì)在用戶那邊產(chǎn)生誤會(huì)的。如果是一個(gè)相對(duì)嚴(yán)肅的商業(yè)網(wǎng)站，在其中采用有趣或者拙稚的字體，用戶會(huì)對(duì)這個(gè)企業(yè)和服務(wù)產(chǎn)生質(zhì)疑。如果是針對(duì)青少年或者年輕人，太過于正式、沉悶的字體，則會(huì)讓頁面看起來很無聊。

深入關(guān)注移動(dòng)端的排版

設(shè)計(jì)師常常會(huì)試圖使用實(shí)驗(yàn)性的布局，來讓設(shè)計(jì)看起來更加原創(chuàng)。但是這樣非常規(guī)的排版布局遷移到移動(dòng)端設(shè)備上，就不一定具備良好的可用性了。移動(dòng)端屏幕太小，難以適配過于獨(dú)特的設(shè)計(jì)，這種限制會(huì)使得設(shè)計(jì)師難以兼顧到功能和視覺。設(shè)計(jì)師需要特別注意移動(dòng)端排版布局的細(xì)節(jié)，從字體尺寸到間距和縮進(jìn)，這些細(xì)節(jié)對(duì)于整體效果的影響是非常明顯的。

與桌面端的設(shè)計(jì)相比，移動(dòng)端的排版更難以達(dá)到良好的識(shí)別率。在小屏幕上，字體首先要控制到一個(gè)相對(duì)較大的尺寸，這樣不會(huì)因?yàn)殡y以識(shí)別而造成混亂。但是太大的字體又會(huì)讓設(shè)計(jì)看起來不夠優(yōu)雅。同時(shí)，設(shè)計(jì)師還要特別注意內(nèi)容的對(duì)比度，因?yàn)橐苿?dòng)端設(shè)備周遭的環(huán)境常常會(huì)特別的復(fù)雜，如果對(duì)比度不夠好，用戶閱讀困難，對(duì)視力的損害就不可避免了。

此外，設(shè)計(jì)師還需要考慮排版布局的功能性。如果文本中存在可點(diǎn)擊的內(nèi)容，設(shè)計(jì)師需要確保它們能夠且易于被點(diǎn)擊到，還不能誤觸其他的地方。

通盤考慮移動(dòng)端排版的全部細(xì)節(jié)，設(shè)計(jì)師才能為用戶帶來有價(jià)值的產(chǎn)品。

極簡主義的設(shè)計(jì)不是沒有道理的

在不久前，許多設(shè)計(jì)師還會(huì)在一套設(shè)計(jì)當(dāng)中使用大量的不同的字體與樣式，這樣的設(shè)計(jì)之下，排版布局中充斥著大量令人分心的細(xì)節(jié)，難以營造一致的、合理的情緒和氛圍。

經(jīng)驗(yàn)豐富的設(shè)計(jì)師，通常會(huì)在整個(gè)排版布局中，沿用 2 到 3 種字體，確保了文本元素之間的對(duì)比度，還節(jié)省了設(shè)計(jì)成本，確保了整體的平衡，以及信息傳遞的準(zhǔn)確性。在字體樣式上，設(shè)計(jì)師也會(huì)對(duì)粗體、斜體這樣的效果保持克制，對(duì)真正重要的部分進(jìn)行強(qiáng)調(diào)，避免混亂。

除此之外，文案內(nèi)容也需要足夠的簡明，不要讓無效信息干擾用戶。

呼吸感很重要

字母之間的間距，行間距和字間距，是可讀性的主要影響因素。調(diào)整間距和留白，是排版設(shè)計(jì)中的重要環(huán)節(jié)，也是控制整個(gè)布局呼吸感的關(guān)鍵。

缺乏留白，或者間距控制不好，最終會(huì)影響內(nèi)容的可讀性：字母難以辨析，單詞看不清楚，視覺上不夠舒適，每行和每個(gè)段落看起來不夠舒服，都會(huì)影響整體的統(tǒng)一性和內(nèi)容的閱讀體驗(yàn)。有密有疏，疏密有致，才有呼吸感。

像科學(xué)家一樣排版，像藝術(shù)家一樣定制

排版是一個(gè)涉及到許多規(guī)則和條例的復(fù)雜學(xué)科，只有充分掌握了這些規(guī)則，才能作出足夠干凈、整飭的排版。但是這還不夠。客戶總是需要一定的原創(chuàng)性，希望你能通過排版布局傳遞去情感，而這些是排版規(guī)則無法幫你實(shí)現(xiàn)的。

作為設(shè)計(jì)師，你的靈魂中是應(yīng)該有藝術(shù)的特質(zhì)。想象力和對(duì)沒的感知，能夠?yàn)槟愕脑O(shè)計(jì)賦予原創(chuàng)性和獨(dú)特性。在嚴(yán)格的規(guī)則和獨(dú)特的構(gòu)思之間，找到平衡點(diǎn)，你會(huì)發(fā)現(xiàn)自己的能力已經(jīng)超出了你的客戶和你自己的意料。

彩色排版需要深思熟慮

有人認(rèn)為，成熟的排版設(shè)計(jì)中沒有色彩的位置，但是也有人認(rèn)為色彩是視覺設(shè)計(jì)的必需品，哪怕是傳統(tǒng)的排版設(shè)計(jì)，也必須具備。不過，在實(shí)際排版設(shè)計(jì)當(dāng)中，色彩的出場(chǎng)比例并不低，所以這種情況不應(yīng)忽略。

色彩在排版設(shè)計(jì)當(dāng)中，不僅可以強(qiáng)化視覺，而且能夠?yàn)閁I增加情感因素，吸引用戶的注意力，強(qiáng)化趣味感。不過，用色本沒問題，但是色彩一定要控制好。色彩多而混亂的失敗案例多不勝數(shù)，在排版中用色一定要深思熟慮。下面是排版設(shè)計(jì)中用色的一些技巧：

構(gòu)成對(duì)比。在排版中用色很容易造成混亂，讓內(nèi)容難以辨認(rèn)。主要控制好文本和背景之間的對(duì)比度。
不要使用太多色彩。太多顏色很容易讓整個(gè)UI變得更加混亂。
讓配色協(xié)調(diào)。配色是設(shè)計(jì)的基本功，善用色輪和成熟的配色方案。
小心使用特效。文本上盡量少用特效，絕大多數(shù)情況下，特效并不會(huì)讓文本的視覺效果更好。

了解排版的基礎(chǔ)知識(shí)

也許這么說有點(diǎn)直白，但是確實(shí)有很多設(shè)計(jì)師壓根不了解排版設(shè)計(jì)的基本知識(shí)。他們大多依靠各種工具中自帶的排版工具來做排版布局，他們只需要在選取自己的時(shí)候調(diào)動(dòng)自己的審美知識(shí)就可以，而排版?zhèn)€諸多規(guī)則他們并不確知，只是基于經(jīng)驗(yàn)，似是而非地“有所了解”而已。

不了解排版知識(shí)，設(shè)計(jì)師是無法發(fā)揮出排版的真正潛力的，這也是為什么同樣的素材在別的設(shè)計(jì)師的排布之下，就是要比自己做的來得漂亮。基礎(chǔ)知識(shí)很重要，這并非是一句空話。