2023-08-13 分類: 網(wǎng)站建設(shè)
方法一:增加顏色對(duì)比
在布局文本時(shí),設(shè)計(jì)師通常會(huì)將文本視為視覺(jué)設(shè)計(jì)中的一個(gè)塊。設(shè)計(jì)師與文本的關(guān)系與用戶非常不同,設(shè)計(jì)者將文本定位為形狀,用戶逐行讀取。因此,設(shè)計(jì)師往往會(huì)低估文本所需的對(duì)比度。
淺灰色文本在美學(xué)上很漂亮,但在功能上卻毫無(wú)用處。文本是用來(lái)閱讀的,需要在桌面上達(dá)到WCAG AA標(biāo)準(zhǔn),在移動(dòng)設(shè)備上達(dá)到WCAG AAA標(biāo)準(zhǔn)——或者在任何有許多環(huán)境光源的情況下。文字越大,你的回旋余地就越大。
文本的對(duì)比度需要進(jìn)行徹底的測(cè)試,但是首先,在白色背景下,18px的文本顏色不能比#595959淺。
方法二:收緊標(biāo)題間距
絕大多數(shù)的字體被設(shè)計(jì)成作為正文——大塊的、多行長(zhǎng)的運(yùn)行文本。當(dāng)字體被制作出來(lái)的時(shí)候,它的間距就是為了這個(gè)用途。
不像行文,標(biāo)題往往很短,周圍有更多的空白。額外的空白在視覺(jué)上淹沒(méi)了單詞形狀的負(fù)空間,并迫使字母分開。
為了彌補(bǔ)這一缺陷,將標(biāo)題的字母間距和單詞間距縮小1-5%。
方法三:放寬非單詞間距
當(dāng)我們閱讀時(shí),我們的大腦并不是一個(gè)字母一個(gè)字母地把單詞拼出來(lái),它可以識(shí)別單詞的形狀,甚至單詞組的形狀。
大多數(shù)微排版都關(guān)心的是不破壞這些字的形狀。然而,有時(shí)確實(shí)想要阻止單詞的形成,而允許單獨(dú)的字符。
放寬任何文本的字母間距,擬作為一系列字符讀取,如序列號(hào)、跟蹤代碼和表格數(shù)據(jù)。
方法四:輸入時(shí)使用系統(tǒng)字體
隱私對(duì)用戶來(lái)說(shuō)是個(gè)大問(wèn)題。作為一名設(shè)計(jì)師,所能做的任何保證用戶數(shù)據(jù)安全的事情都會(huì)增加你網(wǎng)站的正面用戶體驗(yàn)。
樣式你的HTML輸入使用系統(tǒng)字體-默認(rèn)字體設(shè)置的操作系統(tǒng),你的用戶正在訪問(wèn)的網(wǎng)站。這就清晰地劃分了品牌字體中的品牌數(shù)據(jù)和用戶字體中的用戶數(shù)據(jù)。
以這種方式使用系統(tǒng)字體可以鼓勵(lì)用戶感覺(jué)到他們的數(shù)據(jù)的所有權(quán),建立信任,并增加轉(zhuǎn)換。
方法五:標(biāo)記段落
文本的段落需要有一個(gè)視覺(jué)上的指示,表明它們已經(jīng)開始。通常有三種表達(dá)方式:緊跟標(biāo)題、在段落前留出垂直空格、或者第一行縮進(jìn)。
每個(gè)段落應(yīng)該使用其中一個(gè)指標(biāo),而且只能使用一個(gè)指標(biāo)。由于網(wǎng)頁(yè)內(nèi)容的性質(zhì)和標(biāo)題對(duì)快速瀏覽內(nèi)容的好處,對(duì)于大多數(shù)網(wǎng)站來(lái)說(shuō),最好的選擇是遵循標(biāo)題和垂直間距的組合。
方法六:使用正確的風(fēng)格
由于各種各樣的原因,從可用字體到積極的優(yōu)化,站點(diǎn)使用CSS偽造替代樣式是很常見(jiàn)的。斜體可以通過(guò)傾斜來(lái)偽裝成斜體,粗體可以通過(guò)使用瀏覽器的默認(rèn)設(shè)置來(lái)偽裝,小大寫可以通過(guò)將文本設(shè)置為大寫并減少字體大小來(lái)偽裝。
這些技巧弊大于利,創(chuàng)造出扭曲的文字形狀,打斷了文本的自然流動(dòng)。
如果你不能使用真正的斜體、粗體和小大寫,那么不要偽造它們。尋找其他方法來(lái)突出重點(diǎn),比如改變顏色。
方法七:使用正確的引號(hào)
撇號(hào)、單引號(hào)和雙引號(hào)都是特定的字符。大多數(shù)字體都為它們提供了不同于鍵盤上快速單引號(hào)或雙引號(hào)鍵的符號(hào)。
這些引號(hào)通常被稱為“智能”引號(hào),因?yàn)槲淖痔幚響?yīng)用程序通??梢赃x擇它們使用的符號(hào)是否“智能”。
使用正確的引用是傳達(dá)一段精煉文本的最簡(jiǎn)單方法之一。
新聞名稱:改善網(wǎng)頁(yè)設(shè)計(jì)排版八個(gè)簡(jiǎn)單方法
本文地址:http://www.rwnh.cn/news1/275401.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、靜態(tài)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、云服務(wù)器、品牌網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容