网页设计 百分网手机站

网页设计小技巧

时间:2020-09-29 12:16:09 网页设计 我要投稿

网页设计小技巧

  网页设计不是请客吃饭,对必备技能的扎实掌控是你走向成功必由之路。下面小编来给大家分享网页设计小技巧,希望对大家有帮助!

  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

  文字留白

  在排版文字时,在版面需要留出空余空间,留白面积从小到大应该遵循的顺序是:字间距、行间距、段间距。此外,在排版内容区之前,需要根据页面实际情况给页面四周留出余白。


【网页设计小技巧】相关文章:

网页设计制作小技巧12-02

网页设计应急小技巧11-26

网页设计实用小技巧09-08

网页设计中的小技巧12-02

实用的网页设计小技巧11-20

Dw网页设计制作小技巧10-21

旅游网页设计小技巧10-21

网页设计的应急小技巧10-11

响应式网页设计的小技巧09-22