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

我們(men)經(jing)(jing)常(chang)(chang)認為寫(xie)作是一(yi)件簡單的(de)(de)(de)(de)事(shi)情；我們(men)經(jing)(jing)常(chang)(chang)認為使用正確的(de)(de)(de)(de)語法(fa)、決(jue)定(ding)元素在(zai)(zai)頁面布局中的(de)(de)(de)(de)順序以及選擇視覺效(xiao)果(guo)好(hao)的(de)(de)(de)(de)字體(ti)就足夠了。但是排版(ban)的(de)(de)(de)(de)藝術(shu)包(bao)含很(hen)多(duo)經(jing)(jing)常(chang)(chang)被忽略的(de)(de)(de)(de)因(yin)素，對于(yu)網站而言更(geng)是如此，整個(ge)寫(xie)作和(he)發表過(guo)程是沉浸(jin)式的(de)(de)(de)(de)，文本的(de)(de)(de)(de)質(zhi)量經(jing)(jing)常(chang)(chang)被忽略。在(zai)(zai)這一(yi)章，我們(men)將會展示(shi)很(hen)多(duo)不同的(de)(de)(de)(de)排版(ban)技術(shu)、良好(hao)的(de)(de)(de)(de)實踐和(he)一(yi)些經(jing)(jing)驗之(zhi)談(tan)，同時也包(bao)括常(chang)(chang)見(jian)的(de)(de)(de)(de)排版(ban)錯誤。但是首先讓我們(men)仔細看一(yi)看網站排版(ban)的(de)(de)(de)(de)一(yi)些基本概(gai)念。

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

令人驚(jing)訝的(de)(de)(de)是，我們(men)最近關于版式設(she)計[注(zhu)釋(shi)]的(de)(de)(de)研(yan)究(jiu)發現，包(bao)含大(da)量文(wen)本、排(pai)(pai)版相(xiang)關的(de)(de)(de)網站（新(xin)聞(wen)、雜志和排(pai)(pai)版相(xiang)關的(de)(de)(de)博客(ke)等）有更長的(de)(de)(de)行(xing)寬(kuan)，通常在(zai)70到100 個(ge)字(zi)符之(zhi)間(jian)（每(mei)(mei)行(xing)最多(duo)的(de)(de)(de)字(zi)符數(shu)）。總體上，每(mei)(mei)行(xing)的(de)(de)(de)字(zi)符在(zai)75 到85個(ge)之(zhi)間(jian)。不(bu)過，目前還(huan)沒有研(yan)究(jiu)表(biao)明這樣(yang)的(de)(de)(de)行(xing)寬(kuan)是否會帶(dai)來更好或更壞(huai)的(de)(de)(de)可讀(du)性。

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

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

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