Godzilla. 2017-07-18 網(wǎng)站建設(shè)

汕頭網(wǎng)站設(shè)計(jì)公司文字排版的十大標(biāo)準(zhǔn)

　當(dāng)人們?yōu)g覽網(wǎng)頁(yè)的時(shí)候，人的視覺首先關(guān)注的是什么，那就是這個(gè)網(wǎng)站排版，文字的排版也是吸引用戶的關(guān)鍵，如果一篇文章雜亂無(wú)章，根本不是從何看起，那我相信用戶肯定都沒有看下去的欲望，所以文字排版在網(wǎng)站設(shè)計(jì)中也占據(jù)很大位置，汕頭網(wǎng)站設(shè)計(jì)公司就來(lái)淺析網(wǎng)站設(shè)計(jì)文字排版的十大標(biāo)準(zhǔn)注意事項(xiàng)。

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

　　當(dāng)您在網(wǎng)頁(yè)文字內(nèi)容中使用三種以上完全不同的字體時(shí)，會(huì)使網(wǎng)站看起來(lái)結(jié)構(gòu)紊亂和不專業(yè)。太多的字體和復(fù)雜的樣式會(huì)對(duì)布局產(chǎn)生影響，為了防止這種情況發(fā)生，嘗試控制字體類型的數(shù)量是必要的。

　　2，嘗試使用標(biāo)準(zhǔn)字體

　　在線字體服務(wù)，如Google Web字體和Typekit可以為您提供大量新鮮有趣的字體，意想不到的字體設(shè)計(jì)，在許多場(chǎng)合給用戶一個(gè)全新的體驗(yàn)。在使用中確實(shí)很方便，比如Google Web字體就這么用了

　　選擇您喜歡的字體之一，例如打開字體

　　·生成代碼，將其粘貼到HTML文檔的標(biāo)簽中！其實(shí)這個(gè)操作和大象進(jìn)冰箱一樣簡(jiǎn)單。

　　首先，您美麗的字體的選擇不會(huì)誰(shuí)的電腦都有，第一個(gè)例子，微軟雅虎黑色的Windows電腦不是蘋果的標(biāo)準(zhǔn)字體，如果你的頁(yè)面使用微軟雅黑，將在蘋果電腦上展現(xiàn)。你選擇的字體不是普遍存在的，最終將是另一種在別人屏幕上顯示的方式，用戶熟悉這些標(biāo)準(zhǔn)，常見的字體，最安全的英文字體總是Arial，Calibri，Trebuchet等字體The Good typography實(shí)際上只是基礎(chǔ)，吸引力總是漂亮的布局和質(zhì)量?jī)?nèi)容，而不是字體本身。

　　3，控制每行內(nèi)容的長(zhǎng)度

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

　　“如果你想有一個(gè)良好的閱讀體驗(yàn)，控制大約60個(gè)字符左右的文本行，字符數(shù)可以使您的內(nèi)容具有正確的可讀性。

　　如果文字太短，用戶的內(nèi)容掃描頻率會(huì)變得太高，經(jīng)常打破閱讀的節(jié)奏，如果太長(zhǎng)時(shí)間，用戶將難以保持高中的重點(diǎn)閱讀。在移動(dòng)方面，每行文字應(yīng)控制在30—40個(gè)字符之間，這也符合當(dāng)前用戶的習(xí)慣和閱讀體驗(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)該是在不同的大小，不同的字在這種情況下，可以有很好的可讀性。

　　最值得參考的是目前主流平臺(tái)的幾款獨(dú)立設(shè)計(jì)的人物系列，如Android Roboto，蘋果全系列常用英文字體舊金山。

　　當(dāng)字體足夠大時(shí)，識(shí)別問(wèn)題不明顯，當(dāng)在小屏幕上顯示內(nèi)容時(shí)，識(shí)別度非常顯著。例如，以下Vivaldi字體雖然很漂亮，但是當(dāng)體積小的時(shí)候，可讀性顯然是不夠的：

　　5，使用方便識(shí)別字體

　　汕頭網(wǎng)站設(shè)計(jì)公司由于英文字體本身的幾何特征，很多字體在設(shè)計(jì)時(shí)，不要注意用戶將難以識(shí)別，尤其是字母“i”和“L”，字母“R”， “N”在選擇字體時(shí)，應(yīng)特別注意這個(gè)問(wèn)題，確保這些基本問(wèn)題不會(huì)對(duì)用戶造成困擾。

　　6，避免全部大寫情況

　　事實(shí)上，該國(guó)網(wǎng)站的英文使用全部大寫字母，是一個(gè)特別典型的設(shè)計(jì)禁忌。正如Miles Tinker所說(shuō)，所有段落都使用大寫字母。與小寫字母相比，可讀性已經(jīng)大大降低，直接反映在用戶身上，也就是文字的閱讀速度明顯降低。

　　7，注意控制線高

　　在排版中，領(lǐng)導(dǎo)，就是高，是一個(gè)非常普遍和重要的概念。在布局設(shè)計(jì)中，線條也非常值得關(guān)注。一個(gè)更容易理解的概念來(lái)說(shuō)明這個(gè)事情，線間距，一般情況下，線間距應(yīng)該是文字高度的30％，所以要保證視覺清晰易讀。

　　德米特里·法耶耶夫發(fā)現(xiàn)，段落間的距離如果控制好，整個(gè)閱讀效率可以提高20％。這種布局允許將文本轉(zhuǎn)換為更容易用戶消化，剝離無(wú)關(guān)細(xì)節(jié)的內(nèi)容。

　　8，確保顏色對(duì)比度合理

　　文本和背景應(yīng)該有足夠的對(duì)比度，文本越明顯，用戶可以根據(jù)W3C的建議快速清楚地獲取信息，文字和背景的對(duì)比是正常的：

　　較小的文本應(yīng)確保至少背景與背景之間的對(duì)比度為4.5：1

　　較大的文字（14pt大膽，18pt程序）應(yīng)確保背景之間的對(duì)比度超過(guò)3：1

　　當(dāng)對(duì)比度不足時(shí)，幾乎不可能閱讀

　　這些符合規(guī)范的規(guī)范，好易讀

　　確定顏色后，您需要測(cè)試盡可能多的設(shè)備，以便不同的用戶查看結(jié)果，盡量避免可讀性問(wèn)題。

　　9，避免使用紅色和綠色文字

　　紅色和綠色盲目是最常見的視覺障礙之一，通常使用彩色文本而不是區(qū)分重要信息，但紅色和綠色可能會(huì)失去視覺傳達(dá)的功能。即使只使用紅色，盡可能與其他區(qū)別。

　　10，避免使用閃爍的文字

閃爍的文字真的可以引起用戶的關(guān)注，但是它存在的最大問(wèn)題是人們感到不適，甚至導(dǎo)致特定用戶的癲癇疾病。，令人討厭和令人分心的文字，無(wú)論從哪個(gè)角度來(lái)看，都是設(shè)計(jì)錯(cuò)誤的損失，汕頭網(wǎng)站建設(shè)公司談?wù)劧ㄖ凭W(wǎng)站的好處。選擇定制網(wǎng)站也可以避免很多問(wèn)題?！?/div>

下一篇：SEO優(yōu)化的時(shí)候需要注意哪些細(xì)節(jié) 上一篇：做網(wǎng)站需要多少錢？