排版要素
1.风格
首先要根据排版想要传达的内容即目的进行排版风格的选择。
说得通俗些,就是一个关于新闻摘要之类严肃正经的推送,总不能排版成情感类的风格;一个搞笑类的休闲文章不能排得太老干部。反差萌不是这么胡来的,这样只会造成视觉与思维的混乱。
2.图片处理
一般排版不可能只有文字,纯文本难以避免过于枯燥。所以图文排版势必要掌握,毕竟又不是干货类的订阅号。
01.水印处理
微信推送是允许用户保存图片,特别是游记类订阅号中一般会附有想让人保存的风景图。所以一般不存在版权问题的图片不加水印,有水印要去水印。
而关于涉及版权的图片,一般不推荐打水印,而换成在图片上利用视觉效果加上logo。
02.排版
图片最好端正的排版,不要倾斜,因为斜不好就很low。
如上,我只能说hhhhh。
一般让人舒服的图片排版可以结合文字,或者多图拼合。
例
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.行间距
直接甩图