網站中文字怎么規劃有視覺感

或許許多人都要問，網站的文字還需要規劃嗎？ 關于許多的網站來說，字在整個網站的內容中占了80%以上乃至更多，或許換個角度上說，網站能夠沒有顏色，沒有圖片，但唯獨不能沒有文字。 一個產品團隊，有一個人物叫做Content Design，ucdchina有過一期話題叫做留意界面上的文字，十分精彩。假如你依照里邊的觀念對照你的網站，信任一定會有所幫助的。

先看看網站以外的中文字體規劃，英文的正文字體有許多能夠選擇，但中文的正文字，總的來說就兩種：宋體和黑體。在傳統的版式規劃中，規劃師們都喜歡做英文的排版，為什么？從視覺上來看，英文的組合很簡單構成線和面的關系，并且字母有節奏感，比方aby這三個字母放一同有高矮差異。中文字相對來說，單調、孤立、不流暢。 回到網站中文字的規劃，規劃師基本上不必考慮在字體上做選擇，只要宋體。前文說：單個字成點，一行字成線，一段字成面。這是版式規劃最基本的原理，我們需要做的就是強化這樣的感覺。

拿微軟雅黑和宋體來舉比如，自己十分喜歡微軟雅黑的規劃。 將12號的宋體和雅黑擴大，留意以下細節：

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

2、雅黑讓每個筆畫往四周撐，比方“是”上面的“日”，雅黑顯得就要飽滿 這么做的目的只要一個，讓中文字體更簡單構成線，然后讀起來更流暢。我們能夠看到，雖然雅黑不是真正的正方形，但它看起來要比宋體方一些。 看完上面這個比如，我的觀念也就出來了：別把你的文字當作字，而是當作點，文字的視覺規劃其實就是處理點線面的關系。

下面是具體規劃方面的點：

1、字體的單位用px而不必em，雖然12px和0.8em巨細差不多。這點寫之前是我想當然了，沒有深化理解em單位。只看到許多用em的視覺效果不好看，現在理解了，是因為沒有把em單位和px對上號。結論是應該用em而不是px，但需要把em的值設置好。

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

3、12號宋體時，我們一般使用18-20像素的行距。14號宋體一般使用22-24像素的行距。很附和，這個行距巨細隨著單行字數的多少而上下浮動。我以為12px字假如單行字數少的話，17也是能夠接受的。

4、正文一行字數最好不超過50，首頁的標題文字以8-20字為佳。

5、12和14px字相對來說最精美，13px在需要的時分能夠做正文字，word里邊默認的字的巨細相當于網頁的13px字。

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

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