網(wǎng)站設(shè)計(jì)優(yōu)化小技巧

在網(wǎng)頁(yè)設(shè)計(jì)和APP軟件中，一個(gè)好的排版不僅僅要擁有漂亮的字體。更要有高度的可讀性——易于瀏覽——同時(shí)能讓用戶專注它的內(nèi)容。
可讀性
可讀性
必須使用無(wú)襯線體的想法是過(guò)時(shí)的，但是你要去了解為什么必須使用無(wú)襯線體的想法是過(guò)時(shí)的深層次原因：文字必須是易于閱讀的。你需要避免難以閱讀的字體，然而就是這些難以閱讀的字體存在于腳本當(dāng)中，比如新奇的字體或者哥特風(fēng)的字體。（除了那些特別需要裝飾的藝術(shù)字體以外。）
絕大多數(shù)可讀性字體都能夠被輕松閱讀的，它不會(huì)花費(fèi)用戶太多時(shí)間去注意字體本身。這就是可讀性準(zhǔn)則的原理。

給行間距留足夠的空間
關(guān)鍵就是設(shè)計(jì)一個(gè)用戶都喜愛(ài)的行間距。適宜的行間距有利于閱讀，這在移動(dòng)端尤其的重要。
造成行之間變化的因素有以下這些：

文本大小 文本數(shù)量 字體樣式 屏幕寬度
這里沒(méi)有什么明文的規(guī)則去告訴你應(yīng)該怎么做–但是這里有一些規(guī)則你可以去遵循：
對(duì)于大多數(shù)網(wǎng)站，設(shè)置行間距的文本大小約125% 對(duì)于移動(dòng)設(shè)備，設(shè)置行距的文本大小約150% 使用一個(gè)松散的段落間距——等于“回歸”——使段落容易閱讀 使用你的雙眼去測(cè)試，看文本在屏幕上是松的還是緊的。（感受即可） 使用大而圓的字母
大又圓的字更易閱讀。所以字母有大的圓弧-這個(gè)弧度在字體里面就像一個(gè)循環(huán)的“o”。
緊湊和壓縮的字體是很難閱讀的。寬松的風(fēng)格，比如上圖這個(gè)例子就容易閱讀，因?yàn)槊恳粋€(gè)字母都容易區(qū)分。
統(tǒng)一風(fēng)格
當(dāng)談到字母的形式，粗體是很重要的。由于超細(xì)的字母缺乏對(duì)比，所以很難閱讀。同樣，細(xì)體和粗體有強(qiáng)烈的反差也會(huì)存在同樣的問(wèn)題。
解決方法：堅(jiān)持相對(duì)統(tǒng)一的字體形式。這種風(fēng)格是很容易被使用，不管你是使用哪種背景都有可讀性。

對(duì)比度

在一些少數(shù)流行的設(shè)計(jì)里面，背景和字體只有很小的區(qū)別。它看起來(lái)很酷炫，但是并沒(méi)有那么友好，可讀性也差。
內(nèi)容才是讓你的網(wǎng)站特別和重要的關(guān)鍵。讓背景和字體有更大的區(qū)別，它能讓用戶輕松的閱讀。（這就是為什么白色或者淺色背景使用黑色或者深色背景非常流行的原因。）

本文名稱：網(wǎng)站設(shè)計(jì)優(yōu)化小技巧
分享URL：http://muchs.cn/news36/213786.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(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)