1. 新媒体管家 运营宝库首页
  2. 工具推荐

公众号排版,看这一篇就够


公众号排版,看这一篇就够
公众号排版,看这一篇就够



通篇简单排版的深度排版教学


排版作用

  • 减轻读者的阅读压力

  • 增加读者对文章逻辑链条的把握和理解

  • 给读者提供适当休息


    排版要求:整齐、整洁、有设计感,确定排版形式后就不要大改,因为有助于在读者心里建立一个深刻固定的印象



    第一步:简易排版方式推荐


    1.工具

    新媒体管家、壹伴、微信公众号后台


    2.方式

    将排版好看的公众号文章采集到公众号后台,将他们的元素复制、黏贴、组合,形成自己的排版


    3.步骤

    (1)加载壹伴或新媒体管家插件(注意啊,一定要先注册啊,否则无法用)

                   公众号排版,看这一篇就够


    (2)用“微信.搜狗”抓取排版较好的文章,所有的文章都可以采集

    公众号排版,看这一篇就够


    (3)搜索公众号文章


    公众号排版,看这一篇就够



    (4)点开一篇文章,就会看到壹伴的采集按钮


    公众号排版,看这一篇就够



    (5)点击转载右边的符号,再点击自己的公众号名称,把文章转到自己公众号的图文素材里面


    公众号排版,看这一篇就够


    现在已经转过来了


    公众号排版,看这一篇就够


    (6)点击编辑,采集的文章在我的编辑后台


    特点:比其他编辑器的元素选择更多,操作上更简便


    注意:可以同时打开几篇文章,把要的元素复制、粘贴、拼凑形成自己文章的排版形式


    但要注意的问题,不可以去复制别人的图片,以防出现版权问题,也不要只用一篇文章,不然就是自己的排版跟别人的一样了。



    第二步:配色要求和步骤


    1.要求:


    文章中除了图片,正文全部颜色不要超过3种(一般为一种彩色,一种黑灰色和一种灰色,或者彩色和黑灰色),颜色太多显得杂乱。


    不要选择鲜艳的颜色,选择比较柔和的颜色。


    2.主题色:

    可以用在标题、重点内容、二维码、头像、顶部和底部的引导,主题色代表着文章的整体风格,不能选用鲜艳刺眼的颜色,要使用柔和的颜色


    3.正文颜色

    不建议用纯黑,手机端会比较刺眼,灰色会温和一点。常用的有#595959、#3f3f3f。


    如果这两种推荐色对你的文章来说还是比较黑,就再选择更淡的灰色。


    4.标注色

    一般用在引用其他内容的文字链接上、注释、声明等。常用的颜色有:#888888、#a5a5a5.


    5.添加颜色方法:


    配色选择适合自己风格的柔和的颜色


    介绍一个网页:http://tool.c7sky.com/webcolor/


    公众号排版,看这一篇就够


    • 在这里面可以找适合自己公众号风格的配色,色块下面有颜色编号,选择好颜色后,自己记录下这三种色号


    • 在这个网页上选择的颜色可能还是会有偏艳的时候,可以去公众号的编辑后台选一种自己觉得不错的颜色,记下色号,以后常用


    公众号排版,看这一篇就够


    • 另外,如果在别的公众号上看见自己喜欢的颜色,可以用新媒体管家将文章采集到公众号后台。


    • 在编辑自己的文章时,将其他文章的字复制过来,就会将颜色也复制过来了,其他地方需要这种字体颜色时,就用格式刷就行。


    • 还有另一种表示方式是叫:RGB色号,一般是这样的


    公众号排版,看这一篇就够


    看到这样的色号,以后想要长期用它,就得将它转换为常见的六位数色号,以便于以后在微信后台直接使用


    http://www.atool.org/colorpicker.php这个网页是色号转换工具


    直接在网页上输入rgb值,就可以显示出六位数色号,记下就可以



    第三步:文字

    1.对齐:要求整体上的视觉统一,娱乐型文章建议使用居中对齐,其他文章两边对齐,提升整齐度和精致感。


    公众号排版,看这一篇就够


    段前不要空两格,这是传统纸媒为了节省版面的做法,现在并不需要这样做,空两格反而让排版不好看


    注意,使用两边对齐时,所有正文内容都要两边对齐,不要出现参差不齐的情况,在发出去前多预览几次,修改无误后再群发。


    2.字号

    • 标题:推荐16px-18px

    • 正文:推荐14px-16px,14px是最能体现精致感的文字大小

    • 标注:推荐12px-14px,最好选择跟正文同大小或者比正文小的文字


    3.字间距:


    针对一般的文本设计来说,字号越小,字母之间的间距就要越大,以使文字易于辨认。相反,如果将字号调大的话,紧致一些的间距以至于字符之间不会那么松垮,而更易阅读。


    可以在编辑器中对字间距进行调节,0.5 —1.5 都很常见,根据自己的排版风格,看哪个字间距更适合就用哪个



    4.行间距:


    文字太过密集,容易让读者失去阅读兴趣,很多好内容因此被埋没。而相反过于稀疏,视觉效果也并不理想。


    公众号排版,看这一篇就够


    根据行业经验,行间距一般为字号的 1.5 倍左右。14px — 16px的字号,推荐 1.5 或者 1.75 的行间距。



    5.段间距:


    注意,要以3-5排为一段,不然排数过多,容易感觉到文字密集,失去阅读兴趣


    段间距一般用回车空行代替,当然也可以进行手动设置,正文中设置 15 的段间距,在微信上看起来就非常美观。


    我将段落间距分为四档:空三回车、空两回车、空一回车与换行不空。


    • 空三回车:用在小节与小节结束的时候。比如一个标题小节结束,下文是另一个标题开始。

    • 空两回车:用在二级标题下的分隔。

    • 空一回车:用在段落与段落间,内容相较接近。

    • 换行不空:用在两段文字是讲述的一个内容,只是在阅读时需稍作停顿的情况。


    标题上下的空白间距一定要一样,上面空一排,那么下面也要空一排



    6.两边缩进


    这个是阅读时正文与左右两边的距离,微信后台有“8、16…….”等页边距,一般选用8比较好,注意整齐度,所有的正文均要设置为一种两边缩进


    并且图片的边缘不要不要超过文字的边缘


    手动设置的话,标题和小节之间的行间距也有所差别。最好的方法,还是去参考喜欢的大号,模仿他们的习惯,然后在试图创新。



    7.字体

    设置为微软雅黑就好



    第四步:强调

    在文章中,经常需要强调某一部分,通过设计在视觉上凸显出来。


    1.加粗

    加粗是最理想的强调方式,也是最通用的做法。强调的时候除了加粗外,还可以改变字号或改变颜色。当然改变后的颜色就是文章的主题色


    2.下划线

    除超链接外,其他句子尽量不要使用下划线,并且用了下划线就不要再把字体放大。


    3.引用

    开头的摘要、别人的资料、人物对话、重点语句,都可以使用引用功能。


    公众号排版,看这一篇就够


    引用的内容要独立成段,如果来自别处,请记得加上引用说明。

    公众号排版,看这一篇就够



    4.中西文混排


    每个字母之间必须有一定合理空间(Kerning),如果字母之间的距离过于狭小,就像两个挨着很近的鸡蛋随时有可能相碰撞的危险,如果字母间距过大,那字母就会失去张力和紧张感,使得文字阅读变得乏味。


    所以字母之间的距离应该合适,使得在很紧凑的句子和印刷很差的情况下,不会和其他的字母混淆在一起而影响阅读性。



    第五步:留白


    字间距、行间距、段间距、页边距等,这些是「白」的部分。就像阴阳一样,黑白得当,才有了和谐的美感,给阅读留下了呼吸的空间,不过刚刚前面已经讲过设置标准。



    第六步:标点符号


    要求:标点乱用会导致排版会非常乱,中文标点符号应全部使用全角符号


    1.引号


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


    表示讽刺、反讽暗示、强调语气、人物对话时,使用弯引号“ ”。


    直角引号可以在中文输入法中「特殊符号 — 标点符号」中找到,或者是用直接日文输入法输入,键盘上的括号键即是。


    相比弯引号,直角引号在汉字排版中更为优雅和美观,也避免了全角半角不分的同学乱用弯引号导致的格式错乱。



    2.省略号


    千万不要用六个句号「。。。。。。」作省略号,也不要用三个点「…」,三个点是英文中的省略号。


    中文省略号「……」在中文输入法下,用 shift + 6 打出来。



    3.破折号


    破折号占两个汉字空间,不能用连字符代替,即「–」,除了书本里,我现在很少看到有人打出标准的破折号了。


    在中文输入法下,用 shift + – (键盘 0 右侧的键)打出来,即「——」。



    4.项目符号


    有时候文章中会有一些并列关系的条目和句子,可以用项目符号区分开。各种编辑器中都有列表功能,分为有序列表和无序列表两种。


    有序列表:


    • 数字序列是最常见的有序列表。

    • 数字之外还有英文、罗马文序列等。

    • 数字后面加的是圆点而不是顿号。


    无序列表:


      ● 小黑点是最常用的。

      ■ 小方块跟中文搭配也很优美。

      ○ 小圆圈多用于注释内容。


    另外要注意一点,列表中每句话之后要加句号。



    5.三角符


    微信文章中经常可以看到各类三角符号,有各式各样的用处:


    ▲正三角经常居中放在照片下方,注释内容前面,起指示作用。


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



    6.分隔符


    除倒三角外,还有很多符号,都可以用作分隔符。


    公众号排版,看这一篇就够


    ▲小符号

    分割线也是最常用的一种,各种编辑器中都有不同样式的分割线,是排版中很重要的元素。除了用在文中,也可以用在文末。



    第七步:图片


    1.图片的作用


    图片是为内容服务,我把图片分为两种类型:有意义的、无意义的



    (1)有意义的图片


    有意义的图片有 4 种作用:分享、娱乐、销售、解决问题。


    • 分享:分享某种情感,或者文章中提到的某个物品、人物、场景、行为等等。


    • 娱乐:一些表情包、GIF 等都是此类,跟读者进行情感上的娱乐互动。


    • 销售:跟文章内容结合,对读者进行销售。或者是销售某一种观点,或者是说服读者做某件事,如一些商品使用场景的图片。


    • 解决问题:有些信息只靠文字很难直观表达,或者过于复杂,需要图片来进行解释说明,辅助理解,如一些数据图片、趋势图等等。


    (2)无意义的图片


    无意义的图片有 3 种作用:美化排版、阅读奖励、凸显调性


    • 美化排版:图像能够打破视觉的单调性,如果一篇文章全是字,会让人兴趣索然,而通过配图来调节视线,让人不容易轻易疲劳。


    • 阅读奖励:图片相比文字更容易理解,调动的读者认知成本比较少,读者在看图片的时间,可以让大脑进行适当休息,作为阅读中的奖励。


    • 凸显调性:统一风格的图片能够塑造文章的调性,而高逼格的配图,会提升文章的质感。


    2.图片的选择标准


    简单来讲,图片有两大选择标准:清晰、统一


    (1)清晰


    图片高清不模糊,是排版的基本要求。除了原始图片是否高清以外,不同的格式也会影响最终效果,图片的格式部分下文会讲。


    另外要注意图片上不要有水印,除非是经过特殊设计的水印,否则真的很土。


    (2)统一


    统一包括主题、风格、尺寸上的统一。图片要与文章主题统一,不同图片之间的风格要统一,不要上面都是漫画表情,下面一下子都变成了人物风景。另外不同类型的图片,最好将尺寸统一。


    注意图片的尺寸可以通过美图秀秀等工具裁剪成同一个尺寸,放到后台编辑器时,还要通过“尺寸”两边的加减号来调整大小,千万不要让图片边缘超过文字边缘,一定要居中,确保文章中的所有图片是统一的


    公众号排版,看这一篇就够


    3. 封面图


    (1)尺寸


    封面图是一篇微信文章的第一印象。封面图总共出现在 4 个场景,尺寸会变形,都有裁剪,而且在 Android 和 IOS 系统中,具体也会有所区别:


    • 公众号会话:矩形。

    • 历史消息:矩形。

    • 转发消息:正方形。

    • 分享朋友圈:正方形。


    记住封面图的尺寸是 900 X 500,要把重要内容放在中间 400 X 400 的正方形内,这部分的内容一定不会被裁掉。


    (2) 制作


    • 独家风格:可以用美图秀秀或者 PS 等一些制图软件,加上一些文字、图形、logo 等固定元素,形成自己独特的风格。当然更厉害的就是请专业的插画师定制插画。


    • 尺寸:修改尺寸,可以用美图秀秀进行修改,或者直接用 PPT 也行。把图片放入 PPT 中,选中图片之后「点击格式 — 裁剪 — 纵横比 — 16:9」。


    • 在线生成:如果担心自己审美不达标的话,创客贴这个网站可以帮你一分钟制作出高大上的封面图。登录网站后,点击「开启设计 — 公众号文章首图」即可。


    4.配图

    (1) 图库


    • 导航

    相信大家的文件夹里都收藏了一大堆图片网站,其实只要用好设计师导航网站就好了。绝大多数常用的图库,在这些导航中都有收录,并且已经按照免费 / 付费分好类,也有相应的介绍说明。


    这里推荐三个:


    设计导航:hao.shejidaren.com

    HiPPTer:hippter.com

    优庆设计:ubuuk.com


    导航网站中除了图片以外,还包含各种素材和神器,可以去探索一下。


    • 常用图片网站


    下面这些是大家常用的图库网站,在上面三个导航中都有收录。


    PicJumbo

    PicJumbo提供的图像照片质量很不错,除了免费项目,也可以节约你的时间购买该网站的图片包可以直接给你。


    Gratisography

    gratisography里面的图片每周都会更新,高分辨率,您可以使用您的个人和商业项目。所有的图片是由Ryan McGuire拍摄,且无版权限制。


    Life Of Pix 

    提供免费高清图像素材,并且无版权限制,图片多为欧洲景观,所有图像都免费使用。


    IM Free

    该站提供搜索和分类目录,同时,它不仅是个图片网站,在这里你还可以搜到按钮、模板、图标等,分类清晰。比如可以搜体育与健康、黑白照,光是人物都分老人,女人,家庭,情侣来说,值得去看一看。


    Publicdomainarchive

    免费图库,如果需要批量下载需要付费。


    Pixabay

    共有约760000张免费的照片/矢量文件和艺术插图,可在任何地方使用的免费图片和视频。非常好用,图片接近原图,适合二次加工。


    Magdeleine

    每天的免费高分辨率照片,它家的特色功能是可以通过颜色、情绪寻找图片,图片质量非常高。比如下图系列:红色。


    Foodie’s Feed

    网站主打饮食、蔬果等,吃货找图的最佳站点。


    New Old Stock

    这个网站有趣的地方在于它从世界各地收集旧相片,都是版权过期或者可商用的。


    你可以在这里看到很多高清的老式广告,如果不是为了工作,这个网站也值得一逛呢。


    Unsplash

    网站每日更新。主打风景,大多数都有加上Instagram的特效滤镜,如果你有心学习,可以戳图到作者地址。大部分图片的格调和构图也十分有味道,平时没事时可以当做欣赏一样去浏览和下载。


    Behance:behance.net

    Dribbble:dribbble.com

    Pinterest:pinterest.com

    500px:500px.com

    花瓣网:huaban.com

    站酷网:zcool.com.cn


    • 特殊网站介绍

    文字云


    这个网站可以在线生成文字云效果的图片。网站是英文的,可以借助谷歌浏览器自带的翻译功能。具体步骤是「上传字体 — 添加文字 — 上传图片」。


    表情

    很多文章配图里有大量的表情,可以在百度搜索「斗图」,有很多丰富的资源。也可以在「暴走漫画」网站,或者下载「花熊」App 进行制作。


    Mockup

    Mockup是指图片展示素材模型,什么意思呢,就像这张图。


    公众号排版,看这一篇就够


    你可以找一张手机截图,替换图中的手机图片,手机截图就可以瞬间变得高大上了。就像这样:


    公众号排版,看这一篇就够


    推荐三个Mockup网站:

    smartmockups.com

    mockplus.cn

    freedesignresources.net


    第一个网站只有台式机、笔记本、平板、手机、手表五种模板,但是好处是只要选好模板,可以上传图片进行自动替换。其他两个网站有各式各样的其他素材,不过需要下载 PSD 图层进行手动替换。


    5.找图


    (1)关键词


    用关键词有两个搜索方向:纵向、横向


    • 纵向


    纵向就是缩小或者扩大关键词的范围。


    比如说要搜索法律相关的图片,搜索「法律」没有满意的图片,则可以缩小范围,试试「律师」或者「法官」。


    同样也可以反过来扩大范围,比如需要一个小蛋糕的图片,可以试试搜索「下午茶」。


    • 2.横向


    横向就是搜索相近的词汇,很多时候找的图片是可以用其他图片代替的。


    比如需要一张表现时间图片,可以去搜索「手表」,也可以试试「钟表」、「watch」等等。


    另外也可以用英文或者其他语言去检索,出来的图片也会不一样。


    (2)以图识图


    有时候看到一些喜欢的图片,但是尺寸太小、不够高清,或者是有水印,这个时候可以用百度和 Google 的「以图识图」功能,让搜索引擎帮忙找这张图片的其他尺寸、格式。


    在百度图片中选择好一张图片后,点击「按图片搜索」:


    或者是在百度页面点击那个照相机,上传图片:


    搜索引擎会自动帮你找到不同尺寸的相似图片。


    另外也可以直接在谷歌浏览器的程序商店里下载安装 Tineye 插件。看到一张图后右键选择「Search Image on TinEye」,大多数图片都可以找到相似图片。


    (3)下载

    有的时候好不容易找到了一张图片,但是下载起来可能又很麻烦。有很多插件都支持一键下载功能,可以在任何网站一键下载图片


    依旧推荐三个插件:

    gentleman

    OK记

    花瓣采集插件


    安装插件以后,在图片上直接 alt + 鼠标左键即可一键下载。除了插件,360浏览器、UC浏览器也有一键下载图片的功能。


    不过提醒大家一定要注意版权问题,尽量不要盗用有版权的图片。



    6.图片处理

    (1)水印


    非原创图片不要打水印。对于原创图片,除非水印经过特殊设计,否则都不会好看,另外加了水印也不方便读者保存。


    有时候网上找来的一些图片需要去水印,这个时候可以用美图秀秀或者是 PS:


    美图秀秀:消除笔功能 / 祛痘功能

    PS:修复画笔功能 / 修补工具


    另外还有一款常用的去水印工具:Inpaint,可以傻瓜式一键去水印。


    (2)截图美化


    讲一个用 PPT 美化截图的小技巧。有时候文章中经常需要放一些手机截图,但是直接放在文章里并不好看,需要进行处理一下。


    这个时候可以借助 PPT 图片样式中的「居中矩形阴影,为截图加上阴影。


    7.版权声明


    要小心图片侵权,使用了别人的图片,一定要注明来源。实际上绝大多数公众号在这方面做的都不好,可以参考一下专业媒体号的做法。


    确定图源的,可以在图片下方,小字标明来自某部电影、某位摄影师、还是某个商业图库。


    如果不确定图片源,一定要注明「图片来自互联网」,通常写在文末左下方。如果是转载的文章,不确定图源,写上「图源:原作者配图」。


    在免费图库里面找到的都属于确定图片源,不需要注明



    第九步:引导


    1. 顶部内容


    顶部是阅读文章时的第一眼,决定了读者对文章的初始印象。顶部的内容,一定要经过设计,否则就干脆保持空白。


    良好的设计会增加内容的可信任感,而那些烂大街的模板,不仅难看没有效果,反而会降低读者对公众号的评价。


    顶部通常放置的元素有:


    标题、slogan、头图、引导语、作者信息、声明信息、转载信息、音频等


    顶部内容大概有三个方面的用途:


    • 引导读者关注、置顶,通常是 logo + slogan。

    • 对文章信息进行补充说明,例如阅读时间、作者信息、声明信息、转载信息等。

    • 引出下文,通过一张图片,或者是一段引导语。


    顶部的内容不要占用太大版面,要让读者快速切入文章。读者被标题吸引进来是为了看内容的,这个时候心情是急切的。如果顶部内容太多,半天看不到正文,反而起了反作用。


    2.底部


    (1) 底部的作用


    底部的元素有:


    底图、投票、作者信息、版权声明、合作说明、引导(话题互动)、关注语、往期推荐、二维码、赞赏、阅读原文。


    底部与顶部不同,读者已经看完了正文,整个人的状态比较放松,所以底部内容多一些也没有关系。


    这个时候应该尽量对上面缺失的要素进行补充,顶部没有放的信息,可以放在这里,一些重要信息可以选择重复。


    如领英的底部,包括了:话题互动、广告、互推、作者信息、合作说明、二维码:


    (2)二维码


    二维码底部放置二维码是为了方便读者直接关注,不用再翻页到文章开头。 


    一个经过用心设计的二维码,能够提高不少转化率。在各大编辑器中,都有各种二维码的样式,可以挑选合适的。


    二维码生成器基本上都带有美化功能,生成后可以进行美化。这里推荐两个二维码生成器:


    草料二维码:cli.im


    第九工厂:9thws.com


    总结:使用微信后台编辑器时,改动字体大小、行间距等,在电脑上看不出来很明显的效果,所以在群发之前要发到手机上多预览几次,检查有没有什么细节上的错误。


    壹点洞见一个伴你成长的公众号
    公众号排版,看这一篇就够
    公众号排版,看这一篇就够
    长按二维码关注

    原文始发于微信公众号(壹点洞见):公众号排版,看这一篇就够

    原创文章,作者:新媒体管家 小博士,如若转载,请注明出处:http://blog.xmt.cn/2018/04/18/%e5%85%ac%e4%bc%97%e5%8f%b7%e6%8e%92%e7%89%88%ef%bc%8c%e7%9c%8b%e8%bf%99%e4%b8%80%e7%af%87%e5%b0%b1%e5%a4%9f/

    发表评论

    电子邮件地址不会被公开。