网页设计文字排版技巧

网页设计文字排版技巧

　　网站上每一个元素都能影响浏览，排版设计的好坏绝对能考验一个设计师的基本功底，，下面是小编分享的网页设计文字排版技巧，一起来看一下吧。

　　行宽

　　我们可以想象一下：如果一行文字过长，视线移动距离长，很难让人注意到段落起点和终点，阅读比较困难;如果一行文字过短，眼睛要不停来回扫视，破坏阅读节奏。

　　因此我们可以让内容区的每一行承载合适的字数，来提高易读性。

　　传统图书排版每行最佳字符数是55—75，实际在网页上每行字符75—85更流行。中文在14号字体时，建议35—45个文字。

　　间距

　　行距是影响易读性非常重要的因素，过宽的行距会会让文字失去延续性，影响阅读;而行距过窄，则容易出现跳行。

　　页设计中，文字间距一般根据字体大小选1—1.5倍作为行间距，1.5—2倍作为段间距。

　　比如12号字体，行间距是12px—18px，段落间距则是18px—24px。

　　另外，行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。

　　比如简书16号字体，行间距27px/段间距36px=75%。文字字号本身比较大，所以行间距也不需要严格按照1—1.5倍的比例设置，不过行间距和段间距的比例符合75%，看起来很不错，这样的视觉效果让人在阅读时保持一种节奏感，这就是在实际情况中将规范的灵活应用。

　　行对齐

　　排版中很重要的一个规范就是把应该对其的地方对齐，比如每个段落行的位置对齐。

　　不论哪种视觉效果，精美的、正式的、有趣的还是严肃的，一般都可以应用一种明确的对齐来达到目的。

　　通常情况下，建议在页面上只使用一种文本对齐，尽量避免两端对齐。

　　文字留白

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

【网页设计文字排版技巧】相关文章：