本思维导图主要总结互联网运营相关知识文章排版
树图思维导图提供 新媒体运营文章排版 在线思维导图免费制作,点击“编辑”按钮,可对 新媒体运营文章排版 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:2ebcc1e2291fa9cda73b9cd1a6c05d82
新媒体运营文章排版思维导图模板大纲
创造排版的层次感,让页面结构更加清晰。排版的层次感通常指页面中文本排列构建出的视觉层次。
平时我们看过的书籍,书中的主标题看起来比副标题更重要,而主标题和副标题又明显比正文部分更显眼。
所以我们在进行文字排版时,一般也可以遵循这个原则。
页面中所有字体尺寸应该是基于正文字体来进行选择的,因为正文是用户在每个页面中阅读最多的部分。
基本原则
1、正文字体:
调整字体大小,直到感觉看起来非常舒服为止。
2、标题字体:
通常将正文字体放大到180%-200%。
3、副标题字体:
通常为正文字体的130%-150%。
通过调整行间距和段间距,让用户更容易扫读文字。
段间距让用户能够更好地识别内容块和意群,行间距控制好则可以让大脑更轻松识别文字内容。
1、行间距
行间距没有固定的值,通常是根据字体大小来定义的。
在word里我们常看到双倍行距、单倍行距和1.5倍行距的选项。
网页上行距的单位常用em来表示,不管是中文网站还是英文网站,大家多喜欢用1.5em-1.8em的行距,不超过2em。
控制在正文尺寸的120%-160%,同时文本字体越小,两行之间的行距应该越大,确保字与行间的呼吸空间。
2、段间距
一般而言,段间距等于或大于正文字体行高。
比如文章篇幅较短,就不需要很宽的段距,二文章篇幅很长,特别是那些偏学术的比较枯燥的文章,就要多利用段距把握文章的节奏,给阅读者喘息和思考的机会,且使文章更有层次和可读性。
我们随手拿起一本书或者一份报纸,数一数每行的文字,一般情况下都不会超过40个汉字。
这是因为如果每行文字过长,读者会不停的转动脖子,感到疲惫的同时也会降低阅读效率;目光从行尾移至下一行首,也很容易串行,影响读者浏览文章的节奏。这点同样适用于网页上的文章阅读
由于显示器是横向的,我们更要注意划分阅读区域。
文本宽度控制在450-700px为宜,此范围内参照字号大小:
英文每行80-100个字母(空格算一个字母)为宜;
中文每行30-40个汉字为宜。
对比(contrast)是四项基本设计原理之一,在网页中对文字的排版也非常适用。
可以将对比分为三类,主要是标题与正文的对比、文字颜色的对比,以及文字颜色与背景颜色的对比。
1、标题与正文对比
标题使用18号的微软雅黑,正文使用12号的宋体,两种字体字号的对比让文字内容富有层次,很容易吸引读者眼球。
2、强调文本对比
一部分文字采用了与主要文字不同的样式,增加视觉效果,突出展示了段落的重点。
一般规则是,强调文本不要超过整个文本的10%,如果所有都被强调,那就不是强调了。
当然,一次仅仅使用两种或是三种强调技巧。
换句话说,不要同时使用,颜色,字体改变,大小,下划线,斜体,黑体。
3、文字颜色与背景颜色对比
正文文本与背景合适的对比可以提高文字的清晰度,产生强烈的视觉效果。将文字内容清晰衬托出来,既有丰满的层次感,同时有具有很强的视觉冲击力。
在使用这一原则时需要注意,必须确保文字是容易看清的,如果文字过小或过于纤细、色彩对比度不够,会适得其反。
如果对色彩的对比度还不够熟悉时,可以通过颜色对比检测工具(Check My Colours、Colour Contrast Check)检测色差和亮度差,确保网页设计的易读性。
树图思维导图提供 线上销售全链路布局 在线思维导图免费制作,点击“编辑”按钮,可对 线上销售全链路布局 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:d7d9de3c963dd0170f070d111b460b99
树图思维导图提供 中国邮政运营重点指标提示 在线思维导图免费制作,点击“编辑”按钮,可对 中国邮政运营重点指标提示 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:549bb5cd0fb673b56a2dd461adc52fbd