亚洲中文精品a∨在线,国产在线精品在线精品,国产亚洲欧美一区,欧美肉肉丝视频一区二区

您當前位置: 唯學網(wǎng) » 專題 » 網(wǎng)頁設計 » 技巧

文本排版在網(wǎng)頁設計中具有重要作用

來源:唯學網(wǎng)•教育培訓(slhrvoh.cn)  【唯學網(wǎng) • 中國教育電子商務平臺】 加入收藏

每天都會有大量的用戶訪問網(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)自己的夢想。

0% (0)
0% (10)
已有條評論