99久久精品免费观看国产_久久无码人妻一区二区三区_50岁熟妇的呻吟声对白_毛很浓密超多黑毛的少妇

我們經常(chang)認(ren)為(wei)(wei)寫(xie)作(zuo)是(shi)(shi)一件簡單的事情；我們經常(chang)認(ren)為(wei)(wei)使用正確的語法、決定元素在(zai)頁面(mian)布局(ju)中的順序以及(ji)選擇視覺效果好(hao)的字體就足(zu)夠了。但是(shi)(shi)排(pai)版(ban)的藝術包含很(hen)多經常(chang)被忽略的因素，對于(yu)網站而言更(geng)是(shi)(shi)如此(ci)，整個寫(xie)作(zuo)和(he)發表(biao)過程(cheng)是(shi)(shi)沉浸式的，文(wen)本(ben)的質量經常(chang)被忽略。在(zai)這一章，我們將會展示很(hen)多不同(tong)(tong)的排(pai)版(ban)技術、良(liang)好(hao)的實踐(jian)和(he)一些(xie)經驗之談，同(tong)(tong)時也包括常(chang)見的排(pai)版(ban)錯(cuo)誤。但是(shi)(shi)首先讓我們仔細看一看網站排(pai)版(ban)的一些(xie)基本(ben)概(gai)念(nian)。

