排版是設計(jì)師(shī)同用戶溝通(tōng)的一種方式。在數(shù)字産品設計(jì)當中，界面的視(shì)覺和(hé)可(kě)讀性對于用戶體(tǐ)驗的影(yǐng)響是極為(wèi)巨大(dà)的。曾經有(yǒu)一位著名的平面設計(jì)師(shī)曾經說過：“排版設計(jì)不僅僅是可(kě)見的，而且是可(kě)被聽(tīng)見的。你(nǐ)創建出一個(gè)宏大(dà)的場(chǎng)景，那(nà)麽演員就可(kě)以在此登場(chǎng)表演了。”排版能夠呈現情緒、營造氛圍、傳遞精神，所以優秀的排版能夠為(wèi)設計(jì)發聲。今天的文章為(wèi)你(nǐ)提供一些(xiē)排版設計(jì)上(shàng)的小(xiǎo)建議，雖不複雜，但(dàn)是也需要你(nǐ)仔細揣摩，才能用好。
想要創建出能被用戶感知到的、令人(rén)愉悅的設計(jì)，設計(jì)作(zuò)品應該擁有(yǒu)良好的組織結構和(hé)清晰的導航模式。而設計(jì)師(shī)可(kě)以通(tōng)過建立視(shì)覺層次結構來(lái)明(míng)确整體(tǐ)的結構，視(shì)覺元素在這個(gè)框架下被組織起來(lái)，用戶則可(kě)以更為(wèi)清楚地感知其中的內(nèi)容。
視(shì)覺層次可(kě)以被分為(wèi)不同的部分，其中隻與文本元素相關的部分被稱為(wèi)排版層次。排版層次是通(tōng)過将文本內(nèi)容劃分為(wèi)标題、副标題、正文等不同的類型，從而讓文本各司其職，具備良好的層次。不同的文本類型使用不同的大(dà)小(xiǎo)、字體(tǐ)、色彩來(lái)顯示，從而區(qū)分出彼此。
清晰的層次結構讓文本具備良好的可(kě)讀性。此外，文本中的關鍵部分還(hái)能高(gāo)亮顯示，從而吸引用戶的注意力，甚至關聯到特定的交互和(hé)操作(zuò)上(shàng)去。
當你(nǐ)在為(wèi)特定部分的文本選取字體(tǐ)的時(shí)候，需要考慮它所處的環境，所在部分的特征。每種字體(tǐ)都有(yǒu)其特定的功能、适合的場(chǎng)景和(hé)情緒，有(yǒu)的友(yǒu)好，有(yǒu)的有(yǒu)趣，有(yǒu)的嚴肅，有(yǒu)的看起來(lái)很(hěn)商業，所以字體(tǐ)和(hé)情緒要保持一緻。
在你(nǐ)選取字體(tǐ)之前，要清楚産品這個(gè)部分的特征，了解客戶的目标，以及目标受衆的需求和(hé)偏好。字體(tǐ)的視(shì)覺效果會(huì)直接影(yǐng)響用戶從你(nǐ)的産品中所獲得(de)的第一印象。如果這種字體(tǐ)不符合産品當前內(nèi)容的情緒，會(huì)在用戶那(nà)邊産生(shēng)誤會(huì)的。如果是一個(gè)相對嚴肅的商業網站(zhàn)，在其中采用有(yǒu)趣或者拙稚的字體(tǐ)，用戶會(huì)對這個(gè)企業和(hé)服務産生(shēng)質疑。如果是針對青少(shǎo)年或者年輕人(rén)，太過于正式、沉悶的字體(tǐ)，則會(huì)讓頁面看起來(lái)很(hěn)無聊。
設計(jì)師(shī)常常會(huì)試圖使用實驗性的布局，來(lái)讓設計(jì)看起來(lái)更加原創。但(dàn)是這樣非常規的排版布局遷移到移動端設備上(shàng)，就不一定具備良好的可(kě)用性了。移動端屏幕太小(xiǎo)，難以适配過于獨特的設計(jì)，這種限制(zhì)會(huì)使得(de)設計(jì)師(shī)難以兼顧到功能和(hé)視(shì)覺。設計(jì)師(shī)需要特别注意移動端排版布局的細節，從字體(tǐ)尺寸到間(jiān)距和(hé)縮進，這些(xiē)細節對于整體(tǐ)效果的影(yǐng)響是非常明(míng)顯的。
與桌面端的設計(jì)相比，移動端的排版更難以達到良好的識别率。在小(xiǎo)屏幕上(shàng)，字體(tǐ)首先要控制(zhì)到一個(gè)相對較大(dà)的尺寸，這樣不會(huì)因為(wèi)難以識别而造成混亂。但(dàn)是太大(dà)的字體(tǐ)又會(huì)讓設計(jì)看起來(lái)不夠優雅。同時(shí)，設計(jì)師(shī)還(hái)要特别注意內(nèi)容的對比度，因為(wèi)移動端設備周遭的環境常常會(huì)特别的複雜，如果對比度不夠好，用戶閱讀困難，對視(shì)力的損害就不可(kě)避免了。
此外，設計(jì)師(shī)還(hái)需要考慮排版布局的功能性。如果文本中存在可(kě)點擊的內(nèi)容，設計(jì)師(shī)需要确保它們能夠且易于被點擊到，還(hái)不能誤觸其他的地方。
通(tōng)盤考慮移動端排版的全部細節，設計(jì)師(shī)才能為(wèi)用戶帶來(lái)有(yǒu)價值的産品。
在不久前，許多(duō)設計(jì)師(shī)還(hái)會(huì)在一套設計(jì)當中使用大(dà)量的不同的字體(tǐ)與樣式，這樣的設計(jì)之下，排版布局中充斥着大(dà)量令人(rén)分心的細節，難以營造一緻的、合理(lǐ)的情緒和(hé)氛圍。
經驗豐富的設計(jì)師(shī)，通(tōng)常會(huì)在整個(gè)排版布局中，沿用 2 到 3 種字體(tǐ)，确保了文本元素之間(jiān)的對比度，還(hái)節省了設計(jì)成本，确保了整體(tǐ)的平衡，以及信息傳遞的準确性。在字體(tǐ)樣式上(shàng)，設計(jì)師(shī)也會(huì)對粗體(tǐ)、斜體(tǐ)這樣的效果保持克制(zhì)，對真正重要的部分進行(xíng)強調，避免混亂。
除此之外，文案內(nèi)容也需要足夠的簡明(míng)，不要讓無效信息幹擾用戶。
字母之間(jiān)的間(jiān)距，行(xíng)間(jiān)距和(hé)字間(jiān)距，是可(kě)讀性的主要影(yǐng)響因素。調整間(jiān)距和(hé)留白，是排版設計(jì)中的重要環節，也是控制(zhì)整個(gè)布局呼吸感的關鍵。
缺乏留白，或者間(jiān)距控制(zhì)不好，最終會(huì)影(yǐng)響內(nèi)容的可(kě)讀性：字母難以辨析，單詞看不清楚，視(shì)覺上(shàng)不夠舒适，每行(xíng)和(hé)每個(gè)段落看起來(lái)不夠舒服，都會(huì)影(yǐng)響整體(tǐ)的統一性和(hé)內(nèi)容的閱讀體(tǐ)驗。有(yǒu)密有(yǒu)疏，疏密有(yǒu)緻，才有(yǒu)呼吸感。
排版是一個(gè)涉及到許多(duō)規則和(hé)條例的複雜學科，隻有(yǒu)充分掌握了這些(xiē)規則，才能作(zuò)出足夠幹淨、整饬的排版。但(dàn)是這還(hái)不夠。客戶總是需要一定的原創性，希望你(nǐ)能通(tōng)過排版布局傳遞去情感，而這些(xiē)是排版規則無法幫你(nǐ)實現的。
作(zuò)為(wèi)設計(jì)師(shī)，你(nǐ)的靈魂中是應該有(yǒu)藝術(shù)的特質。想象力和(hé)對沒的感知，能夠為(wèi)你(nǐ)的設計(jì)賦予原創性和(hé)獨特性。在嚴格的規則和(hé)獨特的構思之間(jiān)，找到平衡點，你(nǐ)會(huì)發現自己的能力已經超出了你(nǐ)的客戶和(hé)你(nǐ)自己的意料。
有(yǒu)人(rén)認為(wèi)，成熟的排版設計(jì)中沒有(yǒu)色彩的位置，但(dàn)是也有(yǒu)人(rén)認為(wèi)色彩是視(shì)覺設計(jì)的必需品，哪怕是傳統的排版設計(jì)，也必須具備。不過，在實際排版設計(jì)當中，色彩的出場(chǎng)比例并不低(dī)，所以這種情況不應忽略。
色彩在排版設計(jì)當中，不僅可(kě)以強化視(shì)覺，而且能夠為(wèi)UI增加情感因素，吸引用戶的注意力，強化趣味感。不過，用色本沒問題，但(dàn)是色彩一定要控制(zhì)好。色彩多(duō)而混亂的失敗案例多(duō)不勝數(shù)，在排版中用色一定要深思熟慮。下面是排版設計(jì)中用色的一些(xiē)技(jì)巧：
構成對比。在排版中用色很(hěn)容易造成混亂，讓內(nèi)容難以辨認。主要控制(zhì)好文本和(hé)背景之間(jiān)的對比度。
不要使用太多(duō)色彩。太多(duō)顔色很(hěn)容易讓整個(gè)UI變得(de)更加混亂。
讓配色協調。配色是設計(jì)的基本功，善用色輪和(hé)成熟的配色方案。
小(xiǎo)心使用特效。文本上(shàng)盡量少(shǎo)用特效，絕大(dà)多(duō)數(shù)情況下，特效并不會(huì)讓文本的視(shì)覺效果更好。
也許這麽說有(yǒu)點直白，但(dàn)是确實有(yǒu)很(hěn)多(duō)設計(jì)師(shī)壓根不了解排版設計(jì)的基本知識。他們大(dà)多(duō)依靠各種工具中自帶的排版工具來(lái)做(zuò)排版布局，他們隻需要在選取自己的時(shí)候調動自己的審美知識就可(kě)以，而排版個(gè)諸多(duō)規則他們并不确知，隻是基于經驗，似是而非地“有(yǒu)所了解”而已。
不了解排版知識，設計(jì)師(shī)是無法發揮出排版的真正潛力的，這也是為(wèi)什麽同樣的素材在别的設計(jì)師(shī)的排布之下，就是要比自己做(zuò)的來(lái)得(de)漂亮。基礎知識很(hěn)重要，這并非是一句空(kōng)話(huà)。
那(nà)些(xiē)看起來(lái)很(hěn)枯燥的字體(tǐ)設計(jì)書(shū)籍，當中蘊藏着幹貨。學好排版的基礎知識絕對是磨刀不誤砍柴功。
