網絡公司盛界益信息咨詢專注于建站(zhàn)服務

資訊中心

更多(duō)

您當前的(de)位置: 首頁 > 資訊中心 > 行(xíng)業(yè)動态

搞好(hǎo)網頁排版,不(bù)重犯這(zh♣↓Ωφè)10種不(bù)正确


互聯網上(shàng)95%之上(shàng)的(de)信息是(shì)書(sh•←ū)面通(tōng)知(zhī)的(de)。提升排版設計(jì)則是(shì)提升易讀(d←↓α×ú)性,可(kě)浏覽性,易用(yòng)性,總體(tǐ)圖型均衡。也(yě)就(jiù₹σ§₽)是(shì)說(shuō):提升排版設計(jì)也(yě)是(s♠®™♠hì)提升用(yòng)戶頁面。文(wén)中将給予一(yī↕≤)組标準,協助您提升文(wén)本內(nèi)容的(de)易讀(dú>'©)性和(hé)易讀(dú)性。

1. 至少(shǎo)應用(yòng)字體(tǐ)總數(shù)

應用(yòng)超出3種不(bù)一(yī)樣的(de)字體(tǐ)使網址看(k$∑£àn)上(shàng)去(qù)非結構型和(hé)不(bù)技(jì)術(shù)專♦∏業(yè),過多(duō)的(de)種類規格和(hé)款式一(yī)次也(yě)很(hěn)•↕有(yǒu)可(kě)能(néng)毀壞一(yī)切合理(lǐ)布局。

一(yī)般來(lái)說(shuō),全≈≤↕☆部網址字體(tǐ)的(de)總數(shù)限定在數(shù)最多(duō)二種,一(ε↕yī)種一(yī)般就(jiù)充足了(le)€₽¶→。假如(rú)您應用(yòng)好(hǎo)幾個(gè)字體(tǐ),請(q♦¥↕ǐng)保證字體(tǐ)系根據标識符總寬相(xiφ' ✘àng)輔相(xiàng)成。如(rú)圖所示><★:左側組的(de)字體(tǐ)相(xiàng)對(duì)性就(jiù)較為(wèi)和(hé)睦±×∞∑,而右側字體(tǐ)的(de)大(dà)小(xiǎo)比照(zhλ±✘→ào)太顯著,則看(kàn)起來(lái)輕和(hé)重占比很(hě₽↑σn)不(bù)和(hé)諧了(le)。

2. 試著(zhe)應用(yòng)規範字體(tǐ)

字體(tǐ)置入服務項目(如(rú)Google Web字體(tǐ)或Typekit)有(yǒu)¥®很(hěn)多(duō)有(yǒu)意思而規範的(de)系統軟件(jiàn)字體(tǐ),而由↓×于用(yòng)戶更為(wèi)了(le)解規範字體(tǐ),因此→γ 能(néng)夠迅速地(dì)載入他(tā)們。

除非是(shì)您的(de)網址針對(duì)自(zì)定字體(tǐ)(如(rú☆→)品牌推廣或建立親臨其境的(de)感受)十分(fēn)有(yǒu)誘惑力,不(bù)然一(yī)般""♣© 最好(hǎo)是(shì)應用(yòng)系統軟件(jiàn)字體(t​ ǐ)。

3. 限定線長(cháng)短(duǎn)

假如(rú)你(nǐ)要(yào)想一(yī)個(gè)優良的(de)閱讀(dú)文(w‍∑én)章(zhāng)感受,你(nǐ)應該每排約60字符。在每排上(shàng)有(yβ↓ǒu)著(zhe)适度的(de)标識符總數(shù)是(shì)您的(de)‌✘®文(wén)本易讀(dú)性的(de)重要(yào)。假如(rú)每排文(wén)本過短(duǎ¶↕•♣n),視(shì)野務必不(bù)斷折回來(lái),擺λ↓®脫閱讀(dú)者的(de)節奏感。假如(rú)一(yī)行(xíng)文(wén)本過長(ch&©áng),用(yòng)戶的(de)雙眼将難以緻力于文(wén)本。

針對(duì)移動設備,您應當每排30-40字符 。下(xià)列是(shì)在移動設備上♠‍φ(shàng)查詢的(de)2個(gè)網址的(de)實例。第一(yī)個(g¥•♣→è)應用(yòng)每排50-75字符(打印出和(hé)桌面上(sh<÷àng)的(de)每排最好(hǎo)字符數(shù)),而第二個♠&(gè)應用(yòng)最好(hǎo)30-40字符∑'​。


4. 挑選各種各樣規格的(de)字體(tǐ←¶)

保證您挑選的(de)字體(tǐ)在較小(xiǎo)的(de)顯示屏上(s→✔hàng)清晰可(kě)辨!

維瓦爾第字體(tǐ)将無法在小(xiǎo)顯示屏上(shàng)閱讀(dú)文(wén)章→‍‌(zhāng):

5. 應用(yòng)可(kě)區(qū)别英文(wén)字母的(de)字體(tǐ)

很(hěn)多(duō)字體(tǐ)促使非常容易搞混相(xiàng)近€λ(jìn)的(de)英文(wén)字母,尤其是(shì)•αγ​與“i”和(hé)“L”(如(rú)下(₩‍∑↕xià)圖所顯示),因此 當挑選你(nǐ)的(de↑ •≤)字體(tǐ)種類時(shí),請(qǐng)保證在不(bù)Ω₩​一(yī)樣的(de)前後文(wén)中查驗你(nǐ)的(de)種類,以保證∑↔不(bù)容易給你(nǐ)的(de)用(yòng)戶導緻難題。

6. 避免英文(wén)所有(yǒu)英文(wé>Ω☆n)大(dà)寫

切勿強制(zhì)性用(yòng)戶閱讀(dú)文(wén)章(zhāng)全部英文(₽÷wén)大(dà)寫字母,與小(xiǎo)寫字母種類對(duì)比,那(nà)總是(shì)大<δ(dà)大(dà)的(de)減緩了(le)用(yòng)戶掃描儀與閱‌↔±讀(dú)的(de)速率,讓她(tā)們一(yī)下(xià)子(zǐ✔↑&)發生(shēng)爆炸。

7. 不(bù)必降到(dào)最低(dī)線間(jiān)隔

行(xíng)距一(yī)般是(shì)标識符高(gāo)寬比的(de)30%,便于優良的(de≤∏↓•)易讀(dú)性。

而文(wén)章(zhāng)段落中間(jiān)的(dσ αεe)間(jiān)隔能(néng)夠比行(xíng)距提升20%,留白(bái)藝術(shù₩εβ←)能(néng)夠為(wèi)用(yòng)©☆λ戶給予消化(huà)吸收內(nèi)容的(de)時間(ji™¶"ān)。下(xià)面的(de)圖左:基本上(shàng><¶£)重合的(de)文(wén)本。右:優良的(de)間(jiān)隔有(yǒu)利于易讀(dú)φπγβ性。

8. 保證您有(yǒu)充足的(de)色調 ∏★飽和(hé)度

不(bù)必對(duì)文(wén)本和(hé)情況應用(yòng)同®☆樣或類似的(de)色調。文(wén)本越顯著,用(yòng)戶 φ♣β可(kě)以掃描儀與閱讀(dú)的(de)速率越快(ku>₽ài)。

△ 這(zhè)種文(wén)本行(xíng)不(bù)符色調飽和•↔←≤(hé)度提議(yì),無法依據背景色開(k♠★✔£āi)展閱讀(dú)文(wén)章(zhāng)

△ 這(zhè)種文(wén)本行(xín∞βg)合乎色調飽和(hé)度提議(yì),而且便于閱讀(dú)文(wé↓π•n)章(zhāng)背景色


9. 防止将文(wén)本上(shàng)色為(wèi)鮮紅(hóng)色或翠♣≥綠(lǜ)色

提議(yì)應用(yòng)除色調之外(≥↕‌wài)的(de)别的(de)案件(jiàn)線索來(lái)區(qδ"☆ū)别關鍵信息。也(yě)防止獨立應用(yòng)紅(h±∑óng)色和(hé)綠(lǜ)色來(lái)傳遞≥₹信息,防止有(yǒu)紅(hóng)綠(lǜ)色盲用(yòng↕¶∞π)戶沒法順利閱讀(dú)文(wén)章(zhāng)的(de)狀況±‍★≥。

10. 防止應用(yòng)閃動的(de)文(wén)本

閃動或閃動的(de)內(nèi)容很(hěn)有(yǒu)可(kě)能(néng)會(huì)使一↔₹(yī)些(xiē)比較敏感群體(tǐ)發狂,而且針對(duì'€)一(yī)般使用(yòng)人(rén)而言,這(zhè)可(kě≈λ•)能(néng)是(shì)令人(rén)厭(yàn)惡或走神的(de) &。

結果

使排版設計(jì)具備易讀(dú)性,可(kě)了(le)解性、清楚一(yī)目了(le)然尤δ​φ為(wèi)重要(yào)。尤為(wèi ≤>$)重要(yào)。好(hǎo)的(de)排版設計(jì)能(néng)夠讓您的(de)網址≥↑"覺得(de)清新而讓人(rén)眼前一(yī)亮(liànλ↓¥‌g)。另一(yī)方面,槽糕的(de)排版¶↔設計(jì)挑選讓人(rén)走神。排版設計(jì)是(shì)為(wèi)了(le☆∑ )更好(hǎo)地(dì)內(nèi)容更強的(de)₽≠' 展現(xiàn),應以不(bù)容易提升用(yòng)戶認知(zhī)能(néng)力負載的£↑♣∞(de)方法來(lái)重視(shì)內(nèi)容。