首頁(yè) > 新聞 > 網(wǎng)站設(shè)計(jì) > 通過(guò)排版提高可訪(fǎng)問(wèn)性的4個(gè)建議
通過(guò)排版提高可訪(fǎng)問(wèn)性的4個(gè)建議
出色的排版對(duì)于提高網(wǎng)站的可訪(fǎng)問(wèn)性功不可沒(méi)。在用于UI的設(shè)計(jì)系統(tǒng)中,應(yīng)該以增強(qiáng)可讀性和可讀性的方式設(shè)計(jì),以增強(qiáng)字體尺寸,行高,段落間距和字母間距等提高網(wǎng)站的可訪(fǎng)問(wèn)性。具體來(lái)說(shuō)都包含哪些方面呢?
1.字體大小
當(dāng)涉及到可讀性和可讀性時(shí),WCAG 2.0 Web內(nèi)容可訪(fǎng)問(wèn)性指南所定義的最小可接受的字體大小為18pt(或14pt Bold)。我們無(wú)法真正告訴您要使用什么字體大小,因?yàn)檫@在很大程度上取決于字體本身,但是要注意視覺(jué)層次結(jié)構(gòu)以及此基礎(chǔ)大小如何將自己與諸如標(biāo)題諸如標(biāo)題的匯總文本區(qū)分開(kāi)來(lái),這很重要(<H1> 44px、<H2> 33px、<h3> 22 px、<p> 18px 等)。
2.字體選擇
您可能會(huì)注意到一些字體是<h3> 22 px 和 <p> 18px 看起來(lái)并沒(méi)有那么不同,我們?cè)谶@里給出兩個(gè)選擇加以區(qū)分:調(diào)整字體大小,或者考慮為標(biāo)題使用不同的字體。如果您預(yù)計(jì)您的設(shè)計(jì)將包含大量文本,請(qǐng)考慮后者。
3.行高
行高可確保文本行與行之間具有足夠的間距,以實(shí)現(xiàn)不錯(cuò)的可讀性水平。這越來(lái)越被認(rèn)為是一種標(biāo)準(zhǔn),一般而言行高應(yīng)為字體大小1.5倍。
4.段落間距
對(duì)于段落間距,為了精確,您可能需要使用智能指南來(lái)手動(dòng)對(duì)齊層。與行高相似,段落間距大約為字體尺寸兩倍。例如,如果字體大小為18px,則在進(jìn)入下一個(gè)文本塊之前應(yīng)該有一個(gè)36px空間。
更多高端網(wǎng)站設(shè)計(jì)、高端網(wǎng)站建設(shè)、專(zhuān)業(yè)網(wǎng)站制作等相關(guān),歡迎您咨詢(xún)北京天潤(rùn)智力!
- 基于用戶(hù)創(chuàng)新
界面設(shè)計(jì)日新月異,夢(mèng)創(chuàng)義堅(jiān)持基于用戶(hù)需求的界面創(chuàng)新設(shè)計(jì)……
- 服務(wù)設(shè)計(jì)思維
互聯(lián)網(wǎng)的格局發(fā)生的改變,在我們進(jìn)行設(shè)計(jì)服務(wù)時(shí)更是考慮不同用戶(hù)、不同……
- 洞察用戶(hù)心理
洞察用戶(hù)有意識(shí)和無(wú)意識(shí)的行為以及心理特征通過(guò)構(gòu)造一系列的服務(wù)來(lái)促進(jìn)……
- 查看更多 >>
最新新聞Latest News
- 中小型企業(yè)網(wǎng)站建設(shè)完應(yīng)該如何營(yíng)銷(xiāo)
- 很多中小型企業(yè)往往糾結(jié)于以下10個(gè)問(wèn)題:一、我們起步比別人晚,我們的……
- 做企業(yè)網(wǎng)站到底做給誰(shuí)看?
- 設(shè)計(jì)經(jīng)常時(shí)不時(shí)的遇到一些企業(yè)客戶(hù),常常搞不清楚誰(shuí)會(huì)真正看你的企業(yè)網(wǎng)……
- 傳統(tǒng)企業(yè)進(jìn)軍移動(dòng)互聯(lián)網(wǎng),從移動(dòng)云網(wǎng)站開(kāi)始
- 移動(dòng)互聯(lián)網(wǎng)是移動(dòng)通信和互聯(lián)網(wǎng)融合的產(chǎn)物,其發(fā)展的重要基礎(chǔ)便是智能手……
- 網(wǎng)站建設(shè)和運(yùn)營(yíng)五大細(xì)節(jié)決定用戶(hù)黏性
- 網(wǎng)站的成功離不開(kāi)搜索引擎優(yōu)化,更離不開(kāi)最基礎(chǔ)最根本的用戶(hù)群體,如何……
- 2015年值得關(guān)注的電子商務(wù)5大趨勢(shì)
- 線(xiàn)上線(xiàn)下銷(xiāo)售的界線(xiàn)正在變得越來(lái)越模糊。在2015年,這一趨勢(shì)仍將繼續(xù)!