文章排版怎有美感 超实用图文排版方法.docx

《文章排版怎有美感 超实用图文排版方法.docx》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、说起排版，这是个大学问。页面上的每一个元素都能影响浏览，排版设计的好坏绝对很考验一个人的基本功底。那文章排版怎么有美感超实用图文排版方法么什么是好的排版？在小编看来有比较棒的阅读性的，内容在视觉上是平衡连贯的，并且有整体空间感和美感的就是好排版。所以现在就从文字排版和图片排版这两大方面，与大家分享内容排版的技巧。文字编排的易读化当下社会的快餐文化，直接的使得我们的各种习惯随之改变，人们好像越来越不愿将时间花在长时间阅读上，用户习惯读图，那么一定是读图比读字更符合他们自身的使用习惯，所以不应该强行没收大家读图的权利，而应该想办法让文字内容更加易读美观并脱颖而出。1

2、字体：创造层次感创造排版的层次感，让页面结构更加清晰。排版的层次感通常指页面中文本排列构建出的视觉层次。平时我们看过的书籍，书中的主标题看起来比副标题更重要，而主标题和副标题又明显比正文部分更显眼。所以我们在进行文字排版时，一般也可以遵循这个原则。页面中所有字体尺寸应该是基于正文字体来进行选择的，因为正文是用户在每个页面中阅读最多的部分。那么如何基于正文来选取其他部分字体的大小，下面有一些基本原则。1、正文字体：调整字体大小，直到感觉看起来非常舒服为止。2、标题字体：通常将正文字体放大到180%-200%。3、副标题字体：通常为正文字体的130%-150%。2间

3、距：排版更易读通过调整行间距和段间距，让用户更容易扫读文字。段间距让用户能够更好地识别内容块和意群，行间距控制好则可以让大脑更轻松识别文字内容。1、行间距行间距没有固定的值，通常是根据字体大小来定义的。在word里我们常看到双倍行距、单倍行距和1.5倍行距的选项。网页上行距的单位常用em来表示，不管是中文网站还是英文网站，大家多喜欢用1.5em-1.8em的行距，不超过2em。控制在正文尺寸的120%-160%，同时文本字体越小，两行之间的行距应该越大，确保字与行间的呼吸空间。2、段间距一般而言，段间距等于或大于正文字体行高。比如文章篇幅较短，就不需要很宽的段距

4、，二文章篇幅很长，特别是那些偏学术的比较枯燥的文章，就要多利用段距把握文章的节奏，给阅读者喘息和思考的机会，且使文章更有层次和可读性。3行长：划分阅读区我们随手拿起一本书或者一份报纸，数一数每行的文字，一般情况下都不会超过40个汉字。这是因为如果每行文字过长，读者会不停的转动脖子，感到疲惫的同时也会降低阅读效率；目光从行尾移至下一行首，也很容易串行，影响读者浏览文章的节奏。这点同样适用于网页上的文章阅读。由于显示器是横向的，我们更要注意划分阅读区域。文本宽度控制在450-700px为宜，此范围内参照字号大小：●英文每行80-100个字母(空格算一个字母)为宜；●

5、中文每行30-40个汉字为宜。4对比：提高视觉性对比（contrast）是四项基本设计原理之一，在网页中对文字的排版也非常适用。可以将对比分为三类，主要是标题与正文的对比、文字颜色的对比，以及文字颜色与背景颜色的对比。1、标题与正文对比标题使用18号的微软雅黑，正文使用12号的宋体，两种字体字号的对比让文字内容富有层次，很容易吸引读者眼球。2、强调文本对比一部分文字采用了与主要文字不同的样式，增加视觉效果，突出展示了段落的重点。一般规则是，强调文本不要超过整个文本的10%，如果所有都被强调，那就不是强调了。当然，一次仅仅使用两种或是三种强调技巧。换句话说，不要同

6、时使用，颜色，字体改变，大小，下划线，斜体，黑体。3、文字颜色与背景颜色对比正文文本与背景合适的对比可以提高文字的清晰度，产生强烈的视觉效果。将文字内容清晰衬托出来，既有丰满的层次感，同时有具有很强的视觉冲击力。在使用这一原则时需要注意，必须确保文字是容易看清的，如果文字过小或过于纤细、色彩对比度不够，会适得其反。如果对色彩的对比度还不够熟悉时，可以通过颜色对比检测工具（CheckMyColours、ColourContrastCheck）检测色差和亮度差，确保网页设计的易读性。图文排版的简单化为了增加阅读体验，一种友好的图文排版必不可少。图文混排的样式有很多，

7、我们大体可以分为具有设计样式的和简单混排的。富有设计感的图文排版较复杂，需要一定的设计功底才能做的好看。因此简单好看的图文排版越来越受欢迎，处理好图片和文字的关系就可以。1图文的组织关系·图片靠左对齐正常情况下，用户的注意力从左向右（当然不否定特例的）。其优势是可以增加内容的识别度，图片可以先吸引读者对内容的注意力。·图片靠右对齐如果内容比图片更重要或者内容很难用相应的图片进行表达，同时又想充实页面提高页面美观度的，可以考虑图片放在右侧。·图片放在上方一般都是类似瀑布流列表的排版方式。此时图片的重要程度比放在左侧还要高的多，基本每条记录的主要信息都靠配图来呈现。

8、·图片放在下方主要的优势