對于網(wǎng)頁和應(yīng)用程序，良好的排版不僅可以使用漂亮的字體，還可以實現(xiàn)高可讀性和可識別性。視覺設(shè)計和內(nèi)容風(fēng)格也應(yīng)保持一致。

盡管這些要求似乎與“高”的需求一樣空洞，但要進(jìn)行一些培訓(xùn)并不困難。

因此，今天的文章將為您提供10個排版規(guī)則，可以幫助您改善用戶體驗。每條規(guī)則都附有一個實用案例，以幫助您理解和應(yīng)用。

　可讀性原則

網(wǎng)頁必須使用非serif字體的想法已經(jīng)過時，但此聲明背后的核心思想已過時：文本必須易于閱讀。

要選擇易于閱讀的字體，應(yīng)避免使用手寫字體，哥特字體和過于新穎的字體。當(dāng)然，如果它是一個需要藝術(shù)字體來裝飾的場景，那是另一回事。

具有出色可讀性的字體也具有良好的可識別性，并且它們通常沒有特殊的“顯眼”。這些字體應(yīng)該是“透明的”，以便用戶可以暢通無阻地接受，這就是它們的工作方式。

　確保行間距足夠?qū)?/strong>

行間距是影響用戶閱讀體驗的關(guān)鍵因素之一。過于密集會使閱讀變得困難，并且透氣的線間距可能非常吸引人。特別是現(xiàn)在，大量用戶正在手機(jī)和平??板電腦上閱讀，并且相對寬的行間距對于閱讀大量內(nèi)容的容易性具有相當(dāng)大的緩解作用。

控制行間距涉及幾個變量：

·字體大小

·段落長度

·字體樣式

·屏幕寬度

非常令人遺憾的是，沒有固定的轉(zhuǎn)換公式可以幫助您完成這項工作，但您可以這樣做：

·對于大多數(shù)站點，最佳行間距應(yīng)為字體高度的125％

·對于大多數(shù)移動設(shè)備，最佳行間距是字體高度的150％

·松散的行間距（例如直線作為行間距）使內(nèi)容更容易識別和掃描

·控制線間距的緊密度，用眼睛查看段落進(jìn)行測試，根據(jù)感覺進(jìn)行調(diào)整

選擇有字母含有大圓角的字體

對于西方字體，具有較大圓角和內(nèi)部空間的字體更易于閱讀。明顯的圓形曲率使得B和R等字體易于識別，而內(nèi)部空間則是O和Q等字母的符號。

緊湊和密集的字體使得難以識別眼睛，并且在紙質(zhì)媒體上流行的更寬的標(biāo)題字體非常好，因為當(dāng)字體被加寬時，不同字母之間的差異變得更加明顯。圓角較大的字體似乎更接近為兒童設(shè)計的字體，童年時字體的美學(xué)理解伴隨著人們的生活。

　讓字體更大一點

毫無疑問，適當(dāng)放大字體會讓你感覺更舒服。當(dāng)然，字體的大小通常取決于您的實際需求，在處理大部分文本時需要注意。

雖然不同的設(shè)計師在處理文本時有不同的想法，但通常每個人都認(rèn)為每行的字符數(shù)應(yīng)該控制在45到60之間（中文也有一個習(xí)慣的數(shù)字），而在移動端，這個數(shù)量通常需要減半看起來足夠舒服。

　找x高度較高的字體

與中文字體不同，西方字體有頂部和下降，小寫字母x的高度是字體的x高度。小寫字母的總體比例將直接影響閱讀體驗。

具有相對高x高度的字體更容易閱讀，換句話說，小寫字母的高度更接近大寫字母的高度。理想情況下，字體的x高度介于大寫字母高度的三分之二到四分之三之間。

　顯示字體的字距調(diào)整

仔細(xì)的字距可以創(chuàng)建良好的排版。

身體里面有很多內(nèi)容，仔細(xì)調(diào)整所有字母之間的字距是不現(xiàn)實的，這是沒有必要的。但對于標(biāo)題字體和顯示字體，字距調(diào)整是非常必要的。不同字母的筆劃角度是不同的，并且每對字母之間的距離被適當(dāng)?shù)卣{(diào)整以使它們看起來像自然對。這個細(xì)節(jié)可以使您的設(shè)計在許多網(wǎng)站設(shè)計中脫穎而出。

實際上，中文和日文字體布局也使用了字距調(diào)整技術(shù)。在使用平假名和片假名的日本，通常在標(biāo)題的布局和顯示字體中使用字距調(diào)整以確保整體視覺。經(jīng)驗。

仔細(xì)思考比例

當(dāng)您為某個項目選擇字體樣式時，考慮后續(xù)設(shè)計的不同部分的大小比例會很有幫助。聽起來好像有很多計算工作要做，但它不一定很麻煩，對整個項目都有很大的幫助。

我們前面提到的行間距是要考慮的比率之一。另外，如何設(shè)置標(biāo)題，字幕和正文的字體大小比例，如何設(shè)置大小以營造視覺和諧感。開始控制比例可能不太好，但是Tut Plus有一個很好的教程可以幫助你理解這一點。

　筆畫統(tǒng)一的字體最理想

看著筆畫的風(fēng)格，筆畫的寬度無疑是最重要的。由于缺乏對比度，超精細(xì)筆劃通常難以識別，而過厚和過厚的筆劃可能具有相同的問題，并且閱讀非常昂貴。如果字體的對比度太強(qiáng)而且太突然，則可能會導(dǎo)致一些顯示問題。

事實上，解決方案并不困難。最好選擇中等筆畫和相對一致筆畫的字體。這些字體與更多背景兼容，并且相對更具可讀性和適應(yīng)性。

　克制地使用字體

僅使用兩種字體。同樣，只能使用兩種字體。

控制字體類型的數(shù)量應(yīng)該是每個項目的目標(biāo)。太多的用戶喜歡在界面中瘋狂地填充各種不同類型的字體，這對于眼睛來說是災(zāi)難性的，難以閱讀，甚至使用戶感到厭煩。

您可以選擇兩種字體系列作為常用字體——并且最多可以選擇一種用于顯示的藝術(shù)字體——然后堅持這些字體?？紤]每種字體的使用時間和位置，這應(yīng)該與字體的顏色，大小和位置有關(guān)。此外，字體的使用應(yīng)在不同頁面和不同設(shè)備上保持一致。

　提升對比度

有許多時尚的網(wǎng)頁設(shè)計可以減少背景和文本之間的對比，創(chuàng)造出酷炫和融合的效果，但內(nèi)容對用戶來說非常低識別和不友好。

您的內(nèi)容是網(wǎng)站的核心之一，因此重要性無可置疑。增強(qiáng)內(nèi)容和背景之間的對比度，以便在屏幕上清晰地識別每個單詞，使用戶可以輕松獲取信息。

網(wǎng)站包含的文本內(nèi)容越多，布局設(shè)計就越重要。布局結(jié)構(gòu)舒適穩(wěn)定，對比度明顯和諧，安全的顏色是您所要做的。