01.文本寬度不要超過800px
在進(jìn)行長篇幅文本設(shè)計時，要注意本文寬度不要過長，千萬不能鋪滿整個屏幕。
微信公眾號的文本寬度660px，知乎的文本寬度654px，google搜索結(jié)果頁的本文寬度600px，百度搜索結(jié)果頁寬度560px，百度百科的文本寬度790px。
總之，成熟產(chǎn)品的文本寬度幾乎都不超過800px，其中600～700之間最為合適。
02.左對齊長文本
當(dāng)文本超過3行或4行時，慎重使用文本居中對齊。
因為文本居中對齊時，不可避免地存在兩側(cè)參差不齊，這會導(dǎo)致用戶在閱讀兩側(cè)內(nèi)容和換行時，導(dǎo)致額外的眼球運動，這會造成眼睛疲勞，閱讀困難。
左對齊的長文本就在一側(cè)形成看不見的直線，引導(dǎo)用戶閱讀，具有更好的可讀性，因此書籍、網(wǎng)站等都在使用左對齊。
《寫給大家看的設(shè)計書》中提到，居中對齊會創(chuàng)建一種更正式、更穩(wěn)重的外觀，這種外觀顯得更為中規(guī)中矩，但通常也很乏味。我敢保證，大多數(shù)看起來精巧的設(shè)計，都沒有采用居中對齊。
03.標(biāo)題或短文本使用居中對齊
如果標(biāo)題和文本都比較短，例如一行到兩行，可以使用居中對齊。再多的話，可以嘗試左對齊是否更有利于閱讀。
04.借助元素區(qū)分文本層級
當(dāng)我們需要區(qū)分不同權(quán)重的文本時，除了采用字體大小、字重等調(diào)整外，還可以嘗試借助目標(biāo)、項目符號或引號等其他元素建立清晰的視覺層次。
05.充分利用空白間距
我個人在進(jìn)行文本排版時會盡量避免使用線條或背景顏色，因為在大部分場景下，利用空白間距便可以將層次劃分清晰，并且可以使整個界面保持干凈整潔。
原文地址：栗子設(shè)計喵 （公眾號）
作者：栗子
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》文本設(shè)計的小訣竅
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)