美文网首页
通俗排版

通俗排版

作者: 芝士荔枝红茶 | 来源:发表于2017-09-20 14:03 被阅读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.行间距

    直接甩图

    相关文章

      网友评论

          本文标题:通俗排版

          本文链接:https://www.haomeiwen.com/subject/hnuwsxtx.html