營銷網(wǎng)站建設(shè)
全網(wǎng)營銷網(wǎng)站
高端網(wǎng)站建設(shè)
商城網(wǎng)站建設(shè)
外貿(mào)網(wǎng)站建設(shè)
小程序開發(fā)
區(qū)塊鏈開發(fā)
物聯(lián)網(wǎng)項目開發(fā)
定制app開發(fā)
在線教育網(wǎng)站
速成網(wǎng)站建設(shè)
服裝網(wǎng)站建設(shè)
餐飲網(wǎng)站建設(shè)
珠寶首飾網(wǎng)站
機(jī)械制造網(wǎng)站
文化旅游網(wǎng)站
家裝建材網(wǎng)站
美容化妝品網(wǎng)站
數(shù)碼產(chǎn)品網(wǎng)站
模板案例庫
文章編輯:網(wǎng)站建設(shè) 文章來源:建站行業(yè)資訊 瀏覽量:次

使用超過 3 種不同的字體使網(wǎng)站看起來非結(jié)構(gòu)化和不專業(yè),太多的類型尺寸和樣式一次也可能破壞任何布局。
一般來說,整個網(wǎng)站字體的數(shù)量限制在最多兩種,一種一般就足夠了。如果您使用多個字體,請確保字體系基于字符寬度互補(bǔ)。如圖:左邊組的字體相對就比較和諧,而右邊字體的粗細(xì)對比太明顯,則顯得輕重比例很不和諧了。
字體嵌入服務(wù)(如Google Web字體或Typekit)有許多有趣而標(biāo)準(zhǔn)的系統(tǒng)字體,而因為用戶更加熟悉標(biāo)準(zhǔn)字體,所以可以更快地讀取它們。
除非您的網(wǎng)站對于自定義字體(如品牌宣傳或創(chuàng)建身臨其境的體驗)非常有吸引力,否則通常最好使用系統(tǒng)字體。
如果你想要一個良好的閱讀體驗,你應(yīng)該每行約 60 個字符。在每行上擁有適當(dāng)?shù)淖址麛?shù)量是您的文本可讀性的關(guān)鍵。如果每行文字太短,視線必須反復(fù)折回來,打破讀者的節(jié)奏。如果一行文字太長,用戶的眼睛將很難專注于文本。
對于移動設(shè)備,您應(yīng)該每行30- 40 個字符 。以下是在移動設(shè)備上查看的兩個網(wǎng)站的示例。第一個使用每行50- 75 個字符(打印和桌面的每行最佳字符數(shù)),而第二個使用最佳30- 40 個字符。
確保您選擇的字體在較小的屏幕上清晰可辨!
維瓦爾第字體將難以在小屏幕上閱讀:
許多字體使得很容易混淆類似的字母,特別是與“i”和“L”(如下圖所示),所以當(dāng)選擇你的字體類型時,請確保在不同的上下文中檢查你的類型,以確保不會為你的用戶造成問題。
請勿強(qiáng)制用戶閱讀所有大寫字母,與小寫類型相比,那只會大大延緩了用戶掃描和閱讀的速度,讓他們分分鐘爆炸。
行間距一般是字符高度的30%,以便良好的可讀性。
而段落之間的間距可以比行間距提高20%,留白可以為用戶提供消化內(nèi)容的時間。下圖左:幾乎重疊的文字。右:良好的間距有助于可讀性。
不要對文本和背景使用相同或相似的顏色。文本越明顯,用戶能夠掃描和閱讀的速度越快。
△ 這些文本行不符合顏色對比度建議,難以根據(jù)背景顏色進(jìn)行閱讀
△ 這些文本行符合顏色對比度建議,并且易于閱讀背景顏色
建議使用除顏色以外的其他線索來區(qū)分重要信息。也避免單獨(dú)使用紅色和綠色來傳達(dá)信息,避免有色盲用戶無法順利閱讀的情況。
閃爍或閃爍的內(nèi)容可能會使一些敏感人群發(fā)瘋,并且對于一般使用者來說,這可能是令人討厭或分心的。
使排版具有可讀性,可理解性、清晰明了至關(guān)重要。至關(guān)重要。好的排版可以讓您的網(wǎng)站感覺清爽而令人眼前一亮。另一方面,糟糕的排版選擇令人分心。排版是為了內(nèi)容更好的呈現(xiàn),應(yīng)以不會增加用戶認(rèn)知負(fù)荷的方式來尊重內(nèi)容。深圳網(wǎng)站建設(shè)博納網(wǎng)絡(luò)編輯整理。
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息,此類稿件不代表本網(wǎng)觀點(diǎn),本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。故此,如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán),請您的相關(guān)內(nèi)容發(fā)至此郵箱【qin@198bona.com 】,我們在確認(rèn)后,會立即刪除,保證您的版權(quán)。
技術(shù)咨詢
價格咨詢
建議投訴
0755-82538016
關(guān)閉窗口