久久九九久精品国产_成人区精品一区二区婷婷_国产激情一区二区三区_窝窝午夜理论片影院

　　對(duì)于網(wǎng)頁(yè)來(lái)說(shuō)，視覺(jué)信息的傳遞非常重要。用戶通過(guò)頁(yè)面獲取信息，文本、圖片、圖標(biāo)、按鈕、表單等UI元素都承載著不同類型的信息。其中，文字的作用尤為重要。在排版設(shè)計(jì)中，文字內(nèi)容的處理占有相當(dāng)大的比重。雖然互聯(lián)網(wǎng)上呈現(xiàn)信息的方式多種多樣，但90%以上的信息都是通過(guò)文本傳遞的。

　　好的排版設(shè)計(jì)可以使閱讀成為一種樂(lè)趣，就像奧利弗賴因斯坦在他的文章中所說(shuō)的：

　　“優(yōu)化排版相當(dāng)于增強(qiáng)可讀性，提高可訪問(wèn)性，增強(qiáng)易用性，最終達(dá)到視覺(jué)平衡！”

　　換句話說(shuō)，優(yōu)化排版設(shè)計(jì)就是優(yōu)化UI界面。今天的文章總結(jié)了文本排版的10個(gè)常見(jiàn)注意事項(xiàng)，可以幫助你真正提高內(nèi)容的可讀性和可讀性。

　　1.控制字體數(shù)量

　　當(dāng)你在網(wǎng)頁(yè)的文本內(nèi)容中使用三種以上完全不同的字體時(shí)，會(huì)使網(wǎng)站顯得雜亂無(wú)章、不專業(yè)。

　　過(guò)多的字體和復(fù)雜的樣式會(huì)影響布局。

　　為了防止這種情況發(fā)生，需要盡可能控制字體類型的數(shù)量。

　　總的來(lái)說(shuō)，限制字體數(shù)量是很有用的方法(最多兩種字體，通常一種字體可以處理大部分排版)，堅(jiān)持在整個(gè)網(wǎng)站設(shè)計(jì)中使用一種字體可以帶來(lái)一致的體驗(yàn)。如果您需要使用兩種或兩種以上的字體，請(qǐng)確保這些字體系列能夠相互補(bǔ)充和匹配。以下面四種字體為例。喬治亞和Verdana字體大小、寬度相近，構(gòu)成和諧搭配。相比之下，右側(cè)的兩種字體，巴斯克維爾和Impact，如果搭配在一起就不合適了。沖擊太厚，巴斯克維爾的反差太突出。

　　2.盡量使用標(biāo)準(zhǔn)字體

　　網(wǎng)上的字體服務(wù)，比如Google  web  Fonts和Typekit，可以為你推薦很多新鮮有趣的字體。意想不到的字體設(shè)計(jì)可以在很多場(chǎng)合給用戶帶來(lái)新鮮的體驗(yàn)。在使用方面，也很方便。例如，谷歌網(wǎng)頁(yè)字體是這樣使用的：

　　選擇您喜歡的字體，如“打開(kāi)字體”

　　生成代碼，粘貼到HTML文檔的標(biāo)簽中。完成！

　　這個(gè)操作就像把大象放進(jìn)冰箱一樣簡(jiǎn)單。

　　那么，問(wèn)題到底出在哪里呢？

　　首先，你選擇的漂亮字體是任何人的電腦都沒(méi)有的。第一個(gè)例子是Windows電腦里的微軟雅黑不是Mac的標(biāo)準(zhǔn)字體。如果你在網(wǎng)頁(yè)中使用微軟雅黑，它會(huì)以平面的方式顯示在Mac電腦上。你選擇的字體不是萬(wàn)能的，最終會(huì)以另一種方式出現(xiàn)在別人的屏幕上。用戶熟悉標(biāo)準(zhǔn)和常用字體，最安全的英文字體永遠(yuǎn)是Arial、Calibri、Trebuchet等。其實(shí)好的排版只是基礎(chǔ)，吸引人的永遠(yuǎn)是漂亮整齊的排版和高質(zhì)量的內(nèi)容，而不是字體本身。3.控制每行內(nèi)容的長(zhǎng)度

　　每行文本的字符數(shù)直接影響內(nèi)容的可讀性。正如Baymard通過(guò)研究發(fā)現(xiàn)的：

　　“要想有好的閱讀體驗(yàn)，每行文字控制在60個(gè)字符左右。這一數(shù)量的字符可以使您的內(nèi)容可讀性恰到好處。”

　　如果文本太短，用戶內(nèi)容的掃描頻率會(huì)太高，往往會(huì)打破閱讀的節(jié)奏，而如果太長(zhǎng)，用戶就很難保持持續(xù)的高濃度閱讀。

