通俗排版

2017-09-20  本文已影响0人  芝士荔枝红茶

排版要素

1.风格

首先要根据排版想要传达的内容即目的进行排版风格的选择。

说得通俗些,就是一个关于新闻摘要之类严肃正经的推送,总不能排版成情感类的风格;一个搞笑类的休闲文章不能排得太老干部。反差萌不是这么胡来的,这样只会造成视觉与思维的混乱。

2.图片处理

一般排版不可能只有文字,纯文本难以避免过于枯燥。所以图文排版势必要掌握,毕竟又不是干货类的订阅号。

01.水印处理

微信推送是允许用户保存图片,特别是游记类订阅号中一般会附有想让人保存的风景图。所以一般不存在版权问题的图片不加水印,有水印要去水印。

而关于涉及版权的图片,一般不推荐打水印,而换成在图片上利用视觉效果加上logo。

02.排版

图片最好端正的排版,不要倾斜,因为斜不好就很low。

不想打上马赛克

如上,我只能说hhhhh。

一般让人舒服的图片排版可以结合文字,或者多图拼合。

mochizukikaoru mochizukikaoru

3.文本

01.中英文之间需要增加空格

正确:

在 LeanCloud 上,数据存储是围绕 AVObject 进行的。

错误:

在LeanCloud上,数据存储是围绕AVObject进行的。

在 LeanCloud上,数据存储是围绕AVObject 进行的。

完整的正确用法:

在 LeanCloud 上,数据存储是围绕 AVObject 进行的。每个 AVObject 都包含了与 JSON 兼容的 key-value 对应的数据。数据是 schema-free 的,你不需要在每个 AVObject 上提前指定存在哪些键,只要直接设定对应的 key-value 即可。

例外:「豆瓣FM」等产品名词,按照官方所定义的格式书写。

02.中文与数字之间需要增加空格

正确:

今天出去买菜花了 5000 元。

错误:

今天出去买菜花了 5000元。

今天出去买菜花了5000元。

数字与单位之间需要增加空格

正确:

我家的光纤入户宽带有 10 Gbps,SSD 一共有 20 TB。

错误:

我家的光纤入户宽带有 10Gbps,SSD 一共有 10TB。

例外:度/百分比与数字之间不需要增加空格:

正确:

今天是 233° 的高温。

新 MacBook Pro 有 15% 的 CPU 性能提升。

错误:

今天是 233 ° 的高温。

新 MacBook Pro 有 15 % 的 CPU 性能提升。

03.全角标点与其他字符之间不加空格

正确:

刚刚买了一部 iPhone,好开心!

错误:

刚刚买了一部 iPhone ,好开心!

-ms-text-autospace to the rescue?

Microsoft 有个 -ms-text-autospace.aspx) 的 CSS 属性可以实现自动为中英文之间增加空白。不过目前并未普及,另外在其他应用场景,例如 OS X、iOS 的用户界面目前并不存在这个特性,所以请继续保持随手加空格的习惯。

04.字距、行距

文本排版讲究呼吸感,这是个很空泛的词语。通俗点讲,就是不让用户产生视觉疲劳。

一般在电子显示屏幕上,行距最佳范围为1.5-1.75倍。而字距一般为自动,但小字排版的字距可以根据页边距调满。

微信推送可以不首行推进,但通俗排版要严格按照标准格式。

4.整体排版

01.缩略预览

02.校队

03.配色

从理论上来说,一般排版的颜色不宜过杂。

网上有一种论调——饱和度越低越高级。即使这句话是误解了原话,原话应该是——过渡色比原色更高级。

过渡色是指某个物体的颜色从明到暗,或由深转浅,或是从一个色彩缓慢过渡到另一个色彩。一般文本不直接设为纯黑纯白,对比度过高,从整体色调来看过于突兀。所以可以用 #595959 或者 #a5a5a5 等过渡色。

04.字体

什么是有「高级感」的字体?

答:我认为越是不加修饰、简约、纯粹、耐看、结构端正、经得起推敲、字型带有美感与张力的字体就可以称之为「高级感」的字体了。当然以上条件不一定得全部满足

以上是知乎上吴珂的回答。

一些字体是用来看的,一些字体是用来读的。

像近年来比较火的刻本字体,例如康熙字体、文悦复刻系列以及学生会目前官方字体方正清刻本悦宋,只适合来看。什么是看,就是做标题,不适合做正文。因为它们变成正文后,好是好看了,但大段的阅读文本会使用户疲劳。

康熙字体 汉仪细中圆简

适合来读的文字,我个人最推荐微软雅黑,是无衬线黑体,它的字形略呈扁方而饱满,笔画简洁而舒展,易于电子屏幕上的阅读。当然汉仪的一系列宋体也很适合读,不过更适合纸本上。

但对于微信公众号来说,事实上,微信图文在读者面前最终呈现出的字体效果,并不完全取决于微信这款 App 本身,而是取决于阅读终端的系统环境。比如目前你正在阅读的这段文字,对于 Android 部分用户而言,可能感觉西文字体比较特殊;对于 iOS 用户而言不仅西文,中文字体也很特殊;对于 Windows Phone 用户而言,你会发现中文字体是宋体。

Android系统:DroidSans-Bold(西文)DroidSansFallback(东亚文)。而最新版的 Android 则采用了全新的思源黑体,英文采用「Rotobo」

iOS:Myriad Pro(西文)华文细黑(中文)。而 iOS 9 开始,中文采用「苹方体」英文采用「San Francisco」

Windows:Segoe(西文)微软雅黑(中文)

所以微信推送想要统一字体可以通过用代码做格外申明。

05.行间距

直接甩图

上一篇下一篇

猜你喜欢

热点阅读