清晰(xi)(xi)(xi)度受字(zi)(zi)體(ti)(ti)設(she)計(ji)、屏(ping)幕(mu)優(you)化和微(wei)觀(guan)版式(shi)(shi)影(ying)響。它與彼(bi)此(ci)可(ke)(ke)以相(xiang)互識(shi)(shi)別單個(ge)字(zi)(zi)符(fu)、字(zi)(zi)母(mu)(mu)或字(zi)(zi)形(xing)(xing)相(xiang)關。我們不(bu)能改變(bian)字(zi)(zi)體(ti)(ti)的(de)(de)(de)(de)(de)(de)(de)(de)外形(xing)(xing)，但(dan)是(shi)可(ke)(ke)以選擇正(zheng)確的(de)(de)(de)(de)(de)(de)(de)(de)字(zi)(zi)體(ti)(ti)，并且(qie)選擇相(xiang)應(ying)的(de)(de)(de)(de)(de)(de)(de)(de)版式(shi)(shi)。當(dang)涉及(ji)清晰(xi)(xi)(xi)度問題(ti)時，許多(duo)(duo)設(she)計(ji)師在一些標準、探(tan)索法和排版技(ji)巧(qiao)上達成(cheng)了共(gong)識(shi)(shi)。比(bi)如(ru)(ru)，大寫(xie)字(zi)(zi)母(mu)(mu)會(hui)比(bi)小寫(xie)字(zi)(zi)母(mu)(mu)更(geng)(geng)難以掃讀(du)(du)，正(zheng)體(ti)(ti)字(zi)(zi)比(bi)斜(xie)體(ti)(ti)字(zi)(zi)更(geng)(geng)容(rong)(rong)易(yi)識(shi)(shi)別。在正(zheng)文(wen)(wen)文(wen)(wen)本(ben)和背景間(jian)(jian)(jian)合適的(de)(de)(de)(de)(de)(de)(de)(de)對比(bi)會(hui)提高清晰(xi)(xi)(xi)度，正(zheng)如(ru)(ru)適宜(yi)的(de)(de)(de)(de)(de)(de)(de)(de)行(xing)(xing)(xing)(xing)寬和行(xing)(xing)(xing)(xing)高所產生的(de)(de)(de)(de)(de)(de)(de)(de)效果(guo)。與字(zi)(zi)母(mu)(mu)的(de)(de)(de)(de)(de)(de)(de)(de)下半(ban)部(bu)(bu)分相(xiang)比(bi)，上半(ban)部(bu)(bu)分對于(yu)掃讀(du)(du)的(de)(de)(de)(de)(de)(de)(de)(de)意義更(geng)(geng)大，然(ran)而升部(bu)(bu)（ascenders）和降(jiang)部(bu)(bu)（descenders）的(de)(de)(de)(de)(de)(de)(de)(de)高度對于(yu)字(zi)(zi)母(mu)(mu)的(de)(de)(de)(de)(de)(de)(de)(de)識(shi)(shi)別具(ju)有(you)重要(yao)作(zuo)用，這(zhe)也是(shi)很(hen)多(duo)(duo)人(ren)認為(wei)(wei)(wei)有(you)襯(chen)線(xian)（serifs）字(zi)(zi)體(ti)(ti)更(geng)(geng)容(rong)(rong)易(yi)識(shi)(shi)別的(de)(de)(de)(de)(de)(de)(de)(de)原因。正(zheng)如(ru)(ru)你所看(kan)到(dao)的(de)(de)(de)(de)(de)(de)(de)(de)，當(dang)我們談到(dao)清晰(xi)(xi)(xi)度時，很(hen)多(duo)(duo)因素都(dou)在起作(zuo)用。可(ke)(ke)讀(du)(du)性(xing)是(shi)設(she)計(ji)主要(yao)關注的(de)(de)(de)(de)(de)(de)(de)(de)問題(ti)。它受布局、內容(rong)(rong)塊的(de)(de)(de)(de)(de)(de)(de)(de)擺放和獨立(li)欄目的(de)(de)(de)(de)(de)(de)(de)(de)展現(xian)影(ying)響。我們可(ke)(ke)以通過很(hen)多(duo)(duo)方式(shi)(shi)保證可(ke)(ke)讀(du)(du)性(xing)，其(qi)中很(hen)多(duo)(duo)方式(shi)(shi)都(dou)受讀(du)(du)者(zhe)習慣影(ying)響。從根本(ben)上講(jiang)，人(ren)們“讀(du)(du)”網站內容(rong)(rong)的(de)(de)(de)(de)(de)(de)(de)(de)方式(shi)(shi)和讀(du)(du)印刷(shua)品的(de)(de)(de)(de)(de)(de)(de)(de)方式(shi)(shi)不(bu)同(tong)。理解這(zhe)種(zhong)(zhong)行(xing)(xing)(xing)(xing)為(wei)(wei)(wei)和為(wei)(wei)(wei)這(zhe)種(zhong)(zhong)行(xing)(xing)(xing)(xing)為(wei)(wei)(wei)進行(xing)(xing)(xing)(xing)設(she)計(ji)非(fei)常關鍵，這(zhe)也是(shi)用戶體(ti)(ti)驗設(she)計(ji)的(de)(de)(de)(de)(de)(de)(de)(de)要(yao)點。網站排版需要(yao)深思熟慮。行(xing)(xing)(xing)(xing)寬（measure 或line length）就(jiu)是(shi)每行(xing)(xing)(xing)(xing)文(wen)(wen)本(ben)的(de)(de)(de)(de)(de)(de)(de)(de)長(chang)度。最(zui)(zui)(zui)佳的(de)(de)(de)(de)(de)(de)(de)(de)長(chang)度取決(jue)于(yu)上下文(wen)(wen)，但(dan)是(shi)對于(yu)左對齊的(de)(de)(de)(de)(de)(de)(de)(de)文(wen)(wen)本(ben)塊，45 到(dao)75 個(ge)字(zi)(zi)符(fu)（包括標點符(fu)號和空白）之間(jian)(jian)(jian)的(de)(de)(de)(de)(de)(de)(de)(de)長(chang)度值得推薦(jian)。66 個(ge)字(zi)(zi)符(fu)被認為(wei)(wei)(wei)是(shi)最(zui)(zui)(zui)佳的(de)(de)(de)(de)(de)(de)(de)(de)長(chang)度：這(zhe)個(ge)長(chang)度閱讀(du)(du)起來最(zui)(zui)(zui)舒服，使眼(yan)睛(jing)不(bu)必在本(ben)行(xing)(xing)(xing)(xing)結(jie)束和下一行(xing)(xing)(xing)(xing)開(kai)始之時移(yi)動太遠的(de)(de)(de)(de)(de)(de)(de)(de)距離。不(bu)要(yao)讓行(xing)(xing)(xing)(xing)寬太短，因為(wei)(wei)(wei)頻繁地在行(xing)(xing)(xing)(xing)與行(xing)(xing)(xing)(xing)之間(jian)(jian)(jian)移(yi)動，同(tong)樣會(hui)使眼(yan)球疲勞。

令(ling)人驚訝的(de)(de)(de)(de)是，我們最(zui)近關于版式設(she)計(ji)[注釋]的(de)(de)(de)(de)研究發現，包含(han)大量文本、排版相(xiang)關的(de)(de)(de)(de)網站（新聞、雜志(zhi)和排版相(xiang)關的(de)(de)(de)(de)博客等）有更(geng)長(chang)的(de)(de)(de)(de)行(xing)寬，通常(chang)在(zai)70到100 個字(zi)符(fu)之間（每行(xing)最(zui)多的(de)(de)(de)(de)字(zi)符(fu)數(shu)）。總(zong)體上(shang)，每行(xing)的(de)(de)(de)(de)字(zi)符(fu)在(zai)75 到85個之間。不(bu)過(guo)，目前(qian)還沒有研究表明這樣(yang)的(de)(de)(de)(de)行(xing)寬是否(fou)會帶來(lai)更(geng)好或(huo)更(geng)壞的(de)(de)(de)(de)可讀性。

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