　　在移動(dòng)端，每行字符應(yīng)該控制在30到40個(gè)字符之間，這也符合目前的用戶習(xí)慣和閱讀體驗(yàn)。參考下面的對(duì)比圖，可以看出40~60個(gè)字符通?？梢赃_(dá)到最好的閱讀體驗(yàn)。

　　在網(wǎng)頁(yè)設(shè)計(jì)中，通常使用em和px來(lái)控制文本塊的寬度，從而控制每行的字符數(shù)。

　　4.選擇可以在各種尺寸下很好顯示的字體

　　用戶注定要通過(guò)不同的設(shè)備訪問(wèn)您的網(wǎng)站。大多數(shù)用戶界面需要使用不同大小的文本元素作為支持，如正文、標(biāo)題、按鈕標(biāo)簽、表單等。你選擇的字體應(yīng)該有不同的大小和不同的粗細(xì)。

　　最值得參考的是幾個(gè)主流平臺(tái)獨(dú)立設(shè)計(jì)的字體家族，比如安卓上的Roboto，舊金山，蘋果的全系列通用英文字體。

　　當(dāng)字體足夠大的時(shí)候，可識(shí)別性的問(wèn)題不明顯，但是當(dāng)它在小屏幕上呈現(xiàn)內(nèi)容的時(shí)候，可識(shí)別性的問(wèn)題就很明顯了。比如下面的Vivaldi字體很漂亮，但是尺寸小的時(shí)候可讀性明顯不足：

　　5.使用易于識(shí)別的字體

　　由于英文字體的幾何特性，很多字體在設(shè)計(jì)時(shí)很難被用戶識(shí)別，尤其是字母“I”和“L”，以及字母“R”、“N”和“H”。在選擇字體時(shí)，要特別注意這些問(wèn)題，確保這些基本問(wèn)題不會(huì)給用戶帶來(lái)麻煩。

　　6.避免所有大寫

　　事實(shí)上，在英語(yǔ)網(wǎng)站上使用所有大寫文本是一個(gè)典型的設(shè)計(jì)禁忌。就像Miles  Tinker說(shuō)的，所有段落都使用大寫字母，相對(duì)于小寫字母，可讀性明顯降低，直接體現(xiàn)在用戶的身體上，也就是文本的閱讀速度明顯降低。

　　7.注意控制線的高度

　　在排版中，Leading，也就是行高，是一個(gè)很常見(jiàn)也很重要的概念。在排版設(shè)計(jì)中，行高也是值得注意的。用一個(gè)更容易理解的概念來(lái)解釋這件事。一般情況下，行距應(yīng)為文字高度的30%，以保證視覺(jué)易讀性。德米特里法代耶夫(Dmitry  Fadeyev)發(fā)現(xiàn)，如果段落間距控制得好，整個(gè)閱讀效率可以提高20%。這種布局可以讓文字變得更容易被用戶消化，剝離無(wú)關(guān)的細(xì)節(jié)。

　　8.確保色彩對(duì)比合理

　　文字和背景要有足夠的對(duì)比，文字越明顯，用戶就越能快速清晰地獲取其中的信息。按照W3C的建議，文本和背景的對(duì)比是有規(guī)律的：

　　小文本應(yīng)確保與背景的對(duì)比度至少為4.533301

　　大文本(14pt粗體，18pt常規(guī))應(yīng)確保文本和背景之間的對(duì)比度超過(guò)：1

　　當(dāng)對(duì)比度不足時(shí)，幾乎無(wú)法閱讀

　　這些符合對(duì)比度規(guī)格，易于閱讀

　　一旦確定了配色，就需要在盡可能多的設(shè)備上進(jìn)行測(cè)試，讓不同的用戶看到效果，盡可能避免可讀性問(wèn)題。

　　9.避免使用紅色和綠色文本

　　紅綠色盲是最常見(jiàn)的視覺(jué)障礙之一。彩色文本通常用于區(qū)分重要信息，但紅色和綠色可能會(huì)失去視覺(jué)傳達(dá)的功能。即使只用紅色，也盡量搭配其他區(qū)分方法。

　　10.避免使用閃爍的文本

　　閃爍的文字確實(shí)能吸引用戶的注意力，但它最大的問(wèn)題是讓人感覺(jué)不舒服，甚至?xí)鹛囟ㄓ脩舻陌d癇病。惡心又讓人分心的閃爍文字，無(wú)論從哪個(gè)角度來(lái)看，都是弊大于利的設(shè)計(jì)錯(cuò)誤。

　　標(biāo)簽

　　現(xiàn)在排版在網(wǎng)頁(yè)設(shè)計(jì)中越來(lái)越重要。糟糕的排版讓人分心，內(nèi)容無(wú)法清晰傳達(dá)。反之，優(yōu)秀的排版會(huì)更含蓄、無(wú)聲，讓內(nèi)容傳達(dá)得更清晰、更直觀，最終用戶更容易理解內(nèi)容。