1）文字
設(shè)置正確的font family以保證在不同操作系統(tǒng)中都能以最優(yōu)的字體顯示中文、字母、數(shù)字、標(biāo)點(diǎn)。
針對(duì)以中文為主和以英文為主的內(nèi)容、字體大小不同的內(nèi)容，設(shè)置不同的行間距。

在Windows、宋體為主的環(huán)境下，字體不要小于12px，不要使用斜體，避免使用粗體。

2）內(nèi)容尺寸

對(duì)于文字內(nèi)容為主的頁(yè)面，往往可以利用最小文字的尺寸（或接近這個(gè)尺寸）、并且能整除標(biāo)準(zhǔn)頁(yè)面寬度的尺寸，作為網(wǎng)格的單元尺寸。
使用網(wǎng)格設(shè)計(jì)法規(guī)范內(nèi)容的尺寸，讓布局看起來(lái)整潔有序。

設(shè)置內(nèi)容寬度是固定還是可以延展?？裳诱沟膬?nèi)容寬度能充分利用屏幕空間，但是過(guò)寬的內(nèi)容反而妨礙閱讀。

3）對(duì)齊
使用網(wǎng)格設(shè)計(jì)法規(guī)范內(nèi)容的對(duì)齊，讓布局看起來(lái)整潔有序。
在橫向上不要使用過(guò)多的對(duì)齊基準(zhǔn)線。如果橫向有5、6個(gè)對(duì)其基準(zhǔn)線，幾乎等于沒(méi)有規(guī)范對(duì)齊。

英文在左對(duì)齊或右對(duì)齊的時(shí)候、另一側(cè)參差不齊，居中對(duì)齊的時(shí)候兩側(cè)參差不齊，有一種美感。中文則往往更欣賞整體接近方塊化的布局，尤其是對(duì)于高密度內(nèi)容，需要慎用參差不齊的形式。

4）間距
間距單元尺寸的制定，由網(wǎng)格單元尺寸、字體單元尺寸共同決定。
盡量少使用幾種不同的間距尺寸，間距類(lèi)型過(guò)多讓布局顯得凌亂。

間距是非常有效的形成內(nèi)容區(qū)塊的方式，并且微妙而不強(qiáng)烈。相比使用背景色、間隔線，用間距形成區(qū)塊往往更具品質(zhì)感。

5）顏色
主體顏色盡可能不超過(guò)3種（黑色和白色如果作為背景色和文字色，不包括在內(nèi)），主色、強(qiáng)調(diào)色、輔助色。
在同一種顏色上，可以根據(jù)需要發(fā)展出同色系的輔助色。
如果使用過(guò)淺的顏色，有可能在某些顯示器上看不見(jiàn)。同一顏色在不同的顯示設(shè)備上顯示效果往往不同，往往綠色的偏色尤其嚴(yán)重。
實(shí)際工作中，常?？梢园焉厦娴膬?nèi)容總結(jié)成“3”的原則：基于網(wǎng)格設(shè)計(jì)內(nèi)容布局的尺寸、對(duì)齊、間距，使用不超過(guò)3種字體大小、3個(gè)對(duì)齊基準(zhǔn)線、3種間距尺寸、3種顏色。
對(duì)于，國(guó)內(nèi)的網(wǎng)站，有哪些細(xì)節(jié)設(shè)計(jì)給你帶來(lái)好的用戶(hù)體驗(yàn)？又有哪些值得我們學(xué)習(xí)借鑒呢？您也可以例舉一些給您留下深刻印象的用戶(hù)體驗(yàn)，歡迎與我們分享。

分享標(biāo)題：從細(xì)節(jié)著手做好網(wǎng)站建設(shè)工作
轉(zhuǎn)載來(lái)源：http://jinyejixie.com/news2/170702.html

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

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(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)