在手机上写出排版优雅的文字,你需要知道这 4 件事 | 豌豆荚设计奖

Broadcasted at June 22, 2015 at 12:57PM:

作者:豌豆荚

编者按:这里是豌豆荚在极客公园的专栏,本文的作者是豌豆荚设计奖团队提供豌豆荚设计奖是豌豆荚推出的奖项,致力于每周为用户发现一款优秀应用,更多可点豌豆荚设计奖了解。


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

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

335df5549b4accce32697eb90b095330.jpg你可以用它写一首诗

8e7aba2ecb3be48439a382aaa5dde2b1.jpg你可以用它写一篇游记

130876e5e1486719f35ac233f818cd75.jpg你也可以用它写一篇书评

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

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

二、排版就是整体的均衡

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

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

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

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

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

020e62d607084cfbbfde635af5dfe64b.png

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

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

5b78efc1126f71d2c1f816c9b0e9fc14.jpg

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

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

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

f1607ac27080b74cf30621fa4735ace2.jpg

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

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

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

158444e450af0624cfc482e73240cf5c.jpg

Design Tips-「份量」和「留白」

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

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

5e3a7f06355fc3654a5706f881675398.jpg

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

392206ada13b2703a2fc4e67feeabcc6.jpg

以上内容由IFTTT自动发布,原文地址:http://www.geekpark.net/topics/212915

via Blogger http://www.einverne.tk/2015/06/4.html

留下评论