每天都會有大量的用戶訪問網(wǎng)站,用戶主要看的就是網(wǎng)站正文內容,因此,要想吸引用戶的眼球,文本內容是關鍵,但是在進行網(wǎng)頁設計時文版排版也至關重要,下面唯學小編就為您整理以下內容,為您詳細的介紹一下網(wǎng)頁設計中文版排版的重要性與設計技巧。具體內容如下:
網(wǎng)頁的文本排版并不是僅僅在CSS里設置個字體大小那么簡單的,想要有好的排版,對細節(jié)要下一番功夫才行。
字體大小與行距
在早期的網(wǎng)頁設計中,設計師為了追求中文字體的最佳視覺效果,經(jīng)常使用12px像素的字號。其實在現(xiàn)在看來,網(wǎng)站內容頁面用這么小的文字是不可取的,小字體的可讀性很差,沒有多少人愿意非常費力的盯著屏幕去辨識那些小字。應該說,將文字的字號設置成14px或者更大的16px會更加合理,瀏覽者閱讀起來也更加輕松。當然,如果條件允許,可以在文章閱讀頁面增加選擇字體大、中、小的連接。
文本之間的行距是非常重要的,因為擠在一起的文章會讓讀者看起來非常累,時不時的還會看錯行。在面對密密麻麻擠在一起的長篇文字時,很少有人有耐心會看下去(至少我是如此)。一般情況下,文本的行距為1.5em與1.7em之間比較好,最好不要高于2em,否則過猶不及。
段落間距
在段落之間,要保持足夠的間距才能讓讀者更容易識別,頁面也更整潔。面對沒有段落間距的頁面,讀者很可能會把幾個連在一起的小段路看成一個大段落,如果每個段落內容太多,很少有讀者有耐心讀完,因為互聯(lián)網(wǎng)上絕大多數(shù)的讀者瀏覽網(wǎng)站的方法并不是精讀,而是“掃描”。
段落首行縮進
在HTML中,半角空格是無法連續(xù)識別的,所以很多從網(wǎng)上找的文章都是沒有段落縮進的,這樣從板式上看起來就不是太符合我們中文文章在生活中的習慣,我們習慣開頭空兩個漢字的位置,而我們又懶得每個段落都去添上全角空格,那么我們可以使用段落首行縮進解決問題。使用text-indent即可實現(xiàn)段落的首行縮進,如果我們想要首行空兩個漢字的位置,那么我們可以設置“text-indent:2em;”,這樣縮進問題就解決了。
常用標簽定義
這個問題前面已經(jīng)提到了,具體情況因人而異,這里舉個例子說明一下。假如我需要重新定義em標簽,通常em標簽都是顯示為斜體的,我為了讓他更突出,給他加一個顏色定義“color:green;”,這樣我們在使用這些預定義標簽的時候會更加得心應手,也更加符合自己的需要。
唯學網(wǎng)是一個大型的教育考試培訓平臺,更多網(wǎng)頁設計師考試大綱,網(wǎng)頁設計師考試資訊和試題輔導等相關考試信息,請關注唯學網(wǎng)職業(yè)資格欄目網(wǎng)頁設計師考試培訓頻道。小編在此預祝每一位參加網(wǎng)頁設計師考試的考生都能夠順利通過,早日實現(xiàn)自己的夢想。
|
|
||
|
|
||
|
|