用这篇文章的效果,给你讲公众号编辑排版小知识

公众号搜索童话ABZ关注

你打开了童话的第28篇写作

笔记输出-《果兄私塾-微信公众号编辑排版》

①❷❸❹❺❻

为什么要排版?

 ■  减轻阅读压力

 ■  提高阅读效率

 ■  提升阅读体验

 ■  塑造品牌形象

公众号要有自己的主色调

例如:

童话「橙白」

知乎「蓝白」

果壳「蓝绿」

果兄私塾「黄黑」

公众号要标签化

例如:

童话「认知笔记标签」

咪蒙「情感和小清新标签」

在正式开始排版之前,我们要根据文章内容确定好整篇文章的排版风格。因为文章的风格不同,使用的字体、字号、图片等等都会不一样

如果我们能确定下来风格,就能确定整篇文章的阅读基调,是文艺清新,还是高端简洁?是严谨质朴,还是设计感满满?

完全依靠编辑器做排版,往往得不到自己想要的效果,而且你的排版水平也提升速度会比较慢。

初级排版攻略:先模仿别人


①②❸❹❺❻

字体

隶属字体的文章,营造古朴的氛围。

和谐的字体文章组合,体现作者风格。

宋体黑体烂大街,尽量不要用默认字体。

我试了N边,每次一点击保存,字体就变成,默认的了。

查了官方的说明,说是微信公众号只能显示默认的字体!

衬线字体:有线条,有粗细,有比例。

例如:

字体trajan: 「比例严谨、线条粗细变化,最适宜阅读」

锐字工坊云字库美黑「设计新颖的字体」

方正风雅楷宋简体

非衬线字体:dotum

 ■ 尽量使用一个字族中的2种字体。

一种的话无趣,多种眼花缭乱。

 ■ 注意背景颜色和字体颜色的相似度,不要太接近。

 字号的选择

建议14或15px

14用于深阅读型

15中规中矩

16适用于老年人

标题:推荐16px-18px

正文:推荐14px-16px

标注:推荐12px-14px

 文字色彩选用

标题颜色,尽量用主题色或#000000。

也可以用#f79646,#3daad6,#2e6e9e

备注性的字体颜色建议#a5a5a5

排版主色通常和品牌色一致

举例:24小时hours以黑白为主

一级二级标题、二维码、配图、重点内容、头像、顶部和底部引导等都使用排版主色即可。

正文颜色

常用的有:#2f2f2f(推荐使用)#595959、#3f3f3f、#333333  

正文全部颜色最好不要超过三种,不建议使用纯黑(#000000)作为正文颜色,手机端会比较刺眼,灰色会温和一点。

标注色:#888888、#a5a5a5

字体颜色可以用配色卡,建立配色方案。

配色网站:

1. color scheme designer

2. peise:http://www.peise.net

3. coolors:https://coolors.co

4. colorhunt:http://colorhunt.co

5. materialui:https://www.materialui.co

6. uisdc color:https://color.uisdc.com/

ATOOL在线查询颜色的工具

■ 给文字加阴影:最保险的方式是选取比原文字浅两号的颜色,达成发光效果,很自然又带有朦胧感。

三款常用的字体

1.细体:PingFangSC-light

2.日本字体:hirakakupron-w3

3.英文字体:Zapfino、Cochin-BoldItalic、MarkerFelt-Thin、Futura-Medium、CourierNewPS-ItalicMT、Futura-CondensedExtraBold。

①②③❹❺❻

留白

字间距留白:字号越小,字间距越要大。字体14 px,字间距3

行间距留白:1.5px或1.75px或2px  如果文字较少,用2px

段间距留白:每段上下空一行。一个小节结束时,可以多空两行。一整段内容,不要超过一屏,否则看着难受。

页边距留白:建议两端缩进1.0px 左对齐型排版,首行不需要缩进。

①②③④❺❻

图片的运用

图片用于对文字内容的补充。

表情包宽度占整个屏幕的二分之一到三分之一左右为佳。

图片的选用

封面加品牌logo

一篇文章,使用同色系插图。

图片的选用要与内容定位相匹配。

■ 2018年6月份,微信封面改版为900x383px 比例为: 2.35:1

正文图片选择500x300最合适

静态图保证在100k以内,尺寸建议16:9,4:3 宽度控制在1000像素以内

动态图500k以内,宽度1080 像素。

使用jpg格式,不使用png,因为JPG图片大。也可以使用GIF格式。

图片的制作:创客贴https://www.chuangkit.com/

①②③④⑤❻

正确使用标点

人物对话使用弯引号“”

引号推荐使用直角引号「」,这个符号是「我的最爱」。引号中再用引号使用双直角引号『』

中文省略号......

是英文的省略号...

六个句号的省略号很不专业。。。。。。

无序列表

 ■ 小方块更适合中文

 ○ 小圆圈多用于注释内容

 ● 小黑点是最常用的,适合英文。

▲正三角经常居中放在照片下方,对照片起注释作用。

▼倒三角经常单独居中成行,用于分隔两部分内容,引出下文。

小符号代替传统的大标题小标题,表示进度

①②③④⑤❻

ⅠⅡⅢⅣⅤⅥⅦ

❶❷❸❹❺⑥

中文与英文之间需要加空格

强调的内容可以:

改变颜色,增大字号,改变粗细。

强调的内容,不要超过整个文本的10%

①②③④⑤⑥

段落大解析

■ 一个段落只有一个主旨

■ 在段落开头加标点符号·或--

■ 正文分三个模块:

顶部引导

内文

底部引导

二维码生成器:草料二维码https://cli.im/

排图工具

创客贴

简拼

美图秀秀

邻近色:橙色是黄色的邻近色。将色相值增减30-50,就能得到一个新的邻近色。

互补色:互为180度的两个颜色。互补色能产生强烈的对比效果,用在需要强调的地方非常好。比如红绿,黄紫

将色相值增加整个色相条宽度的一半,就可以得到当前颜色的互补色。

点缀色

具有引导阅读,装饰画面的作用。整体占比在5%左右。比如,全文深灰色为主,可以选择黑色作为点缀色,也可以使用墨绿,墨蓝。

制作GIF的APP

闪萌

GIF喵

美图GIF

多玩动图

imgplay

学完2万字的原文章之后,做出了这篇文章的整体效果。字体一保存就恢复默认字体,这个问题试了多次依然没有解决。

我们因渴望知识探求的学习相遇

欢迎你加入童话的公众号

童话陪你一起持续成长

2018感谢有你的陪伴

2019让我们继续学习

今天是春节

童话祝 你

越来越帅 越来越漂亮

祝你及家人永远幸福

做一个终身学习者

童话给你们拜年了:

祝 2019

大吉大利 

长长久久

撒花

END

你可能感兴趣的:(用这篇文章的效果,给你讲公众号编辑排版小知识)