網頁設計小技巧

網頁設計不是請客吃飯,對必備技能的紮實掌控是你走向成功必由之路。下面小編來給大家分享網頁設計小技巧,希望對大家有幫助!

網頁設計小技巧

 1

  行寬

我們可以想象一下:如果一行文字過長,視線移動距離長,很難讓人注意到段落起點和終點,閲讀比較困難;如果一行文字過短,眼睛要不停來回掃視,破壞閲讀節奏。

因此我們可以讓內容區的每一行承載合適的字數,來提高易讀性。

傳統圖書排版每行最佳字符數是55—75,實際在網頁上每行字符75—85更流行。中文在14號字體時,建議35—45個文字。

  2

  間距

行距是影響易讀性非常重要的因素,過寬的行距會會讓文字失去延續性,影響閲讀;而行距過窄,則容易出現跳行。

頁設計中,文字間距一般根據字體大小選1—1.5倍作為行間距,1.5—2倍作為段間距。

比如12號字體,行間距是12px—18px,段落間距則是18px—24px。

另外,行高/段落之間的空白=0.754。行間距正好是段落間距的75%是非常常見的。

比如簡書16號字體,行間距27px/段間距36px=75%。文字字號本身比較大,所以行間距也不需要嚴格按照1—1.5倍的比例設置,不過行間距和段間距的比例符合75%,看起來很不錯,這樣的視覺效果讓人在閲讀時保持一種節奏感,這就是在實際情況中將規範的靈活應用。

 3

  行對齊

排版中很重要的`一個規範就是把應該對其的地方對齊,比如每個段落行的位置對齊。

不論哪種視覺效果,精美的、正式的、有趣的還是嚴肅的,一般都可以應用一種明確的對齊來達到目的。

通常情況下,建議在頁面上只使用一種文本對齊,儘量避免兩端對齊。

 4

  文字留白

在排版文字時,在版面需要留出空餘空間,留白麪積從小到大應該遵循的順序是:字間距、行間距、段間距。此外,在排版內容區之前,需要根據頁面實際情況給頁面四周留出餘白。