豌豆荚

豌豆荚设计奖第 211 期

Zine

手机上也能写出排版优雅的文字

用微信扫描二维码,就可以分享到好友或朋友圈了

Zine

设计

在手机上写出排版优雅的文字

豌豆荚设计奖 211 期获奖者 Zine,是一款方便在手机上做出优雅排版的手机写作工具。

你可以用它写一首诗

一篇游记

一篇书评

Zine 的名字源于 magazine,创始人路意希望它写出来的文章让人有读杂志的感觉。

「网络时代的阅读太不讲究了,人们把字仅仅看做是信息。印刷时代不是这样,排版本身就是一种美。段落、留白、字体、间距,所有这些都体现一种韵律美」,路意说。他希望把纸质印刷的美感在手机上复现,于是便有了 Zine。

排版就是整体的均衡

Zine 的设计团队非常推崇日本平面设计师伊达千代的理念。伊达千代的设计讲究整体均衡,各个版面元素的组合如果得当,会产生稳定和谐之美。

Zine 能够得到豌豆荚设计奖,也正是因为他们在字号、字体、间距和色彩四个方面都围绕「均衡」做了用心的优化。

字号:16 号字体易读性更强

Zine 正文的默认字号是 16 号,在手机 Retina 屏幕已经普及的情况下,选用稍大的字体用户读起来不会太吃力。

\Zine 提供的字号最小是 10 号,最大是 32 号。10 号字体是适合给图片做注释的最小字体,32 号字可以为文章提供更醒目的标题,再大或再小,在手机屏幕上都不太实用,要么看不清,要么一行只有三五个字。

字体:从常规字库里选择字体

从整体的均衡和易用性角度考虑,Zine 提供了 12 种字体。这些字体来自常规的字库,诸如黑体、楷体、宋体等等,而「造字工房」那种太过艺术性的字体会打破版式的均衡。

间距:用 1.12 倍的文字间距强化整体性

考虑到整体版式的均衡,Zine 在间距方面做了许多打磨。

标题的行高为 1.31em,小于正文的 1.5em ,因为如果标题断行,需要更紧凑的表现。

另外,正文的段间距是文字的 1.12 倍,比 2 倍间距的普遍做法要小很多。路意这样做是为了让写诗有更好的体验,太大的段间距会破坏诗句间的整体性。

色彩:低饱和度的颜色保持沉稳

Zine 为文字提供了 12 种颜色,为了使彩色文字不破坏整体的协调,设计团队调低了所有颜色的饱和度。这样即使文章中运用了彩色的文字也不至于让读者有强烈的冲击感,能够保持沉稳安宁的印象。

Design Tips

「份量」和「留白」

「排版」的出现,是为了解决一个问题——如何让文章更利于阅读。最理想的排版,用日本设计师伊达千代的话来说,就是「让读者感觉不到有文字编排的痕迹,不合理的排版会让读者精神不集中,不能彻底关注文章本身」,也就是从「份量」和「留白」两部份达到平衡。

不管是文字、图片、按钮或链接,开始编排这些元素的时候,都可以依据它们的面积大小和颜色,量化为「份量」。文字越粗,份量越重,文字越细,份量越轻。所谓好的排版,就是将元素相互搭配,维持页面上下左右的份量相同,达到平衡的状态。

正确认识页面内的元素并将它们有效的分类,是在排版中很重要的一环。有关联的元素之间的距离要小,而内容不同、不想引起注意的部份,留白要相对的大一些。留白的大小,左右着读者的视觉感受。面积大的留白,给人奢华和高级感,反之给人热闹欢快的感受。

Zine
57.36M · 11 万人安装 · 9月26日更新

每一套模板都精心挑选,在手机上也能写出排版优雅的文字。

随便看看