涩涩爱在线观看-涩涩www在线观看免费高清-涩色综合-涩色影院-国产成人精品视频免费-国产成人精品视频播放

我們經常認為寫作是一件簡單的事情；我們經常認為使用正確的語法、決定元素在頁面布局中的順序以及選擇視覺效果好的字體就足夠了。但是排版的藝術包含很多經常被忽略的因素，對于網站而言更是如此，整個寫作和發表過程是沉浸式的，文本的質量經常被忽略。在這一章，我們將會展示很多不同的排版技術、良好的實踐和一些經驗之談，同時也包括常見的排版錯誤。但是首先讓我們仔細看一看網站排版的一些基本概念。

清晰度受字體設計、屏幕優化和微觀版式影響。它與彼此可以相互識別單個字符、字母或字形相關。我們不能改變字體的外形，但是可以選擇正確的字體，并且選擇相應的版式。當涉及清晰度問題時，許多設計師在一些標準、探索法和排版技巧上達成了共識。比如，大寫字母會比小寫字母更難以掃讀，正體字比斜體字更容易識別。在正文文本和背景間合適的對比會提高清晰度，正如適宜的行寬和行高所產生的效果。與字母的下半部分相比，上半部分對于掃讀的意義更大，然而升部（ascenders）和降部（descenders）的高度對于字母的識別具有重要作用，這也是很多人認為有襯線（serifs）字體更容易識別的原因。正如你所看到的，當我們談到清晰度時，很多因素都在起作用。可讀性是設計主要關注的問題。它受布局、內容塊的擺放和獨立欄目的展現影響。我們可以通過很多方式保證可讀性，其中很多方式都受讀者習慣影響。從根本上講，人們“讀”網站內容的方式和讀印刷品的方式不同。理解這種行為和為這種行為進行設計非常關鍵，這也是用戶體驗設計的要點。網站排版需要深思熟慮。行寬（measure 或line length）就是每行文本的長度。佳的長度取決于上下文，但是對于左對齊的文本塊，45 到75 個字符（包括標點符號和空白）之間的長度值得推薦。66 個字符被認為是佳的長度：這個長度閱讀起來舒服，使眼睛不必在本行結束和下一行開始之時移動太遠的距離。不要讓行寬太短，因為頻繁地在行與行之間移動，同樣會使眼球疲勞。

令人驚訝的是，我們近關于版式設計[注釋]的研究發現，包含大量文本、排版相關的網站（新聞、雜志和排版相關的博客等）有更長的行寬，通常在70到100 個字符之間（每行多的字符數）。總體上，每行的字符在75 到85個之間。不過，目前還沒有研究表明這樣的行寬是否會帶來更好或更壞的可讀性。

另外，很多網站是多欄布局。行寬在多欄布局中可能會短一些。根據習慣，對齊的文本通常在區域的下半部分；但是不需要精確控制單詞間的空白和連字符，較長的行在瀏覽中的顯示效果會更好一些。

雖然設置正確的行寬很重要，但是可讀性可以通過正確的行高（leading 或line height） 顯著提高。行高就是一行文本的垂直高度。它是兩個連續文本之間的距離，或者說是兩行文字基線之間的距離。為了防止一行的降部覆蓋下一行的升部，必須保證足夠的行高。在默認情況下，瀏覽器會把行高設定為1em，或者字體大小的1 倍，這個高度通常會顯得太小以至于不好辨析字體。一個被廣泛接受的經驗是，把段落的行高設定為字體大小的1.5 倍。實際上，根據我們對平均行高的研究發現，這個約定俗成的行高仍然在被廣泛使用（平均行高是字體大小的1.48 倍）。作為一個簡單的指導，行寬越大，行高也應越大。

注意到我們在CSS 中可以通過無確定單位的整數來定義行高值。這個數字作為度量因素和字體大小相關，并確保在文字大小改變后，行高也發生相應的變化。總體來說，無襯線（sans serif）字體比襯線（serif）字體需要更大的行高，頁眉比正文需要更少的行寬。同樣，較粗字體比較細的字體需要更大的行高。