Godzilla. 2017-07-18
網(wǎng)站建設(shè)
汕頭網(wǎng)站設(shè)計公司文字排版的十大標(biāo)準(zhǔn)
當(dāng)人們?yōu)g覽網(wǎng)頁的時候，人的視覺首先關(guān)注的是什么，那就是這個網(wǎng)站排版，文字的排版也是吸引用戶的關(guān)鍵，如果一篇文章雜亂無章，根本不是從何看起，那我相信用戶肯定都沒有看下去的欲望，所以文字排版在網(wǎng)站設(shè)計中也占據(jù)很大位置，汕頭網(wǎng)站設(shè)計公司就來淺析網(wǎng)站設(shè)計文字排版的十大標(biāo)準(zhǔn)注意事項。
1，控制字體數(shù)量
當(dāng)您在網(wǎng)頁文字內(nèi)容中使用三種以上完全不同的字體時，會使網(wǎng)站看起來結(jié)構(gòu)紊亂和不專業(yè)。太多的字體和復(fù)雜的樣式會對布局產(chǎn)生影響，為了防止這種情況發(fā)生，嘗試控制字體類型的數(shù)量是必要的。
2，嘗試使用標(biāo)準(zhǔn)字體
在線字體服務(wù)，如Google Web字體和Typekit可以為您提供大量新鮮有趣的字體，意想不到的字體設(shè)計，在許多場合給用戶一個全新的體驗。在使用中確實很方便，比如Google Web字體就這么用了
選擇您喜歡的字體之一，例如打開字體
·生成代碼，將其粘貼到HTML文檔的標(biāo)簽中！其實這個操作和大象進冰箱一樣簡單。
首先，您美麗的字體的選擇不會誰的電腦都有，第一個例子，微軟雅虎黑色的Windows電腦不是蘋果的標(biāo)準(zhǔn)字體，如果你的頁面使用微軟雅黑，將在蘋果電腦上展現(xiàn)。你選擇的字體不是普遍存在的，最終將是另一種在別人屏幕上顯示的方式，用戶熟悉這些標(biāo)準(zhǔn)，常見的字體，最安全的英文字體總是Arial，Calibri，Trebuchet等字體The Good typography實際上只是基礎(chǔ)，吸引力總是漂亮的布局和質(zhì)量內(nèi)容，而不是字體本身。
3，控制每行內(nèi)容的長度
每行文字的字符數(shù)，其實直接影響到內(nèi)容的可讀性。正如Baymard通過研究發(fā)現(xiàn)的：
“如果你想有一個良好的閱讀體驗，控制大約60個字符左右的文本行，字符數(shù)可以使您的內(nèi)容具有正確的可讀性。
如果文字太短，用戶的內(nèi)容掃描頻率會變得太高，經(jīng)常打破閱讀的節(jié)奏，如果太長時間，用戶將難以保持高中的重點閱讀。在移動方面，每行文字應(yīng)控制在30—40個字符之間，這也符合當(dāng)前用戶的習(xí)慣和閱讀體驗。在網(wǎng)頁設(shè)計中，通常使用em和px來控制文本塊的寬度，從而控制每行的字符數(shù)。
4，選擇各種尺寸可以很好的顯示字體
用戶注定要通過不同的設(shè)備訪問您的網(wǎng)站。絕大多數(shù)用戶界面需要使用不同大小的文本元素作為支持，正文，標(biāo)題，按鈕標(biāo)簽，表單等。你選擇的字體，應(yīng)該是在不同的大小，不同的字在這種情況下，可以有很好的可讀性。
最值得參考的是目前主流平臺的幾款獨立設(shè)計的人物系列，如Android Roboto，蘋果全系列常用英文字體舊金山。
當(dāng)字體足夠大時，識別問題不明顯，當(dāng)在小屏幕上顯示內(nèi)容時，識別度非常顯著。例如，以下Vivaldi字體雖然很漂亮，但是當(dāng)體積小的時候，可讀性顯然是不夠的：
5，使用方便識別字體
汕頭網(wǎng)站設(shè)計公司由于英文字體本身的幾何特征，很多字體在設(shè)計時，不要注意用戶將難以識別，尤其是字母“i”和“L”，字母“R”， “N”在選擇字體時，應(yīng)特別注意這個問題，確保這些基本問題不會對用戶造成困擾。
6，避免全部大寫情況
事實上，該國網(wǎng)站的英文使用全部大寫字母，是一個特別典型的設(shè)計禁忌。正如Miles Tinker所說，所有段落都使用大寫字母。與小寫字母相比，可讀性已經(jīng)大大降低，直接反映在用戶身上，也就是文字的閱讀速度明顯降低。
7，注意控制線高
在排版中，領(lǐng)導(dǎo)，就是高，是一個非常普遍和重要的概念。在布局設(shè)計中，線條也非常值得關(guān)注。一個更容易理解的概念來說明這個事情，線間距，一般情況下，線間距應(yīng)該是文字高度的30％，所以要保證視覺清晰易讀。
德米特里·法耶耶夫發(fā)現(xiàn)，段落間的距離如果控制好，整個閱讀效率可以提高20％。這種布局允許將文本轉(zhuǎn)換為更容易用戶消化，剝離無關(guān)細(xì)節(jié)的內(nèi)容。
8，確保顏色對比度合理
文本和背景應(yīng)該有足夠的對比度，文本越明顯，用戶可以根據(jù)W3C的建議快速清楚地獲取信息，文字和背景的對比是正常的：
較小的文本應(yīng)確保至少背景與背景之間的對比度為4.5：1
較大的文字（14pt大膽，18pt程序）應(yīng)確保背景之間的對比度超過3：1
當(dāng)對比度不足時，幾乎不可能閱讀
這些符合規(guī)范的規(guī)范，好易讀
確定顏色后，您需要測試盡可能多的設(shè)備，以便不同的用戶查看結(jié)果，盡量避免可讀性問題。
9，避免使用紅色和綠色文字
紅色和綠色盲目是最常見的視覺障礙之一，通常使用彩色文本而不是區(qū)分重要信息，但紅色和綠色可能會失去視覺傳達(dá)的功能。即使只使用紅色，盡可能與其他區(qū)別。
10，避免使用閃爍的文字
閃爍的文字真的可以引起用戶的關(guān)注，但是它存在的最大問題是人們感到不適，甚至導(dǎo)致特定用戶的癲癇疾病。，令人討厭和令人分心的文字，無論從哪個角度來看，都是設(shè)計錯誤的損失，汕頭網(wǎng)站建設(shè)公司談?wù)劧ㄖ凭W(wǎng)站的好處。選擇定制網(wǎng)站也可以避免很多問題?！?/div>
文章標(biāo)簽：
汕頭網(wǎng)站設(shè)計公司 網(wǎng)頁設(shè)計
文章評論：