網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)文本排版的技巧

2024-04-30    分類: 網(wǎng)站建設(shè)

       從技術(shù)角度、心理角度以及經(jīng)驗(yàn)上來布局整個(gè)網(wǎng)站各個(gè)欄目的尺寸,很多網(wǎng)站打開時(shí)覺得很突兀,而有的網(wǎng)站打開時(shí)會給人眼前一亮的感覺,其實(shí)這背后都是設(shè)計(jì)者的功勞。
1、段落間距
    在段落之間,要保持足夠的間距才能讓讀者更容易識別,頁面也更整潔。面對沒有段落間距的頁面,讀者很可能會把幾個(gè)連在一起的小段路看成一個(gè)大段落,如果每個(gè)段落內(nèi)容太多,很少有讀者有耐心讀完,因?yàn)榛ヂ?lián)網(wǎng)上絕大多數(shù)的讀者瀏覽網(wǎng)站的方法并不是精讀,而是“掃描”。
2、字體大小與行距
       記得在8年前的網(wǎng)頁設(shè)計(jì)中,我們公司的網(wǎng)頁設(shè)計(jì)師為了追求網(wǎng)頁字體的佳視覺效果,會經(jīng)常使用12px像素的字號。而如今看來,網(wǎng)站內(nèi)容頁面用這么小的文字已經(jīng)不可取了,小字體的頁面可讀性很差,沒有誰愿意非常費(fèi)力的盯著屏幕去辨識那些密密如麻的小字。應(yīng)該說,將文字的字號設(shè)置成14px或者更大的16px會更加合理,瀏覽者閱讀起來也更加輕松。當(dāng)然,如果條件允許,可以在文章閱讀頁面增加選擇字體大、中、小的連接。
3、常用標(biāo)簽定義
       這個(gè)問題前面已經(jīng)提到了,具體情況因人而異,這里舉個(gè)例子說明一下。假如我需要重新定義em標(biāo)簽,通常em標(biāo)簽都是顯示為斜體的,我為了讓他更突出,給他加一個(gè)顏色定義“color:green;”,這樣我們在使用這些預(yù)定義標(biāo)簽的時(shí)候會更加得心應(yīng)手,也更加符合自己的需要。
4、段落首行縮進(jìn)
     在HTML中,半角空格是無法連續(xù)識別的,所以很多從網(wǎng)上找的文章都是沒有段落縮進(jìn)的,這樣從板式上看起來就不是太符合我們中文文章在生活中的習(xí)慣,我們習(xí)慣開頭空兩個(gè)漢字的位置,而我們又懶得每個(gè)段落都去添上全角空格,那么我們可以使用段落首行縮進(jìn)解決問題。
      給網(wǎng)站訪客帶來價(jià)值的用戶的感受。這些都是一些細(xì)節(jié)的上體驗(yàn),比如字體的選擇上,盡可能的大一些,大的字體總比小一號的字體要好一些,少看起來很舒適,因?yàn)槲覀冞€得照顧到移動用戶訪問的習(xí)慣。

網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)文本排版的技巧由成都創(chuàng)新互聯(lián)科技有限公司為您提供,轉(zhuǎn)載請注明出處。
推薦連接:成都網(wǎng)站制作,成都網(wǎng)站設(shè)計(jì),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)站建設(shè)   http://www.muchs.cn/

當(dāng)前題目:網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)文本排版的技巧
網(wǎng)頁地址:http://www.muchs.cn/news35/327135.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、用戶體驗(yàn)企業(yè)建站、全網(wǎng)營銷推廣App開發(fā)、Google

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站