圖文排版是個老生常談的問題，也是每位設計師都必須具備的能力。對於很多設計師來說，排版幾乎是每天的必做功課，對於排版似乎是信手拈來。事實上，很多設計師都會在排版過程中忽略了很多細節，使整個網頁設計顯得毫無章法。

排版設計需要注意哪些細節?

細節一：文字

在頁面中，文字是重要的信息來源，所以保證文字的可讀性、選擇合適的字體、控制字體數量都是非常重要的。

① 保證字體的可讀性

遵循白紙黑字、黑紙白字的原則，在深色的背景上採用亮色字體一般能保證文字的可讀性。此外，如果字體過細、背景與文字對比度不夠、文字透明度過高等，都會影響文字的可讀性，應該有針對性地對這些問題去調整。

② 選擇合適風格的字體

選擇的字體與頁面設計風格不搭，就會改變頁面的氣質，對信息傳遞產生影響。選擇字體時，要根據頁面的風格，選擇與之氣質契合的字體，如：粗體厚重、細體高冷等。

④ 控制字體類型數量

字體種類太多會讓頁面風格難以統一，也容易出現上文所說的字體與頁面風格不搭，加上頁面字體種類太多其可控性就會變差，很容易造成視覺干擾，因此單個頁面內字體類型數量建議不超過3種為佳。

細節二：排版

圖文排版井然有序、字間距和行間距適中、控制行長和字數等，都會讓整個頁面閱讀起來非常流暢。

① 統一對齊方式

頁面使用太多對齊方式，會使頁面變得混亂，因此除了文本之間要保持統一的對齊方式外，正文盡量保持兩端對齊，這關係到頁面的整潔度。

② 控制行間距

行間距太小，這樣會顯得文字比較擁擠，增加用戶瀏覽頁面時的壓力。一般來說，正文內容中應該將行高設置成字號的1.6-1.8，這樣看起來會比較舒服;如果版面緊張，可以適當下調到1.2-1.5倍。

③ 控制字間距

新手排版時，有時會因為文本內容過長、版式受限，而壓縮字符間距，以達到控制文本長度的目的。其實這是一個容易被忽視的錯誤，因為字間距過小，會降低文字的可讀性。

④ 控制行長與字數

單行文字包含太多字數，一來會導致閱讀時難以喚醒;二來單行字數太多容易造成閱讀疲勞。所以合理的行長和字數，能讓用戶在行間輕鬆跳轉。

⑤ 圖文排版的親密性

圖文排版間隔大小，會直接影響正文的用戶閱讀體驗。圖文排版間隔太大，會讓用戶產生困惑，分不清各個標題、正文與圖片的關係;圖文排版間隔太小，就會使頁面顯得擁擠，不利於用戶閱讀。

細節三：佈局

設計的首要任務就是製造視覺焦點，吸引用戶的注意力，因此合理的佈局能方便用戶迅速找到所需信息，提高用戶體驗。

① 留白

適當的留白會使頁面有了視覺焦點，顯得更加協調。但留白時，應該注意元素之間的連續性，太多的留白會造成頁面主次不分，分散用戶的注意力。

② 點綴元素

當畫面空曠時，我們會習慣添加相關元素填充畫面，但這樣做很容易會導致畫面雜亂、失去視覺的焦點。因此，使用點綴元素時，要盡量克制，不要使用過多的點綴元素，導致喧賓奪主;其次，點綴元素應與畫面有關聯。

③ 底紋文字

當頁面顯得單調時，除了添加點綴元素外，我們還可以添加底紋文字，即在背景上增加相關的文字。使用時要注意，字體顏色要淡，且與背景有較好的融合，不能影響文字的識別性。使用底紋文字的好處，在於既能保持畫面簡潔又能豐富畫面。

④ 頁面空間感

營造頁面空間感，不外乎是近大遠小與景深模糊，這樣做的目的主要是為了突顯主題，製造視覺重點，讓頁面更顯平衡，從而吸引用戶的注意力。

看似普通常規的圖文排版，其實包涵的內容是很廣的，想要將排版做得更加細緻，就千萬不要放過每一處微小的細節。