人人都能上手的高大上排版

前言:分享一个简单又高大上的排版方法。之前尹航欧巴分享一键排版很方便,其中用到了Markdown以及css,是特别好的工具,但很多人包括我也不是很会用,还需深入学习。

今天以公众号的排版为例,跟大家分享一下,其实很简单的方法就能让你的文字显得更高大上。再好的内容,呈现到读者面前的最后一刻,才是显现其价值的时候。千万不要让辣眼睛的排版埋没了你的作品呀。

首先来看文本的排版。

一、文本排版

“文本排版”,又称“文字设计”,是一种涉及对字体、字号、缩进、行间距、字符间距进行设计、安排等方法来进行排版的一种工艺。                               

                                                                                                            ---维基百科

知乎上有一篇高赞文章,《写给大家看的中文排版指南》直接点这里,建议大家先好好阅读一番。

摘抄一下目录:

1. 中文排版

1.1 引号

1.2 省略号与破折号

1.3 行首行尾禁则

2. 西文排版基础

2.1 西文撰写基础

2.2 西文标点相关

2.3 斜体的用法

2.4 大小写的区别

3. 中西文混排

3.1 基础原则

3.2 标点相关

文字的基础排版格式写得非常详细,细到标点跟空格,非常值得学习。

举两个例子:

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

示例:iOS 是个不错的操作系统。

2)遇到完整的英文句子使用半角标点。

示例:《阿甘正传》的「You never know what you're gonna get.」这句台词令我印象最深。

以上这些最基础的文字排版规则请仔细阅读并从现在开始就用起来。

有些道理看起来过于简单不值得一提,但要真正贯彻好,你会发现你的作业所呈现出来的品质有了很大的提升。

二、文本的处理

字号大小的选择与确定(栏宽)

      选用 #14 与 #16 两种字号搭配使用,不同字号大小用于区分文本内容。比如说,正文使用 #16,引用文本使用 #14 号文本;或者说,稍次要的文本选用较小字号。

图片: https://images-cdn.shimo.im/Xwqenv2vB0EP7elA/_高大上互联网排版术_的副本.004.jpeg!thumbnail

一般来说,主体文本字号大小在 14 号与 16 号之间;

字号变小,易阅读性会有一定下降;

字号变小,精致感有所增加;

更改页边距可以协调精致感与易阅读性;

来感受一下字体大小和颜色的区别。

图片: https://images-cdn.shimo.im/ef2FhGp3rTgMZcBH/排版_1.jpg!thumbnail

一般正文用 #16,颜色 #404040(深灰色)

引入部分用 #14,颜色 #808080(浅灰色)

不用纯黑色是因为对比度太强会刺眼。

配合使用效果如下:

图片: https://images-cdn.shimo.im/Qb2UcSYCUZwbmHg6/_高大上互联网排版术_的副本.008.jpeg!thumbnail

字符间距,行间距,段间距的选择与确定

字间距

字间距是两个文字之间的间距。这是手机排版中的一个很小的因素,但值得关注。

可能你会认为在一个段落里,字距调整可能不是一个必要问题。但如果你足够细心,就一定会注意到,在英文文本中,大写字母与小写字母之间的空间和两个小写字母之间的空间不尽相同。

这也是中英文混排时一定要间隔一个空格的原因。

图片: https://images-cdn.shimo.im/5hbS8VRWMBQd6Edo/22222.png!thumbnail

行间距

行间距是一排文字和另一排文字之间的空间。手机屏幕较小,所以行间距通常比桌面版本小。过宽或过窄的行间距都会降低可读性。

图片: https://images-cdn.shimo.im/BEO2SpIyqoMzh3ob/11111.png!thumbnail

段落的长短问题

段落的长短多控制在 3~5 行

段落太长太短,视觉上容易带来枯燥感

有些娱乐性质较强的居中排版文章另说

最后拿图说话。

图片: https://images-cdn.shimo.im/c94DKrujlCwRMxRm/排版2.jpg!thumbnail

公众号的文字排版内容就是这些,能好好遵循以上规则去排版,就已经能做到不用任何编辑工具就可以把版排好。

三、图片的处理

图片搜索

好的配图一般去 谷歌 和 500px 找。

ps: 用外网搜索时英文比中文来得更高效。

配图的尺寸与比例大小请遵循一致的原则

文字与配图之间空行

四、发布之前最重要的一步——预览

完成以上步骤之后,请点击“发送到手机上预览”。

以读者思维去阅读你刚才排好版的文章,想想哪些地方还可以改进的,任何自己感觉不舒服的地方都要改,改到自己满意为止。

或者发给朋友,请他们帮忙看,哪些地方是他们觉得读着辣眼睛的。有些你觉得没问题的地方却会给别人带来困扰,所以多几个“内部读者”能帮助你提高自己文章和排版的品质。

完成之后,再点击“群发”。

总结:

简单排版也可以很高大上。只要注意了文本和图片的处理,以及以读者思维去预览、去调整,人人都可以做好排版。

公众号的排版能做好了,其他的排版就可以类推,灵活应用。

最后放一张脑图。

图片: https://images-cdn.shimo.im/2CniYrSjq7QFjfTT/公众号排版指南_201806png.png!thumbnail


©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,539评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,911评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,337评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,723评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,795评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,762评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,742评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,508评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,954评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,247评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,404评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,104评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,736评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,352评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,557评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,371评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,292评论 2 352

推荐阅读更多精彩内容

  • 第五、安德烈·德拉蒙德 安德烈·德拉蒙德于2012年通过选秀进入NBA,新秀赛季入选最佳新秀阵容第二阵容;2014...
    聊球纪事阅读 1,752评论 0 0
  • 小小的一艘船, 承载着我儿时的梦与欢喜。 相隔久远的那一处人家, 牵引着独属于我的盛世年华。 走了又走, 停了又停...
    阿俊xi阅读 293评论 0 0
  • 很多人都说,《欢乐颂》之所以招人喜欢,是因为它里面的人物个性鲜明,而且是真实生活中大部分人的影子。的确,我在其中看...
    小木人kun阅读 250评论 0 0
  • 我的讲解之旅从小学生开始 到高中生 再到领导 在丰富自己专业知识的同时也学会了与不同的人交流 去应变各种状况 期间...
    太白的李阅读 529评论 0 1