TreeMind树图在线AI思维导图
当前位置:树图思维导图模板IT互联网互联网干货新媒体运营文章排版思维导图

新媒体运营文章排版思维导图

  收藏
  分享
免费下载
免费使用文件
原来是y 浏览量:12022-11-25 17:49:32
已被使用0次
查看详情新媒体运营文章排版思维导图

本思维导图主要总结互联网运营相关知识文章排版

树图思维导图提供 新媒体运营文章排版 在线思维导图免费制作,点击“编辑”按钮,可对 新媒体运营文章排版  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是: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)检测色差和亮度差,确保网页设计的易读性。

相关思维导图模板

运营推广威士忌主题商业街区思维导图

树图思维导图提供 运营推广威士忌主题商业街区 在线思维导图免费制作,点击“编辑”按钮,可对 运营推广威士忌主题商业街区  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:f52051e03562abdf850d1ca271391b5f

《背影》文章结构思维导图

树图思维导图提供 《背影》文章结构 在线思维导图免费制作,点击“编辑”按钮,可对 《背影》文章结构  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:c91d0debebaf00f9e6824f74a4232424