排版技能一生推,新手上路5分钟get√

原创 1 收藏 评论
举报 2017-09-08

作者:陈灿

微信融入生活,成为人们生活中必不可少的一部分。打开微信文章首先映入眼帘的就是微信排版,人靠衣装,马靠鞍,好的微信内容需要精美排版来包装!

排版小白如何逆袭,秒学排版?

怎样才能排出精致版面?

如何快速排版,分分钟提高工作效率?

微信排版进阶分析为你一一解答!

图片1.png

∆整体学习思维导图,奉上!

1

微信排版进阶学习round1——基本功!

一、排版的作用:

1. 赏心悦目的排版还能带给读者好心情,

2. 减轻读者的阅读压力,

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

4. 给读者提供适当的休息

总结:好的排版不仅能增加文章阅读量,还能使读者对公众号产生好感和兴趣,一不小心,你的公众号就会成为“他/她”的每日必读哦!

微信图片_20170908202442.gif 

二、基础知识:

1.文字

1.1.字体

字体推荐:微软雅黑、黑体、宋体

若想增加自己的公众号辨识度,可以自行下载或购买一些有申请版权的字体。

1.2.字号

标题:推荐16px-18px

正文:推荐14px-16px

标注:推荐12px-14px


2、颜色

正文全部颜色不要超过三种, 且不要选择饱和度太高的颜色,就是日常所说鲜艳的颜色。

 图片3.png

“妖艳*货”看起来总会有些廉价感。

2.1主题色

选择一种颜色作为主题色,用在标题、重点内容、二维码、头像、顶部和底部的引导等,尽量与品牌色相同。会显得更高大上!

2.2正文颜色

选择一种作为正文颜色,不建议用纯黑,手机端会比较刺眼,灰色系会温和一点。

2.3标注色

选择一种比正文颜色稍浅的作为标注颜色,用作引用内容、注释、声明等。

贴心小推荐:

灰色 #7f7f7f  #a5a5a5

黑色 #0cbc0c  #262626 

姨妈红#953734

都很合适。

实在不知如何选色又想有多种选择的小伙伴,

小编推荐这个网站:flatuicolors.com

可谓实力——字体颜色盘!

 图片4.png

 比你的眼影更贴心!

3、对齐方式

对齐方式主要有三种:左对齐、居中和两端对齐。

3.1左对齐

左对齐型排版,

首行不需要缩进,

多用于文艺类公众号。

这样就是左对齐!

3.2居中

居中型排版:

就是一句话一行,

视觉在中央,

因此每行不要多,

否则会突然让眼球扫一整行很费劲。就像这样!

3.3两端对齐

使用两端对齐功能,使左右两侧变得整齐,显得更加精致。

左对齐适用于干货类文章,深度阅读形。

居中对齐适用于娱乐类文章,浅阅读形。

另外,不同的对齐方式不要混淆在一起。

否则就打破了整体上的视觉统一,不够舒适。

 

4、留白

 图片5.png

4.1字间距

字号越小,字母之间的间距就要越大,易于辨认。

相反,如果将字号调大的话,紧致一些的间距以至于字符之间不会那么松垮,而更易阅读。

 

一般在0.5 —1.5 之间。

4.2、行间距

文字太过密集,容易让读者失去阅读兴趣,很多好内容因此被埋没。

而相反过于稀疏,视觉效果也并不理想。

行间距一般为字号的 1.5 倍左右。

4.3段间距

段间距一般用回车空行代替,也可以进行手动设置,

正文中设置 15 的段间距

在微信上看起来就非常美观。

4.4页边距

页边距是阅读时,正文与左右两边的距离。

微信默认比较窄,可以用编辑器进行调整,给读者更多的阅读空间。

文艺风的文章,会设较大的页边距来增加留白,一般在10-20px之间。

页边距可以根据自己的实际情况来调整。

学到这里,

施主就已经可以排出清新、简洁的微信版面啦!

 微信图片_20170908202817.gif

但想要参透更精致的排版内容,还需继续升华!

2

微信排版进阶学习round2——精致排版!

这些方面可得注意啦!

小细节up高逼格

1.风格

根据公众号的不同定位选择风格基调,文艺、科技、母婴等。

2.配图

2.1图片的选择标准

2.1.1清晰

图片高清不模糊,是排版的基本要求。

除了原始图片是否高清以外,不同的格式也会影响最终效果。

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

2.1.2尺寸

一般情况下文章中配图宽为600px,长度自定;

