公众号排版微信公众号设计规范

微信公众号编辑排版规范(试行版)

2017-03-02  本文已影响342人  还闹不闹

优秀的公众号,既要会做内容,还要懂如何编辑。

编辑工作就是把文章打磨成适合读者的产品,用合适的方式,呈现给读者。这需要编辑有出众的审美水平和设计感,这些能力在短期内很难培养。

插坐学院结合两年来的实际教学经验,整理发布「微信公众号编辑排版规范」,力求帮新手编辑最大程度加快入门速度,提高工作效率。

为什么要重视编辑规范?

1. 提升用户阅读体验。

优秀的排版,让文章结构清晰,逻辑顺畅,用户易理解,便于快速扫读,而且优雅美观,让阅读也成享受;

2. 塑造品牌形象。

排版的标准高,风格稳定,长期坚持,影响用户对品牌的看法,提升公众号品牌形象;

3. 给用户心理暗示。

排版会给读者心理暗示,是读者判断内容品质高低的重要标准;

4. 便于沟通合作。

与外部沟通时,编辑的话术要得体,给合作伙伴好印象。

标题规范

1. 标题

1)为了表达简洁,头条和次条标题在用户手机屏幕上,尽量不超过一行;

2)如果一行标题不能达到最佳表达效果,可将标题延长至两行,但不要超过 64 个字节,否则转发朋友圈时不能完整显示;

3)标题出现日期时,用阿拉伯数字代替中文数字,日期数字也是如此;

✎ 示例:

《为什么今年2月没有29日?》

4)题目中的标点符号建议不要超过 2 种;

5)标题出现以下内容时,请使用全角括号,作用有下面 6 种:

(1)定位人群:指出哪类人必须读这篇文章;

✎ 示例:

《万科总裁郁亮:企业不再需要职业经理人了(职场人必看)》

(2)加强推荐:重点说明推荐这篇文章时的诚意;

✎ 示例:

《2015年,杜蕾斯团队创作了哪些牛B闪闪的内涵文案?(强烈推荐)》

(3)解释说明:希望增加文章标题的说服力;

✎ 示例:

《一个人心理成熟的具体表现都有哪些?(知乎点赞破万)》

(4)补充亮点:多个亮点很难组成一句逻辑完整的话,且无法同时放进去,就用一个括号,单独列出某个亮点;

✎ 示例:

《西单女孩创业身价过亿,要做下一个董明珠!(或今年再登春晚)》

(5)赠送福利:常用字有「附」、「赠」、「含」等;

✎ 示例:

《3分钟56张图锤子 T2 发布会全程回顾!(附3个必看小视频)》

(6)表示地点:线下活动的通告中,标题含有地点。

✎ 示例:

《品牌营销总监班(深圳)第二期》

6)标题原则

(1)不写看不懂的标题;

(2)多用短句,少用复杂长句;

(3)多用大众常用字词,少用甚至不用生僻字词;

(4)逻辑清楚,语句通顺;

(5)尽量不要让同一个词语在标题中出现两次,如果有,尝试换一种表达方式。

2. 一级标题

上下行距:一行至两行;

字号:16 或 15 ;

颜色:如果有品牌色,优先使用品牌色,并加粗。如果没有,使用 #000000 ,并加粗;

对齐方式:居中。

✎ 示例:

一级标题

3. 二级标题

字号:15 ,或与正文内容字号相同;

颜色:#2f2f2f ,并加粗;

对齐方式:两端对齐。

✎ 示例:

1.

4. 三级标题

全角半括号;

字号:15 ,或与正文内容字号相同;

颜色:#2f2f2f ,并加粗;

对齐方式:两端对齐。

✎示例:

1)

5. 四级标题

全角双括号;

字号:15 ,或与正文内容字号相同;

颜色:#2f2f2f ,并加粗;

对齐方式:两端对齐。

✎示例:

(1)

6. 各级标题原则

1)字数长短适中,在手机屏幕显示不超过两行;

2)标题之间有逻辑。

7. 摘要规范

摘要至少应该达到以下几种作用之一:

1)读后感、感叹、总结、一个中心观点等;

✎ 示例:

公众号「有束光」

标题:《她用5毛钱笔芯画了幅画,周立波开价20W想买,结果这个一穷二白的食堂服务员愣是拒绝了》

