一個受大眾審美歡迎的網站往往是從優秀的排版開始的。雖然偶爾打破規則可以幫助你的網頁設計創造不同的視覺風格，吸引用戶注意，但是，有時候我們更應該回歸基礎的排版原則以及思考如何以更好的方式創建它們。

這是一個很重要的思維更新，可以幫助你重新思考你的設計項目，考慮一種新的方法或只是簡單的回到一個更簡單，更流線型的設計。

所以今天，我們將先忽略那些“揚言”要打破排版規則的理論趨勢和方法，專注于“規則”，看看它如何指引我們創造出驚人的作品的重要方向。

1.大小和層次結構



思考一下那些有關尺寸大小的相關事件和元素。在屏幕上創建可讀性排版大綱時，尺寸可能是最重要的因素之一。過于微小的文字可能令人錯愕，難以看清。超大的文本又可能會以奇怪的方式打亂用戶的閱讀習慣，導致混亂。

在網站設計中建立符合可讀性要求的排版需要具備層次結構，可以告訴用戶第一，第二等等。因此，你需要創建一個明顯的視覺規格，將主內容文本、標題、小標題和強調性文本“區別對待”，以營造這種文本的層次感。



2.文本間距和字距


我們經常會感到困惑，Tracking和Kerning難道是不一樣的兩項調節參數嗎？Kerning調整是一對字母之間的空間調整，而Tracking是對一整套字符之間的空間進行調整，例如對一段文本的段落或整體調整。

Kerning通常應用于單個元素，以創建精確度，增強大文本的可讀性甚至風格。Tracking通常用于在整體文本內容中收緊松散的字體。



3.限制字體使用



在同一個網站設計中使用太多種類的字體在視覺上可能給用戶造成壓力和減低閱讀體驗。大多數設計項目使用兩到三個字體就已經足夠了。

選擇可以固定的字體樣式的關鍵是選擇哪些具有大量變化風格的字體家族。大多數字體都有多種樣式——粗體，常規，斜體，細體，黑色等。通過選擇具有多個選項的字體，你將可以在不同的用途和重量以及樣式上自由的選擇。



4.混合和匹配設計風格


網站建設過程中，選擇字體誠然是所有設計項目中最棘手的部分，你可以選擇兩種不同的類型。

最常見的配對是襯線和無襯線字體。但你不必非要堅持這一點。

當配對不同的樣式風格和字體時，你可以通過查找具有類似x高度的字體（查找具有相同垂直小寫“x”大小的字符集）和碗形（封閉字母，如“o”具有相似的內融空間）。

這些細節可以使盡管不同的字體組合在一起仍然像是同一個而不會產生過多的差異化，用戶在閱讀文本時也會更適應和簡單。使用不同風格的類似字形仍然具有視覺熟悉度，可以使所有類型的組合更容易一起閱讀。



5.忘記連字符和下劃線


大多數時候，連字符和過多的下劃線是不必要的。

特別是在網站設計等線上的項目中，這些技術可能使文本更難以消化和了解一目。 連字符會分解閱讀體驗，下劃線則會在奇數間距上導致文本難以閱讀。

盡管這兩個要素都在某些項目中可能占有一席之地，但它們通常應該被避免。



6.不要改變字體


你永遠不應該過多的干預字體的形態。不要試圖使它更胖，更高或更薄。如果你必須使用這樣的樣式才能符合你的設計要求的話，選擇一個新的字體代替。

字體設計師努力創建一個一致的字符集，這種專業的設計可以保證這些字符是可讀的，是最適合的字體樣式。所以，不要嘗試改變一組字符的外觀。你可能不會改進它們，反而會造成異常混亂。

如果在網頁設計過程中，目前的這種字體不太適合你的需要，尋找別的字體以代替。嘗試使用Identifont或類似的字體工具來識別具有相似外觀的字體，以在項目中選擇可能更好的其他選項。



7.對比


使用字體的不同類型設計和創建對比。正如你會使用不同的尺寸大小來創建層次結構一樣，考慮不同的字體權重，顏色和樣式，以提供不同的視覺。

顏色是創造對比度最有效和簡便的方式之一。理想的對比度是在淺色背景上使用深色文字（或相反的）。 在網頁設計中可以幫助你創建對比的顏色選項沒有限制。當你在使用顏色和排版時，請注意一些顏色組合不要輕易的使用它們，如亮藍色的亮紅色，真的很難被閱讀。尋找在亮與暗，活力和飽和度方面不同的組合。

當談到對時比，簡單的背景通常最適合給予文本空間以閱讀的。但如果背景包含視覺元素，如圖像或圖案，則會產生字體的大小凹凸感，以創建背景和前景文本元素之間的分隔。



8.關于度量的一些事項


度量是指容納文本的容器大小。可以是多列格式的整個文本框或單列的寬度。

文本度量之所以很重要的原因在于，屏幕上的字符數（包括空格，字形和標點符號）可能會影響可讀性。這個概念背后的理論是，如果線條太長或太短，由于來自一條線路到下一條線路的不斷往復運動，用戶的眼睛可能會感到疲勞。

應用一段《 The Elements of Typographic Style》中提及的相關描述：“45到75個字符被廣泛地認為是在文本大小的襯線文本中設置的單列頁面的令人滿意的長度。 66字符的行（計數字母和空格）被廣泛認為是理想的。對于需要以多列排版呈現的內容來說，更好的平均值是40到50個字符。”

對于大多數項目來說，這是一個非常好的起點，盡管許多項目傾向于稍大一點的排版樣式，但是最理想的字符數（字符長度）還是在這個范圍之內。

盡管移動端排版在書籍的首次出版并不會在文字的長度上產生太多的問題，但是對于多列文本展示來說，這份指南是可以接受的起點。你甚至可以選擇稍微降低一點，并針對小屏幕每行優化至35個字符。