網(wǎng)站中文字怎么規(guī)劃有視覺(jué)感

或許許多人都要問(wèn)，網(wǎng)站的文字還需要規(guī)劃嗎？ 關(guān)于許多的網(wǎng)站來(lái)說(shuō)，字在整個(gè)網(wǎng)站的內(nèi)容中占了80%以上乃至更多，或許換個(gè)角度上說(shuō)，網(wǎng)站能夠沒(méi)有顏色，沒(méi)有圖片，但唯獨(dú)不能沒(méi)有文字。 一個(gè)產(chǎn)品團(tuán)隊(duì)，有一個(gè)人物叫做Content Design，ucdchina有過(guò)一期話題叫做留意界面上的文字，十分精彩。假如你依照里邊的觀念對(duì)照你的網(wǎng)站，信任一定會(huì)有所幫助的。

先看看網(wǎng)站以外的中文字體規(guī)劃，英文的正文字體有許多能夠選擇，但中文的正文字，總的來(lái)說(shuō)就兩種：宋體和黑體。在傳統(tǒng)的版式規(guī)劃中，規(guī)劃師們都喜歡做英文的排版，為什么？從視覺(jué)上來(lái)看，英文的組合很簡(jiǎn)單構(gòu)成線和面的關(guān)系，并且字母有節(jié)奏感，比方aby這三個(gè)字母放一同有高矮差異。中文字相對(duì)來(lái)說(shuō)，單調(diào)、孤立、不流暢。 回到網(wǎng)站中文字的規(guī)劃，規(guī)劃師基本上不必考慮在字體上做選擇，只要宋體。前文說(shuō)：?jiǎn)蝹€(gè)字成點(diǎn)，一行字成線，一段字成面。這是版式規(guī)劃最基本的原理，我們需要做的就是強(qiáng)化這樣的感覺(jué)。

拿微軟雅黑和宋體來(lái)舉比如，自己十分喜歡微軟雅黑的規(guī)劃。 將12號(hào)的宋體和雅黑擴(kuò)大，留意以下細(xì)節(jié)：

1 、雅黑要比宋體寬一像素

2、雅黑讓每個(gè)筆畫(huà)往四周撐，比方“是”上面的“日”，雅黑顯得就要飽滿 這么做的目的只要一個(gè)，讓中文字體更簡(jiǎn)單構(gòu)成線，然后讀起來(lái)更流暢。我們能夠看到，雖然雅黑不是真正的正方形，但它看起來(lái)要比宋體方一些。 看完上面這個(gè)比如，我的觀念也就出來(lái)了：別把你的文字當(dāng)作字，而是當(dāng)作點(diǎn)，文字的視覺(jué)規(guī)劃其實(shí)就是處理點(diǎn)線面的關(guān)系。

下面是具體規(guī)劃方面的點(diǎn)：

1、字體的單位用px而不必em，雖然12px和0.8em巨細(xì)差不多。這點(diǎn)寫之前是我想當(dāng)然了，沒(méi)有深化理解em單位。只看到許多用em的視覺(jué)效果不好看，現(xiàn)在理解了，是因?yàn)闆](méi)有把em單位和px對(duì)上號(hào)。結(jié)論是應(yīng)該用em而不是px，但需要把em的值設(shè)置好。

2、在css文件body中的font-family里邊確保“宋體”前面有Arial或許verdana，個(gè)人推薦這么寫：font-family:Helvetica,Georgia,Arial,sans-serif，宋體。這樣能確保你界面中的字母、數(shù)字、符號(hào)看上去美觀一些，更重要的是愈加易讀。

3、12號(hào)宋體時(shí)，我們一般使用18-20像素的行距。14號(hào)宋體一般使用22-24像素的行距。很附和，這個(gè)行距巨細(xì)隨著單行字?jǐn)?shù)的多少而上下浮動(dòng)。我以為12px字假如單行字?jǐn)?shù)少的話，17也是能夠接受的。

4、正文一行字?jǐn)?shù)最好不超過(guò)50，首頁(yè)的標(biāo)題文字以8-20字為佳。

5、12和14px字相對(duì)來(lái)說(shuō)最精美，13px在需要的時(shí)分能夠做正文字，word里邊默認(rèn)的字的巨細(xì)相當(dāng)于網(wǎng)頁(yè)的13px字。

6、關(guān)于一段文字，尤其是正文部分，確保左右至少有15px的留白，便于用戶換行時(shí)不受到攪擾。

7、文字和背景對(duì)比要滿足顯著，確保最弱文字的可讀性。

當(dāng)前名稱：網(wǎng)站中文字怎么規(guī)劃有視覺(jué)感
網(wǎng)站URL：http://m.kartarina.com/news37/73087.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、全網(wǎng)營(yíng)銷推廣、電子商務(wù)、做網(wǎng)站、品牌網(wǎng)站制作、面包屑導(dǎo)航

廣告

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