摘要:难以想象,这个时代还有人能活得这么纯粹。。。

2) 延续标题,加强勾引;

✎ 示例:

公众号「插坐学院」

标题:《最最重要的,是单位用户体验》

摘要:其他的都是狗屁。

3)强化、补充标题亮点;

✎ 示例:

公众号「人物」

标题:《创业者胡斐的三次“死亡”》

摘要:这两年经历的,实在太刺激了。

4)加强推荐,用各种方式告诉读者,这篇你应该点进来看看;

✎ 示例:

公众号「人物」

标题:《霾困北京时》

摘要:一年一度,我们以此文提示,凛冬将至。

5)明确阅读预期,告诉读者这篇文章的主要内容、讲解方式、评价高低;

✎ 示例:

公众号「李叫兽」

标题:《「李叫兽」消费升级,便宜货一定没机会吗?》

摘要:消费升级,卖价格便宜的商品没戏了吗?这篇文章,李叫兽教你六个套路。

文字规范

1. 文字颜色

1)一篇文章中,文字颜色不要超过三种;

2)以下六种颜色搭配,适合正文和标题使用。

2. 中文

1)字号:15 ;

2)颜色:#3f3f3f ,  #2f2f2f ;

3)正文部分建议用 #3f3f3f ,重点加粗部分建议用 #2f2f2f 。

✎ 示例:

中文 中文 中文 中文(字号分别为 16、15、14、12)

3. 西文

1)字号:15 ;

2)颜色:如正文内容为中文西文搭配,则西文使用 #888888 ,如通篇文字为西文,则是使用 #3f3f3f ;

✎ 示例:

Work Work Work Work(字号分别为 16、15、14、12)

▲中文西文搭配

西文不常用,很多人对规范很陌生,所以详细解释:

3)西文撰写基础

(1)句首字母大写;

(2)单词间留空格;

✎ 示例:

The New Media is being popular.

4)大小写的区别

(1)专有名词使用特定大小写;

✎ 示例:

the white house 是「白色的房子」, the White House 是「美国白宫」。

(2)标题可单用大写字母;

✎ 示例:

TO BE NO.1

标点规范

1. 中文标点

1)引号

(1)引号建议使用直角引号;

✎ 示例:

我在学习「新媒体」。

(2)引号中再用引号使用双直角引号;

✎ 示例:

我问他,「你在学习『新媒体』?」

(3)当引号表示讽刺、反语暗示时,使用弯引号(用法参考「文字规范」中的「西文」部分)。

✎ 示例:

我学习「新媒体」很“轻松”。

2)省略号(删节号)与破折号

(1)省略号占两个汉字空间,包含六个点;

✎ 示例:

……

(2)破折号占两个汉字空间。

✎ 示例:

——

3)行首行尾禁则

(1)点号(顿号、逗号、句号等)、结束引号、结束括号等,不能出现在一行的开头;

✎ 反例 :新媒体的形式包括文字

、图片、视频等。

(2)开始引号、开始括号、开始双书名号等,不能出现在一行的结尾。

✎ 反例:德鲁克的名作是《

卓有成效的管理者》。

2. 西文标点

1)点号后加一个空格(如逗号、句号等);

✎ 示例:

The New Media is being popular, isn’t it?

2)符号前不加空格:摄氏度、度量单位、百分号等;

✎ 示例:

23°,12cm,20%

3)符号后不加空格:货币标志、正负数符号等;

✎ 示例:

¥100,-30

4)符号后加空格:「@」标志(电子邮件除外)、版权标识、项目符号等;

✎ 示例:

@ Jack

5)括号、引号前后加空格,中间内容无空格;

✎ 示例:

He said “What brings you here?”

6)连字符(-)将两个相关单词组合成一个单词;

✎ 示例:

hand-made

7)全角连接号(—)常表示文章中断、转折或说明。

✎ 示例:

The only thing we have to fear is fear itself. ——Franklin Roosevelt

3. 中西文混排

1)基础原则

(1) 中英文之间需要加空格;

✎ 示例:

Alice 和 Kevin 的感情越来越好了。

(2)中文与数字之间需要加空格,与日期之间不需要加空格;

✎ 示例:

2016年中国进出口总额为 243344 亿元。

