公众号搜索“童话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