封面图的尺寸是 900 X 500

次条封面图的尺寸是 200 X 200

 图片7.png

2.1.3统一

统一包括主题、风格、尺寸上的统一。

 图片8.png

风格统一

图片要与文章主题统一,不同图片之间的风格要统一

另外不同类型的图片,最好将尺寸统一。

3.配色

根据风格内容选择同一色系的颜色进行编辑

 图片9.png

图片10.png

3

 微信排版进阶学习round3——助攻排版工具!

 

想要版面更“神奇”,它们给你魔力

排版助攻撩机!

 微信图片_20170908203128.gif

1.图文排版编辑器

秀米:xiumi.us

135编辑器:135editor.com

i排版:ipaiban.com

易点:wxeditor.com

2.图库

设计导航:hao.shejidaren.com

HiPPTer:hippter.com

优庆设计:ubuuk.com

Behance:behance.net

Dribbble:dribbble.com

Pinterest:pinterest.com

Pixabay:pixabay.com

Unsplash:unsplash.com

500px:500px.com

花瓣网:huaban.com

站酷网:zcool.com.cn

3.GIF库

暴走漫画:baozoumanhua.com

斗图啦:doutula.com

Giphy:giphy.com

Tumblr:tumblr.com

SOOGIF:soogif.com

Gif 喵:gifmiao.com

9gag:9gag.com

小猪动图:piggif.com

叶子猪:xx.yzz.cn/

NBAGIF:nba-80s-90sgifs.lofter.com

Rafael-varona:rafael-varona.com

GIFBIN:gifbin.com

GIFSON:gifson.net

Golden Wolf:goldenwolf.tv

Julian Glander:glander.co

4.数据表单

麦客:www.mikecrm.com

金数据:jinshuju.net

问卷网:www.wenjuan.com

表单大师:www.jsform.com

5.H5

易企秀:eqxiu.co

MAKA:maka.im

兔展:www.rabbitpre.com

初页:www.ichuye.cn

 

4

 

微信排版进阶学习round4——自学渠道!

高级的功法总得自己炼成,

才能天下无双~

你的拜师推荐信已经发出,

就等你出发!

 

1.网站

课工场:http://www.kgc.cn/

踏浪100:http://www.talang100.com/

优课急送:http://www.youkejisong.com/

第九课堂:http://www.dijiuke.com/

馒头商学院:http://www.mtedu.com/

插坐学院:http://www.ichazuo.cn/

百度新闻(百家互联网专栏)http://news.baidu.com/

站长之家:www.chinaz.com

亿欧网:www.iyiou.com

TOPYS :http://www.topys.cn

互动中国:http://www.damndigital.com/

梅花网:http://www.meihua.info

人人都是产品经理:http://www.woshipm.com/

知乎:https://www.zhihu.com

新榜www.newrank.cn

爱微帮www.aiweibang.com

虎嗅网站www.huxiu.com

i排版www.ipaiban.com

微果酱wpweixin.com

新媒体指数www.gsdata.cn

2.微博

深圳新媒体联盟http://weibo.com/sznewmedia

新榜http://weibo.com/u/5240327938

爱微帮http://weibo.com/ivbang

i排版http://weibo.com/ipaiban

刘健亮http://weibo.com/849226584

卢松松http://weibo.com/lusongsong

刺猬公社http://weibo.com/ciweigongshe?refer_flag=1001030101_

新媒沈阳http://weibo.com/rost

3.微信

36氪:36kr.com

鸟哥笔记:www.niaogebiji.com

新榜newrankcn

i排版iPaiban

爱微帮Real-aiweibang

刘健亮weikeshalong

唐晓涵 tangxiaohan007

微互动wihudong

微媒体联盟 wmtlianmeng

微果酱 wjam123456

新媒体指数 indexmedia

知家zhijiadongshi

笔记侠Notesman

刺猬公社ciweigongshe

浑水自媒体江湖 hunwatermedia

互联网参会指南canhuizhinan

南方周末数据实验室  nanzhoudata

三表龙门阵sanbiao1984

腾讯微校  iweschool

突发头条  tufatt

兔展  RabbitPre

微信公开课公众账号 wx-gongkaike

WeMedia联盟 WeMedia2013

微榜tianmibang

微信广告助手ad_helper

微指数学院BJ-WZSXY

中网新媒

云堆新媒  yunduixinmei

一道自媒体  yidaozmt

益美传媒  YeeMedia

传时互动ChinaMediaLab


    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)