搜索
2019微信排版指南，让你快速吸粉关于排版前段时间我发了条朋友圈：有哪些东西是你一旦知道，生活就从此回不去了的？审美。现在无论是微信文章还是其他场景，面对没有排版的文字，我都会瞬间失去阅读兴趣。这篇文章将从文字、留白、图片、引导几部分来写。先来说说排版的作用。001排版的作用首先要明确，排版是为了内容服务。好的排版，一定都是顺应人性的排版。1.文字：字号、颜色、标点符号、排版规范2.留白：字间距、行间距、段间距、页边距3.配图：封面图、配图、GIF文字002字号标题：推荐16px-18px正文：推荐14px-16px标注：推荐12px-14px003颜色文章中除了图片，正文全部颜色不要超过三种，颜色太多显得杂乱。另外，不要选择饱和度太高的颜色，就是日常所说鲜艳的颜色。这些颜色看起来比较廉价，因为会对我们的情绪造成影响。▍主题色一种颜色作为主题色，可以用在标题、重点内容、二维码、头像、顶部和底部的引导等。▍正文颜色一种作为正文颜色，不建议用纯黑（#000000），手机端会比较刺眼，灰色会温和一点。常用的有：#595959、#3f3f3f。▍标注色一种作为标注颜色，用作引用内容、注释、声明等。常用的颜色有：#888888、#a5a5a5004对齐对齐方式主要有两种：左对齐、居中。▍左对齐左对齐型排版，首行不需要缩进。在中文书籍中，因为段落间没有间隙，所以需要用两个字符的缩进加以辨识。但在网页端和手机端，书本式的排版会让读者感到压力，大家改用空行作了段落区分。▍两端对齐没有了首行缩进之后，文章左侧像刀削斧砍一样工整。与之相对，右侧容易出现锯齿一样粗糙的边缘，英文排版中尤甚。▲右侧边缘粗糙针对这种情况，可以在编辑器中，使用两端对齐功能，将右侧也对齐，显得更加精致。▲两端对齐之后▍居中居中型排版一句话一行视觉在中央所以呢每行不要多否则就像这句话突然让眼球扫一整行好费劲另外，不同的对齐方式不要混淆在一起。否则就打破了整体上的视觉统一，不够舒适。005标点符号标点的乱用，也会导致排版会乱。一些文字编辑对标点乱用是非常反感的。我之前在朋友圈看到简书主编一鸣发文章说这个事，整篇文章用的都是咆哮体！一天审稿那么多，可以体会一下他的心情。中文标点符号应全部使用全角符号，下面举出几个常用的标点符号。▍引号引号推荐使用直角引号「」，这个符号是「我的最爱」。引号中再用引号使用双直角引号『』。表示讽刺、反讽暗示、强调语气、人物对话时，使用弯引号“”。直角引号可以在中文输入法中「特殊符号—标点符号」中找到，或者是用直接日文输入法输入，键盘上的括号键即是。直角引号源自日文，弯引号源自英文。相比弯引号，直角引号在汉字排版中更为优雅和美观，也避免了全角半角不分的同学乱用弯引号导致的格式错乱。▍省略号千万不要用六个句号「。。。。。。」作省略号，也不要用三个点「...」，三个点是英文中的省略号。中文省略号「……」在中文输入法下，用shift+6打出来。▍破折号破折号占两个汉字空间，不能用连字符代替，即「--」，除了书本里，我现在很少看到有人打出标准的破折号了。在中文输入法下，用shift+-（键盘0右侧的键）打出来，即「——」。▍项目符号有时候文章中会有一些并列关系的条目和句子，可以用项目符号区分开。各种编辑器中都有列表功能，分为有序列表和无序列表两种。有序列表：1.数字序列是最常见的有序列表。2.数字之外还有英文、罗马文序列等。3.数字后面加的是圆点而不是顿号。无序列表：●小黑点是最常用的。■小方块跟中文搭配也很优美。○小圆圈多用于注释内容。另外要注意一点，列表中每句话之后要加句号。▍三角符微信文章中经常可以看到各类三角符号，有各式各样的用处：▲正三角经常居中放在照片下方，注释内容前面，起指示作用。▼倒三角经常单独居中成行，用于分隔两部分内容，引出下文。▍分隔符除倒三角外，还有很多符号，都可以用作分隔符。分割线也是最常用的一种，各种编辑器中都有不同样式的分割线，是排版中很重要的元素。除了用在文中，也可以用在文末。▍进度符这是i排版在一篇文章中提出的方法，我觉得也很有意思：选择同一个小符号，用类似进度条的方式来标注，更换其中某一个或几个小符号的颜色，让读者知道文章读到哪一部分，起到提示进度的作用。下面我用一个小符号来示范下：006排版规范▍强调在文章中，经常需要强调某一部分，通过设计在视觉上凸显出来。引用justfont中的一段话：借由底色、边框与不同字体的变化，告诉读者这一段很重要，也帮助快速浏览掌握重点。除了要特别讨论的上色之外，最常用的强调法不外乎「加粗」、「变斜」或是「加底线」。加粗、变斜是透过墨色浓度或形状变化与正文对比，这发源自西方数百年的排版规则；加底线则是打字机盛行之后留下的遗产。强调方式很多，但是千万不能乱用，更不能同时用在一个段落里，否则效果会让人很尴尬。下面进行一一说明。▍下划线下划线是打字机时代的产物，如今已经过时。如果用下划线进行强调，反而会喧宾夺主，对文字的阅读形成干扰。除超链接外，其他句子尽量不要使用下划线。▍斜体英文从文艺复兴时期，就已经有了用斜体进行强调的排版规则。但中文不同，中文没有斜体，只有计算机程序变形的斜体效果。中文斜体后失去了中文字形原来的结构和美感，所以不要在中文中使用斜体。▍加粗加粗是最理想的强调方式，也是最通用的做法。强调的时候除了加粗外，还可以改变字号或改变颜色。▍引用开头的摘要、别人的资料、人物对话、重点语句，都可以使用引用功能。▲引用功能引用的内容要独立成段，如果来自别处，请记得加上引用说明。用了引动功能的句子，就是多了这句话前面那道竖杠。引用格式中的句子，推荐使用标注色，即#a5a5a5或者#888888▍中西文混排中英文之间加空格：我用Typora进行写作。中文与数字之间加空格：现在已经到了2月份。中文夹杂英文单词使用全角标点：这是我给爸妈新买的iPhone7，你拿去吧。对于完整的英语句子，则使用半角标点：我最喜欢的英文名言是「Eachmanisthearchitectofhisownfate.」以上几点是通行的做法，不是标准规范。我查了很多资料，中西文混排目前还没有一套标准的官方规则，其中最主要的争论之一是关于空格的用法。有一些同学的文章中字间距很大，这种情况就不需要再加空格。关于这个问题，我在方宏章的文章《关于文字的可阅读性》中找到一段话，很有参考意义：每个字母之间必须有一定合理空间（Kerning），如果字母之间的距离过于狭小，就像两个挨着很近的鸡蛋随时有可能相碰撞的危险，如果字母间距过大，那字母就会失去张力和紧张感，使得文字阅读变得乏味。所以字母之间的距离应该合适，使得在很紧凑的句子和印刷很差的情况下，不会和其他的字母混淆在一起而影响阅读性。留白如果用黑白打印机，把微信文章打印出来，你会发现各种颜色间区别，其实只是灰度不同。纸上只有黑与白两部分。上面说的文字和符号，就是排版设计中「黑」的部分，而设计「白」的部分，也是非常重要的。字间距、行间距、段间距、页边距等，这些是「白」的部分。就像阴阳一样，黑白得当，才有了和谐的美感，给阅读留下了呼吸的空间。007字间距针对一般的文本设计来说，字号越小，字母之间的间距就要越大，以使文字易于辨认。相反，如果将字号调大的话，紧致一些的间距以至于字符之间不会那么松垮，而更易阅读。可以在编辑器中对字间距进行调节，0.5—1.5都很常见。008行间距文字太过密集，容易让读者失去阅读兴趣，很多好内容因此被埋没。而相反过于稀疏，视觉效果也并不理想。根据行业经验，行间距一般为字号的1.5倍左右。14px—16px的字号，推荐1.5或者1.75的行间距。009段间距段间距一般用回车空行代替，当然也可以进行手动设置，正文中设置15的段间距，在微信上看起来就非常美观。段间距也有不同层次的划分，可以参考一下知乎用户@Hindy的习惯：我将段落间距分为四档：空三回车、空两回车、空一回车与换行不空。空三回车：用在小节与小节结束的时候。比如一个标题小节结束，下文是另一个标题开始。空两回车：用在二级标题下的分隔。空一回车：用在段落与段落间，内容相较接近。换行不空：用在两段文字是讲述的一个内容，只是在阅读时需稍作停顿的情况。手动设置的话，标题和小节之间的行间距也有所差别。最好的方法，还是去参考喜欢的大号，模仿他们的习惯，然后在试图创新。010段落长度正文段落的长度，是影响留白很大的元素。段落长，留白少。段落短，留白多。如果都是长段落，黑压压的大段文字会让人觉得呼吸不过来；如果是一连串的短段落，大片的留白会打断排版的连续性。而如果都是中等长度的段落，则就像唱片机卡碟一样，絮絮叨叨，缺乏丰富的节奏。控制段落长度的节奏，是非常重要的排版技巧，这点很多人都不知道。长、中、短段落结合，能让读者在大段文字中迅速找到落脚点。如此，排版真正成为文字情绪的一部分。最后，段落最长也千万不要超过一屏。下图这种神人行为，我们一般人千万不要尝试，简直喘不过气。011页边距页边距是阅读时，正文与左右两边的距离。微信默认比较窄，可以用编辑器进行调整，给读者更多的阅读空间。有一些比较文艺风的文章，会设置很大的页边距来增加留白。根据自己情况来调整，本文的页边距为1。图片012图片的作用图片是为内容服务，我把图片分为两种类型：有意义的、无意义的。▍有意义的图片有意义的图片有4种作用：分享、娱乐、销售、解决问题。1.分享分享某种情感，或者文章中提到的某个物品、人物、场景、行为等等。2.娱乐一些表情包、GIF等都是此类，跟读者进行情感上的娱乐互动。3.销售跟文章内容结合，对读者进行销售。或者是销售某一种观点，或者是说服读者做某件事，如一些商品使用场景的图片。4.解决问题有些信息只靠文字很难直观表达，或者过于复杂，需要图片来进行解释说明，辅助理解，如一些数据图片、趋势图等等。▍无意义的图片无意义的图片有3种作用：美化排版、阅读奖励、凸显调性1.美化排版图像能够打破视觉的单调性，如果一篇文章全是字，会让人兴趣索然，而通过配图来调节视线，让人不容易轻易疲劳。2.阅读奖励图片相比文字更容易理解，调动的读者认知成本比较少，读者在看图片的时间，可以让大脑进行适当休息，作为阅读中的奖励。尤其是一些有趣好笑的或者是性感美女图片，都是阅读奖励。3.凸显调性统一风格的图片能够塑造文章的调性，而高逼格的配图，会提升文章的质感。013图片的选择标准简单来讲，图片有两大选择标准：清晰、统一。▍清晰图片高清不模糊，是排版的基本要求。除了原始图片是否高清以外，不同的格式也会影响最终效果，图片的格式部分下文会讲。另外要注意图片上不要有水印，除非是经过特殊设计的水印，否则真的很土。▍统一统一包括主题、风格、尺寸上的统一。图片要与文章主题统一，不同图片之间的风格要统一，不要上面都是漫画表情，下面一下子都变成了人物风景。另外不同类型的图片，最好将尺寸统一。05封面图014尺寸封面图是一篇微信文章的第一印象。封面图总共出现在4个场景，尺寸会变形，都有裁剪，而且在Android和IOS系统中，具体也会有所区别：公众号会话：矩形。历史消息：矩形。转发消息：正方形。分享朋友圈：正方形。这张图太复杂，不用记住。只要记住封面图的尺寸是900X500，次条封面图的尺寸是200X200就好。按照这个尺寸来配图，效果是最佳的。另外要把重要内容放在中间400X400的正方形内，这部分的内容一定不会被裁掉。015制作▍独家风格可以用美图秀秀或者PS等一些制图软件，加上一些文字、图形、logo等固定元素，形成自己独特的风格。当然更厉害的就是请专业的插画师定制插画。▍尺寸修改尺寸，可以用美图秀秀进行修改，或者直接用PPT也行。把图片放入PPT中，选中图片之后「点击格式—裁剪—纵横比—16:9」。▍在线生成如果担心自己审美不达标的话，创客贴这个网站可以帮你一分钟制作出高大上的封面图。登录网站后，点击「开启设计—公众号文章首图」即可。▍获取封面图关于如何获取别人的封面图，IT云课堂提供了一个很实用的技巧：在电脑打开文章，右击鼠标查看源代码。然后按Ctrl+F，出现