专栏名称: 微交互
分享交互经验,提升产品用户体验。帮助您打造优秀产品。细节设计成就卓越产品。
目录
相关文章推荐
字体设计  ·  别人家的手写字 ·  5 天前  
庞门正道  ·  来看看,100+名设计师的大比拼! ·  6 天前  
庞门正道  ·  生日快乐。 ·  1 周前  
ZaomeDesign  ·  每日灵感丨一月七日 ·  5 天前  
51好读  ›  专栏  ›  微交互

研究了2000个公众号排版,我发现这些秘密……

微交互  · 公众号  · 设计  · 2017-07-26 13:48

正文

作者雪碧作者授权早读课转载

公众号新媒体课堂(ID:xinmeitiketang)

编辑:Juvae



雪碧和课堂其他三位小伙伴,花了一周时间研究了2000个公众号,我们现精选了以下14类共计200个公众号,并整理出了这份《公众号最全排版手册》,希望对大家有帮助。

 


另外我们在文末还为大家准备了一份3.7G的排版必备资料包,本文提到的软件都为大家放在这份资料包里咯。


文字




▌字号


建议设置为14px或15px,过大字号没有美感,过小字号易疲劳。

✎ 12px:用于注释,标注来源等

✎ 14px:适合文艺类、情感类等号型

 15px:中规中矩,不会出错的字号

✎ 16px:字体偏大,视觉上不够精致




▌字间距


建议设置为1px或1.5px,最大不宜超过2px。



✎ 1.0px:适当扩大了字间距

 1.5px:字间距使排版有呼吸感




▌行间距




建议设置为1.5px或1.75px或2px。







▌两端缩进




建议两端缩进尺寸为1.0px,咪蒙页边距为4px。





▌两端对齐


长篇幅文章务必在编辑完后进行两端对齐处理,否则文章右侧会参差不齐,视觉体验极差。






▌色号



以上排版功能均来自于新媒体管家plus。




▌案例




小北

 ■ 字号14px

 ■ 字间距为0

 ■ 行距为2

  两端缩进1px

 ■ #888888

深夜发嗤

 ■ 字号14px

 ■ 字间距为2

 ■ 行距为1.5

 ■ 两端缩进0px

 ■ #434343






 图片


▌封面图

▷ 尺寸



建议画布大小设为1108*500px,因安卓系统接收到的封面图会自动拉伸变形;重要信息应放置在500*500px区域内,防止文章被分享后信息不全引发歧义。



▷ 品牌标识性


建议在每一张封面图上加上品牌logo,可提高品牌独立性。






△上下拖动查看封面图Logo


▷ 制作


建议安装新媒体关键plus,后台可以直接进创客贴制作封面图,便捷高效。新媒体管家官网xmt.cn,可一键进行封面图制作,基本上改动文字即可。






△上下拖动查看创客贴样式精选


配图


建议一篇文章内使用同色系插图,在保证版权的前提下可使用插画师一个系列中的几张图,切记符合文章调性


▷ 配图尺寸及效果


建议安装新媒体关键plus后,在公众号后台一键调节图片大小和效果,登陆 xmt.cn 根据浏览器下载







▷ 配图网站


国外:建议使用Pixabay,以摄影为主,支持中文搜索,免费可商用。安装新媒体管家plus后,可直接在公众号后台搜索该网站图片并使用。







国内:建议使用花瓣网、堆糖网以插画为主,注意原创保护。







▷ 动图


■ 编辑动图:建议使用Soogif网站,可对动图进行压缩、裁剪和编辑。编辑处包括给动图添加文字、滤镜和特效,安装新媒体管家plus,后台直接对接Soogif网站







■ 视频转gif:常用于观看视频时录制表情包、录制教程步骤类动图




✎ Licecap可多框录制,取景框可移动

✎ Gifcam:功能同上,根据个人喜好

 抠抠视频秀:可添加文字,但有水印




▷ 长图




✎  多图成长图建议下载:Tailor、拼了个长图 

  制原创长图建议下载:Mori、Corlor手账

  网页长图截取建议用:浏览器自带网页截图




 手绘、漫画


公众号内加入原创手绘有利于打造品牌形象,非专业小编可借助手机App和网站实现在公众号内添加手绘和漫画元素。



✎  ios系统Appsketches(简单手绘)

  安卓系统App53paper(简单手绘)

  电脑端暴走漫画网站(暴漫风格)



 文字云(网站



✎  BlueMC词云国内网站不需翻墙

  Tagxedo国外网站需翻墙

  Tagul:国外网站需网页翻译




 emoji表情


推荐使用新媒体管家plus,可在后台一键添加emoji表情,使文章风格更人性化,拉近读者作者距离








▌案例





样式




配色


建议公众号设定自己的主题色,一篇文章中最多使用三种以主题色为主的颜色。


▷ 台推荐配色







▷ 设计师配色方案


直接在「字体颜色」一栏输入色号即可,已为大家放入资料包。







标题样式


▷ 标题样式三原则



✎  字数宜短句,少长句

  样式颜色符合公号基调

  简约至上,避免花哨的样式




▷ 采集样式方法


在安装了新媒体管家plus的浏览器中打开文章,点击右侧采集按钮进行样式收藏使用。






特殊符号


建议在分段列举时使用,备注图片时加入特殊符号,使文章条理清晰。



✎  「」『』 ▲▼

  ①②③④⑤⑥⑦⑧⑨⑩

  Ⅰ·Ⅱ·Ⅲ·Ⅳ·Ⅴ·Ⅵ·Ⅶ·Ⅷ·Ⅸ·Ⅹ·Ⅺ·Ⅻ




▌案例





关注


▌顶部关注


▷ 样式中心关注图


建议新手使用,重合率较高,无个性特色。


↑ 点击上方“新媒体课堂”关注我们



▷ 制作关注图


建议自己制作关注图,增加公众号特色。

具体方法:《关注图制作方法大全》


底部关注


▷ 草料二维码



▌案例





·End·




微交互 ∣细节设计成就卓越产品



长按,识别二维码,加关注





推荐文章
字体设计  ·  别人家的手写字
5 天前
庞门正道  ·  来看看,100+名设计师的大比拼!
6 天前
庞门正道  ·  生日快乐。
1 周前
ZaomeDesign  ·  每日灵感丨一月七日
5 天前
闹闹每日星运  ·  周运|女巫店12星座一周运势:0313~0319
7 年前
心理语录  ·  人心,写的好露骨!
7 年前
乐趣微生活  ·  亲一口给一万,笑喷!【NO6】
7 年前