日本一区二区三区在线看|亚洲视频一二最新在线无码|丝袜啪啪高潮喷水秀|久久精品国产九九|影音先锋萱萱影视|福利二区免费播放|五月丁香婷婷丁香视频|丁香五月天激情在线vr|精品国产视频一二三|殴州亚州av另类..

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

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

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

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

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

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