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

原来是y

2022-11-25

浏览量: 1

思维导图

IT互联网

电商运营

互联网干货

新媒体运营

文章排版

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

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

写作常用连词思维导图

U964561025

1.33

树图思维导图提供《写作常用连词》在线思维导图免费制作，点击“编辑”按钮，可对《写作常用连词》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：d2a73cffa7d17cfaeead806356a5b392

03 引流转化思维导图

U232522733

1.46

树图思维导图提供《03 引流转化》在线思维导图免费制作，点击“编辑”按钮，可对《03 引流转化》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：1bacdd88a1fcfda2f70ff93dc28b0dd0

思维导图模板

IT互联网

互联网干货

正文

相似思维导图模版

思维导图模版推荐

首页

我的文件

我的团队

个人中心