歡迎來到培訓(xùn)無憂網(wǎng)!

全國切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無憂網(wǎng) > 新聞資訊 > 電腦/IT > 網(wǎng)頁制作 >  網(wǎng)站建設(shè)文字排版技巧

網(wǎng)站建設(shè)文字排版技巧

來源:培訓(xùn)無憂網(wǎng) 發(fā)布人:裴裴

2022-04-20 17:16:37|已瀏覽:255次


網(wǎng)站建設(shè)文字排版技巧

網(wǎng)站建設(shè)文字排版技巧


      1.文字的行對齊知識

      網(wǎng)站建設(shè)文字排版技巧,這說的是將文字的段落行進(jìn)行對齊排序,從用戶的瀏覽習(xí)慣上來說,文字都是左側(cè)對齊排列。

      2.文字行寬設(shè)置

      網(wǎng)站建設(shè)文字排版技巧,有些網(wǎng)站里面的文字很多,這時候就會要求每一個段落出現(xiàn)空格的要求,使用戶瀏覽更方便。但是,有些文字即使用段落空格,由于上下的行寬比較窄,這時候就會出現(xiàn)文字看上去混亂的結(jié)果。建議將文字行寬合理的控制后,才能使文章更有序。

      3.文字留白設(shè)置

      在排版文字時,在版面需要留出空余空間,留白面積從小到大應(yīng)該遵循的順序是:字間距、行間距、段間距。此外,在排版內(nèi)容區(qū)之前,需要根據(jù)頁面實(shí)際情況給頁面四周留出余白。

      4.文字的間距

      網(wǎng)站設(shè)計中文字間距的設(shè)置一般根據(jù)字體大小選1到1.5倍之間,作為行間距1.5—2倍作為段間距。比如12號字體,行間距是12px—18px,段落間距則是18px—24px。另外,行高/段落之間的空白=0.754。行間距正好是段落間距的75%是非常常見的。

網(wǎng)站建設(shè)字體的選擇

      英文網(wǎng)站的字體選擇:不同的字體在網(wǎng)站中的樣式也不一樣,并且一些字體是需要收費(fèi)的,盡量不要使用一些過于稀有個性的字體樣式,因?yàn)榫W(wǎng)站上使用的字體必須瀏覽者網(wǎng)站上有才能正常顯示,如果用戶電腦上沒裝字體,就會容易出錯,在網(wǎng)絡(luò)剛發(fā)展那幾年,網(wǎng)站大部分都是英文語言。因?yàn)橛⑽闹挥?6個,比漢字的組成意義要容易,沒有這么多的筆畫,具有簡約的特點(diǎn),不少的英文站用的字體都不大,10像素、12像素是常見的,國外的網(wǎng)民甚至都養(yǎng)成了看小字母的習(xí)慣!所以在建英文網(wǎng)站時我們用14像素左右的字體即可!

      中文網(wǎng)站的字體選擇:中文網(wǎng)站方面由于我們的上網(wǎng)習(xí)慣跟國外是不一樣的,我們并不喜歡看小字,也不太習(xí)慣去給電腦安裝一些亂七八糟的字體,就是在建網(wǎng)站時只要用了不是系統(tǒng)默認(rèn)的字體就基本上不會正常顯示了,從省事的角度來說,只用系統(tǒng)默認(rèn)字體就可以了,不夸張的說宋體雅黑什么的可以用一輩子。所以在建設(shè)中文網(wǎng)站時盡量不要選擇個性字體,根據(jù)設(shè)計原則,網(wǎng)站上總的來說不要多于3種字體!

      網(wǎng)站字體的色彩選擇:決定用什么字體后可以考慮給字體添加顏色,也就是字體樣式的color屬性,網(wǎng)站字體的顏色一般需要根據(jù)整體的風(fēng)格進(jìn)行搭配選擇,與圖片及背景等元素的色彩相呼應(yīng),常見的多為樸素的深灰色,黑色,超鏈接文字一般為藍(lán)色,警示提醒類文字一般采用紅色等明顯的顏色,綠色就代表健康,環(huán)保,多出現(xiàn)于食品或環(huán)保類企業(yè)網(wǎng)站!

      選擇網(wǎng)站字體時要注重其它問題,不只是字體的大小樣式及顏色,字體在網(wǎng)站中還有其它的表現(xiàn)形式,比如有圖標(biāo)型字體,把字體做成圖標(biāo)存儲在服務(wù)器上。還可以給字體添加加粗,H標(biāo)簽,刪除線或下劃線等等,根據(jù)不同的排版對字體加以修飾,使其符合建網(wǎng)站所設(shè)計的風(fēng)格。渾厚粗體字用于健身或機(jī)械企業(yè)類型,細(xì)黑字體用于女性用品,不同的字體所表達(dá)的意境也不一樣。

      注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.universityresearchassociates.com/news-id-29172.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注網(wǎng)頁制作頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請試課。關(guān)注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機(jī):

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無憂網(wǎng)
免 費(fèi) 申 請 試 聽
提交申請,《培訓(xùn)無憂網(wǎng)》課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!