(3)中文与链接之间增加空格;

✎ 示例:

谷歌 www.google.com 是全世界最大的网站。

(4)专有名词使用特定大小写;

✎ 示例:

苹果公司的产品有 iPhone 系列和 MacBook 系列。

(5)使用正确的缩写;

✎ 示例:

WTO 是「世界贸易组织」。

2)标点相关

(1)使用全角标点;

✎ 示例:

甲骨文公司(www.oracle.com)是全球最大的企业级软件公司。

(2)全角标点与英文或数字之间不加空格;

✎ 示例:

我从 App Store 下载了 Instagram,用来看照片。

(3)遇到完整的英文句子使用半角标点;

✎ 示例:

第一次看《肖申克的救赎》,我听到「Hope is a good thing.」时,浑身一颤。

段落规范

1. 行间距&段间距

1)行间距:1.75 为最佳,不要超过 2 ;

✎ 示例:

新媒体涵盖了所有数字化的媒体形式。包括所有数字化的传统媒体、网络媒体、移动端媒体、数字电视、数字报刊杂志等。

(行间距为 1 )

新媒体涵盖了所有数字化的媒体形式。包括所有数字化的传统媒体、网络媒体、移动端媒体、数字电视、数字报刊杂志等。

(行间距为 1.75 )

新媒体涵盖了所有数字化的媒体形式。包括所有数字化的传统媒体、网络媒体、移动端媒体、数字电视、数字报刊杂志等。

(行间距为 2 )

2)段间距:上下段之间空出一行。

✎ 示例:

新媒体涵盖了所有数字化的媒体形式。

新媒体包括所有数字化的传统媒体、网络媒体、移动端媒体、数字电视、数字报刊杂志等。

(段间距为 5 )

新媒体涵盖了所有数字化的媒体形式。

新媒体包括所有数字化的传统媒体、网络媒体、移动端媒体、数字电视、数字报刊杂志等。

(段间距为 10 )

新媒体涵盖了所有数字化的媒体形式。

新媒体包括所有数字化的传统媒体、网络媒体、移动端媒体、数字电视、数字报刊杂志等。

(段间距为 15 )

3)段首不建议空两格,顶格写即可。

✎ 示例:

新媒体涵盖了所有数字化的媒体形式。

✎ 反例:

新媒体涵盖了所有数字化的媒体形式。

2. 两端对齐最佳

对齐方式有四种:居左对齐、居中对齐、居右对齐、两端对齐。最佳的对齐方式是两端对齐。

✎ 示例:

对齐方式有四种:居左对齐、居中对齐、居右对齐、两端对齐。最佳的对齐方式是两端对齐。

3. 强调规范

1)尊重文章整体风格;

2)字号:15 ,加粗,加粗内容部分不连续超过3行;

3)颜色:如有品牌色,根据文章风格,适度使用品牌色,如果没有,使用#2f2f2f。

✎ 示例:

新媒体是一个朝阳产业。

4. 引用规范

1)在整体文本基础上加以修改,又需要强调的部分,按强调规范处理;

2)字号:15 ;

3)颜色:#888888 ;

4)如需表明出处,用破折号,by 或 from ,右对齐。

✎ 示例:

最重要的决定是如何定位你的产品。——大卫·奥格威

最重要的决定是如何定位你的产品。from 大卫·奥格威

最重要的决定是如何定位你的产品。by 大卫·奥格威

5. 注释规范

1)图片/视频注释

(1)注释文字开头加上符号表情,或给注释文字加全角括号。建议注释放在图片/视频下方,不用空行;

(2)字号:14 ;

(3)颜色:#888888 ;

(4)对齐方式:居中(如果注释过长,则两端对齐)。当文章有多个注释,如果其中一个注释过长,使用了两端对齐,那么文中所有注释都使用两端对齐。

2)英文注释

(1)文中如有英文单词,则在单词后加全角括号,注释该单词的意思;

(2)字号:15 ;

(3)颜色:#888888 。

✎ 示例:

New Media(新媒体)

3)中文注释

遇到特殊名词或其他做补充的话语,与英文注释的方法相同。

✎ 示例:

传媒(指“传播媒介”)

注释不要出现在文末。读者在文章开头见到特殊名词,不会翻到文章末尾找解释。因此要及时注明,保证阅读体验。

