網(wǎng)頁(yè)設計小技巧
網(wǎng)頁(yè)設計不是請客吃飯,對必備技能的扎實(shí)掌控是你走向成功必由之路。下面小編來(lái)給大家分享網(wǎng)頁(yè)設計小技巧,希望對大家有幫助!
1
行寬
我們可以想象一下:如果一行文字過(guò)長(cháng),視線(xiàn)移動(dòng)距離長(cháng),很難讓人注意到段落起點(diǎn)和終點(diǎn),閱讀比較困難;如果一行文字過(guò)短,眼睛要不停來(lái)回掃視,破壞閱讀節奏。
因此我們可以讓內容區的每一行承載合適的字數,來(lái)提高易讀性。
傳統圖書(shū)排版每行最佳字符數是55—75,實(shí)際在網(wǎng)頁(yè)上每行字符75—85更流行。中文在14號字體時(shí),建議35—45個(gè)文字。
2
間距
行距是影響易讀性非常重要的因素,過(guò)寬的行距會(huì )會(huì )讓文字失去延續性,影響閱讀;而行距過(guò)窄,則容易出現跳行。
頁(yè)設計中,文字間距一般根據字體大小選1—1.5倍作為行間距,1.5—2倍作為段間距。
比如12號字體,行間距是12px—18px,段落間距則是18px—24px。
另外,行高/段落之間的空白=0.754。行間距正好是段落間距的75%是非常常見(jiàn)的。
比如簡(jiǎn)書(shū)16號字體,行間距27px/段間距36px=75%。文字字號本身比較大,所以行間距也不需要嚴格按照1—1.5倍的比例設置,不過(guò)行間距和段間距的比例符合75%,看起來(lái)很不錯,這樣的視覺(jué)效果讓人在閱讀時(shí)保持一種節奏感,這就是在實(shí)際情況中將規范的靈活應用。
3
行對齊
排版中很重要的一個(gè)規范就是把應該對其的地方對齊,比如每個(gè)段落行的位置對齊。
不論哪種視覺(jué)效果,精美的、正式的、有趣的還是嚴肅的,一般都可以應用一種明確的對齊來(lái)達到目的。
通常情況下,建議在頁(yè)面上只使用一種文本對齊,盡量避免兩端對齊。
4
文字留白
在排版文字時(shí),在版面需要留出空余空間,留白面積從小到大應該遵循的順序是:字間距、行間距、段間距。此外,在排版內容區之前,需要根據頁(yè)面實(shí)際情況給頁(yè)面四周留出余白。
【網(wǎng)頁(yè)設計小技巧】相關(guān)文章:
網(wǎng)頁(yè)設計的應急小技巧05-06
網(wǎng)頁(yè)設計中的小技巧08-04
網(wǎng)頁(yè)設計制作小技巧05-13
實(shí)用的網(wǎng)頁(yè)設計小技巧06-03
網(wǎng)頁(yè)設計應急小技巧04-21
網(wǎng)頁(yè)排版設計的小技巧04-29