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