图片

1. 封面图

1) 头条封面图注意与公众号整体风格搭配;

2)头条封面图尺寸宽 900* 高 500 像素;

3)次条封面图尺寸宽 200* 高 200 像素;

4)封面图中不要出现太多文字、数字;

5)封面图的视觉焦点要在图片中央。

具体封面图类型,请参考《哪些仪式感能让你的公众号与众不同?》

2. 文中插图

1)设计图片时,考虑图片风格、配色;

2)图片大小不超过 2M,不小于 50K ;

3)静态图

图片统一尺寸比例,建议使用 16:9 和 4:3 ,不建议使用竖构图图片;

图片像素的宽度控制在 1000 像素左右。

4)动态图

图片像素的宽度为 1080 像素,长度根据实际需求调整。

作者来源

1. 字号:14 或 15,加粗;

2. 颜色:#2f2f2f ;#888888 ;

常在文首和文末注明,格式如下:

1)文首注明

作者 | 作者姓名

来源 | 公众号名称(ID:XXX)

作者介绍/公众号介绍文字

2)文末注明:14 ,加粗,颜色为 #888888

*文章来源公众号名称(ID:XXX),作者 A 。作者介绍/公众号介绍文字。本公众号经授权发布。

3)如果文章配有音频朗读,则用以下两种方式安排朗读主播信息:

如果文章没有标注作者,只有主播,则主播信息单独一行,居中,14 号字,颜色为 #888888 ,格式为:

主播 | A

如果文章有作者,有主播,则主播姓名放在作者姓名下面,并左对齐,两种信息都用 14 号字,作者颜色为 #2f2f2f ,加粗,主播颜色为 #888888 ,格式为:

作者 | A

来源 XXX

主播 | B

索要授权话术

为保护版权,转载时,需要向原创方索要授权,内容包括说明身份、目的、给对方的益处等。常用格式如下:

您好,我是微信公众号 A(ID:XXX)的编辑 B(ID:XXX),申请白名单授权转载您在 X 月 X 日发布的文章《XXX》。

我们会在文首注明来源公众号和作者等信息,文末附上您的二维码和推荐语。

我们非常看重文章质量,同时有 XX 万高质量用户,会给您带来不错的曝光量和用户转化。

如果方便,请给我们双勾,谢谢。

写在最后

插坐学院设计发布这套编辑规范,不是为了束缚编辑,而是帮助编辑认识公众号文章的基本美感,打好工作基础。

微信用户和公众号环境都在不断变化,这份编辑技巧也不能永远适用,只有不断总结、迭代、打磨自己的编辑水平,才能走得更远,更踏实。

我们整理完这篇规范后,发给了业内五位专业的新媒体编辑审核,他们的反馈如下:

【三节课】:一直很喜欢插坐学院的排版风格,清新简洁,看文章的过程中还能欣赏到美,很难得。插坐学院设计的这套编辑规范很详实,一个新媒体编辑在排版过程中会遇到的问题,在这里都能找到适合自己的答案,尤其推荐标题和文字的规范,很受用。

【3W互联网深度精选】:每一篇排版赏心悦目的文章后面,都有一个优秀的编辑。编辑是一门手艺,每一个优秀的编辑都是出色的手艺人。插坐学院的这套编辑规范可以帮助很多新媒体编辑提升自家公众号的颜值。相信一点,长得好看的,运气都不会太差。

【勺子课堂】:细读《插坐学院微信公众号编辑规范》发现很多条目竟和勺子课堂当下的排版标准“不谋而合”。我想这种巧合不是出于偶然,而是对于简洁、清晰、重点突出等普适审美的基本趋同。作为微信编辑,工作的过程就是不断培养美感、提升美感的过程,如果你对「美」的标准还不敏感,那就先从这份编辑规范开始吧。

【投资人说】:这几年我看过许多微信编辑教程,但要论实用性和细致性,插坐学院的这篇文章无出其右。对于所有微信公众号入门者,本文可以让你避免许多不必要的磕磕碰碰,非常值得一读。

【姑婆那些事儿】:内容很细致,作为模版范例来说可以给到一个参考。解释很详尽,分类也比较具体。

上一篇下一篇

猜你喜欢

热点阅读