專業網頁設計中 牛X的字體使用準則（一）
2017.11.30
隨(sui)著(zhe)建(jian)站(zhan)技(ji)術(shu)的(de)成(cheng)熟(shu)和(he)發(fa)展(zhan)，網(wang)頁(ye)設(she)計(ji)越(yue)來(lai)越(yue)多(duo)元(yuan)化(hua)，網(wang)頁(ye)色(se)彩(cai)變(bian)得(de)更(geng)加(jia)鮮(xian)豔(yan)奪(duo)目(mu)，網(wang)站(zhan)的(de)字(zi)體(ti)也(ye)開(kai)始(shi)變(bian)得(de)多(duo)元(yuan)化(hua)，以(yi)往(wang)端(duan)正(zheng)的(de)字(zi)體(ti)無(wu)法(fa)滿(man)足(zu)人(ren)們(men)的(de)個(ge)性(xing)化(hua)需(xu)求(qiu)，人(ren)們(men)更(geng)喜(xi)歡(huan)有(you)怪(guai)異(yi)的(de)字(zi)體(ti)，以(yi)展(zhan)現(xian)自(zi)己(ji)的(de)個(ge)性(xing)。
準則一、統一使用一種字體。
現在互聯網上90%的(de)信(xin)息(xi)都(dou)是(shi)以(yi)文(wen)字(zi)的(de)形(xing)式(shi)存(cun)在(zai)，當(dang)在(zai)一(yi)個(ge)頁(ye)麵(mian)中(zhong)，出(chu)現(xian)的(de)字(zi)體(ti)超(chao)過(guo)三(san)種(zhong)，就(jiu)會(hui)給(gei)人(ren)一(yi)種(zhong)不(bu)專(zhuan)業(ye)，不(bu)權(quan)威(wei)，沒(mei)有(you)層(ceng)次(ci)結(jie)構(gou)等(deng)感(gan)覺(jiao)，容(rong)易(yi)影(ying)響(xiang)用(yong)戶(hu)體(ti)驗(yan)的(de)效(xiao)果(guo)。
準則二、合理設置行文本的長度。
據一些數據調查表明，如果想要給用戶一個良好的體驗，網頁中的行文本長度最好控製在60個字符也就是30個漢字左右，這可以提高文本的可讀性。
當(dang)行(xing)文(wen)本(ben)太(tai)短(duan)時(shi)，就(jiu)增(zeng)加(jia)了(le)用(yong)戶(hu)眼(yan)睛(jing)回(hui)轉(zhuan)的(de)頻(pin)率(lv)，這(zhe)容(rong)易(yi)打(da)破(po)用(yong)戶(hu)的(de)閱(yue)讀(du)節(jie)奏(zou)，也(ye)容(rong)易(yi)引(yin)起(qi)用(yong)戶(hu)的(de)視(shi)覺(jiao)疲(pi)勞(lao)，從(cong)而(er)喪(sang)失(shi)繼(ji)續(xu)往(wang)下(xia)閱(yue)讀(du)的(de)欲(yu)望(wang)。
準則三、字母的可辨性。
準則四、文本的間距。
準則五、避免使用紅、綠兩色文本。
網站字體雖然多樣化，但是簡潔直觀才是真理，網站在彰顯自己特色的時候也要注重用戶所接受的視覺習慣和瀏覽習慣。
今天，分形小編就帶著大家看看在專業的網頁設計過程中，網站字體使用都有哪些準則。
準則一、統一使用一種字體。
現在互聯網上90%的(de)信(xin)息(xi)都(dou)是(shi)以(yi)文(wen)字(zi)的(de)形(xing)式(shi)存(cun)在(zai)，當(dang)在(zai)一(yi)個(ge)頁(ye)麵(mian)中(zhong)，出(chu)現(xian)的(de)字(zi)體(ti)超(chao)過(guo)三(san)種(zhong)，就(jiu)會(hui)給(gei)人(ren)一(yi)種(zhong)不(bu)專(zhuan)業(ye)，不(bu)權(quan)威(wei)，沒(mei)有(you)層(ceng)次(ci)結(jie)構(gou)等(deng)感(gan)覺(jiao)，容(rong)易(yi)影(ying)響(xiang)用(yong)戶(hu)體(ti)驗(yan)的(de)效(xiao)果(guo)。
正(zheng)常(chang)情(qing)況(kuang)下(xia)，使(shi)用(yong)一(yi)種(zhong)字(zi)體(ti)就(jiu)行(xing)，有(you)時(shi)候(hou)也(ye)可(ke)以(yi)為(wei)了(le)突(tu)出(chu)也(ye)可(ke)以(yi)使(shi)用(yong)兩(liang)種(zhong)字(zi)體(ti)，但(dan)是(shi)這(zhe)種(zhong)字(zi)體(ti)之(zhi)間(jian)的(de)差(cha)異(yi)應(ying)該(gai)降(jiang)到(dao)最(zui)低(di)，在(zai)設(she)計(ji)上(shang)盡(jin)量(liang)達(da)到(dao)和(he)諧(xie)。
準則二、合理設置行文本的長度。
據一些數據調查表明，如果想要給用戶一個良好的體驗，網頁中的行文本長度最好控製在60個字符也就是30個漢字左右，這可以提高文本的可讀性。
當(dang)行(xing)文(wen)本(ben)太(tai)短(duan)時(shi)，就(jiu)增(zeng)加(jia)了(le)用(yong)戶(hu)眼(yan)睛(jing)回(hui)轉(zhuan)的(de)頻(pin)率(lv)，這(zhe)容(rong)易(yi)打(da)破(po)用(yong)戶(hu)的(de)閱(yue)讀(du)節(jie)奏(zou)，也(ye)容(rong)易(yi)引(yin)起(qi)用(yong)戶(hu)的(de)視(shi)覺(jiao)疲(pi)勞(lao)，從(cong)而(er)喪(sang)失(shi)繼(ji)續(xu)往(wang)下(xia)閱(yue)讀(du)的(de)欲(yu)望(wang)。
如果是移動設備，則建議使用20到40字符最佳長度。如下圖：
準則三、字母的可辨性。
字母的使用主要是在英文裏，中文不會產生這種問題，在英文中，很多字母容易產生混淆，比如大寫的“I”和小寫的“l”、當“r”和“n”連在一起時可能產生“m”的錯覺。所以，在選擇字體時，也應該注意“字母的可辨性”。如下圖：
準則四、文本的間距。
據研究表明，適當的行間距有利於提高用戶對文本內容的理解度，行間距過大或者過小都會對用戶的閱讀體驗產生影響。
準則五、避免使用紅、綠兩色文本。
這點主要是針對色盲人士，據調查顯示男性中色盲率達到了 8%，而“紅色”和“綠色”是色盲中最常見的。所以，在給字體配色時，盡量避免單獨使用這兩種顏色中的任意一種。如下圖：
網站字體雖然多樣化，但是簡潔直觀才是真理，網站在彰顯自己特色的時候也要注重用戶所接受的視覺習慣和瀏覽習慣。