雖然設(she)置正確(que)的(de)行(xing)(xing)(xing)(xing)(xing)寬很重要，但(dan)是可讀性可以通(tong)(tong)過正確(que)的(de)行(xing)(xing)(xing)(xing)(xing)高(gao)(gao)(gao)(gao)(gao)(gao)(gao)（leading 或(huo)line height） 顯著提(ti)高(gao)(gao)(gao)(gao)(gao)(gao)(gao)。行(xing)(xing)(xing)(xing)(xing)高(gao)(gao)(gao)(gao)(gao)(gao)(gao)就是一(yi)行(xing)(xing)(xing)(xing)(xing)文本(ben)的(de)垂(chui)直(zhi)高(gao)(gao)(gao)(gao)(gao)(gao)(gao)度(du)。它是兩個(ge)(ge)連續文本(ben)之(zhi)間(jian)的(de)距(ju)離(li)，或(huo)者說是兩行(xing)(xing)(xing)(xing)(xing)文字基線之(zhi)間(jian)的(de)距(ju)離(li)。為了防止一(yi)行(xing)(xing)(xing)(xing)(xing)的(de)降(jiang)部覆蓋下一(yi)行(xing)(xing)(xing)(xing)(xing)的(de)升(sheng)部，必須保證足(zu)夠的(de)行(xing)(xing)(xing)(xing)(xing)高(gao)(gao)(gao)(gao)(gao)(gao)(gao)。在默認情況下，瀏(liu)覽器會把(ba)行(xing)(xing)(xing)(xing)(xing)高(gao)(gao)(gao)(gao)(gao)(gao)(gao)設(she)定(ding)為1em，或(huo)者字體(ti)(ti)大(da)小(xiao)的(de)1 倍(bei)，這個(ge)(ge)高(gao)(gao)(gao)(gao)(gao)(gao)(gao)度(du)通(tong)(tong)常會顯得太小(xiao)以至于不好辨(bian)析字體(ti)(ti)。一(yi)個(ge)(ge)被廣(guang)泛接受的(de)經(jing)驗(yan)是，把(ba)段落(luo)的(de)行(xing)(xing)(xing)(xing)(xing)高(gao)(gao)(gao)(gao)(gao)(gao)(gao)設(she)定(ding)為字體(ti)(ti)大(da)小(xiao)的(de)1.5 倍(bei)。實際(ji)上(shang)，根據我(wo)們對(dui)平(ping)均行(xing)(xing)(xing)(xing)(xing)高(gao)(gao)(gao)(gao)(gao)(gao)(gao)的(de)研究發(fa)現(xian)，這個(ge)(ge)約定(ding)俗成的(de)行(xing)(xing)(xing)(xing)(xing)高(gao)(gao)(gao)(gao)(gao)(gao)(gao)仍然在被廣(guang)泛使用（平(ping)均行(xing)(xing)(xing)(xing)(xing)高(gao)(gao)(gao)(gao)(gao)(gao)(gao)是字體(ti)(ti)大(da)小(xiao)的(de)1.48 倍(bei)）。作為一(yi)個(ge)(ge)簡單的(de)指(zhi)導(dao)，行(xing)(xing)(xing)(xing)(xing)寬越(yue)大(da)，行(xing)(xing)(xing)(xing)(xing)高(gao)(gao)(gao)(gao)(gao)(gao)(gao)也應(ying)越(yue)大(da)。

注意到我們在CSS 中可以通過無(wu)確定(ding)單位的(de)(de)整數來定(ding)義行(xing)(xing)高(gao)值。這個(ge)數字(zi)(zi)(zi)作為度量因素和字(zi)(zi)(zi)體(ti)(ti)大小相關，并確保在文(wen)字(zi)(zi)(zi)大小改變后，行(xing)(xing)高(gao)也發生相應的(de)(de)變化。總體(ti)(ti)來說，無(wu)襯(chen)(chen)線（sans serif）字(zi)(zi)(zi)體(ti)(ti)比(bi)襯(chen)(chen)線（serif）字(zi)(zi)(zi)體(ti)(ti)需要(yao)更(geng)大的(de)(de)行(xing)(xing)高(gao)，頁眉比(bi)正文(wen)需要(yao)更(geng)少(shao)的(de)(de)行(xing)(xing)寬。同(tong)樣(yang)，較(jiao)粗字(zi)(zi)(zi)體(ti)(ti)比(bi)較(jiao)細(xi)的(de)(de)字(zi)(zi)(zi)體(ti)(ti)需要(yao)更(geng)大的(de)(de)行(xing)(xing)高(gao)。