阿甲科技:網(wǎng)頁(yè)設(shè)計(jì)中文字排版的10點(diǎn)技巧!
時(shí)間:2023-10-12 16:06:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-10-12 16:06:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)
阿甲科技:網(wǎng)頁(yè)設(shè)計(jì)中文字排版的10點(diǎn)技巧?。?br>
在網(wǎng)頁(yè)設(shè)計(jì)中,文字排版為什么對(duì)于網(wǎng)站和用戶(hù)之間建立良好的溝通以及幫助用戶(hù)實(shí)現(xiàn)目標(biāo)起著重要的作用的10點(diǎn)建議。
1.不要使用過(guò)多的字體
網(wǎng)站排版中建議最多不要超過(guò)3種字體類(lèi)型,不然會(huì)使網(wǎng)站看起來(lái)松散和不專(zhuān)業(yè),不僅太多的字體類(lèi)型會(huì)造成這種問(wèn)題,太多的字體尺寸也會(huì)破壞網(wǎng)頁(yè)布局。
2.盡量使用標(biāo)準(zhǔn)字體
在Google Web Font或者Typekit,和國(guó)內(nèi)的“有字庫(kù)”的字體嵌入式服務(wù)有很多有趣的字體,對(duì)于國(guó)內(nèi)設(shè)計(jì)師來(lái)說(shuō),痛苦的是中文字體會(huì)很大,一個(gè)字體動(dòng)則幾兆,十幾兆的,這樣用戶(hù)在會(huì)增加用戶(hù)瀏覽網(wǎng)站的載入時(shí)間;反之英文字體26個(gè)字母大小寫(xiě),加數(shù)字標(biāo)點(diǎn)符號(hào)一共幾百k的字體是很容易在網(wǎng)頁(yè)中使用的。
3.限制一行文字的長(zhǎng)度
保證每一行文字的字符數(shù)量是文本可讀的關(guān)鍵。不是設(shè)計(jì)師來(lái)定義文本的寬度,而是根據(jù)用戶(hù)的可讀性來(lái)定義。
4.選擇用有多個(gè)字重并顯示良好的字體
用戶(hù)將通過(guò)不同屏幕分辨率的終端設(shè)備訪(fǎng)問(wèn)你的網(wǎng)站,大多數(shù)用戶(hù)界面需要各種大小尺寸的文本(標(biāo)題、副標(biāo)題、文本、標(biāo)注等等)。選擇一款能夠在不同屏幕分辨率的設(shè)備上運(yùn)行良好的字體以保證它的不同尺寸的字體都具有極高可讀性(Readability)和可用性(Usability)也是非常重要的。
5.使用識(shí)別度高的字體
在選擇英文體的時(shí)候,有些字體的個(gè)別字母極易混淆,特別是“i”和“L”(如下圖所示);以及文字之間的間距。許多中文字體在使用較小字體的時(shí)候筆畫(huà)會(huì)粘到一起(上圖),不容易辨別;所以在選擇字體類(lèi)型的時(shí)候,請(qǐng)檢查你選擇使用的字體,確保不會(huì)為用戶(hù)和產(chǎn)品造成不必要的損失。
6.避免在界面中大段的使用大寫(xiě)字母
不要所有文本使用大寫(xiě)字母,強(qiáng)制用戶(hù)閱讀大寫(xiě)字母,首字母大寫(xiě),具有特殊含義的縮寫(xiě)等情況除外,與小寫(xiě)字母相比,大量的使用大寫(xiě)字母會(huì)嚴(yán)重降低用戶(hù)的閱讀效率和愉悅感
7.將行間距控制在字體的1.5-2倍之間
在文字文字排版中,我們又一個(gè)特殊的術(shù)語(yǔ),用于表示行與行之間的距離:行間距(或行高)。為了保證文本的可讀性和易讀性,使文本形成線(xiàn)性的閱讀感受,將行間距控制在字體大小的1.5-2倍之間(中文字體)。英文字體推薦使用默認(rèn)行間距,或根據(jù)默認(rèn)行間距微調(diào)。
8.適當(dāng)?shù)念伾珜?duì)比度
通常情況下,文本和背景盡量避免使用相同或相似的顏色。文本越明顯,用戶(hù)能夠掃描和閱讀的速度越快。當(dāng)然,學(xué)會(huì)通過(guò)文本顏色、大小和背景的顏色關(guān)系來(lái)控制視覺(jué)層級(jí)也是必要的。
9.避免將文字著色為紅色或綠色
色盲和色弱是我必須要照顧到的一部分用戶(hù),特別是在男性中(8%的男性是色盲)建議使用處顏色以外的其他方式來(lái)區(qū)分重要的信息(如下劃線(xiàn),加粗等)。避免使用紅色和綠色單獨(dú)傳達(dá)信息。因?yàn)榧t綠色盲是最常見(jiàn)的色盲形式
10.避免文字閃爍
閃爍的文字或內(nèi)容可能會(huì)讓某些用戶(hù)感到不適,對(duì)于一般用戶(hù)而言,這可能分散他們的注意力或者使他們感到煩躁。
雖然在網(wǎng)頁(yè)設(shè)計(jì)中依然有很多需要我們注意的地方,最后,分享給大家一個(gè)想法就是:網(wǎng)頁(yè)設(shè)計(jì)中排版很重要。做出正確的排版可以讓你的網(wǎng)站感覺(jué)清爽,糟糕的網(wǎng)頁(yè)排版會(huì)令用戶(hù)分心,傾向于關(guān)注自己的感受而非內(nèi)容。
關(guān)鍵詞:排版,技巧,中文,科技,設(shè)計(jì)