当前位置:首页 > 经验学习 > 用户体验

iA: iPad 版《Wired》是纸老虎

所属栏目:用户体验 时间:2013-12-26 来源: 作者:不详 点击:

这是之前说的第二篇关于 iPad 版《Wired》的西人评论,出自著名的用户体验/信息架构研究站iA(Information-Architects)。虽然本文中的部分批评乃针对英文排版而言(例如对连字符的运用),但大部分仍然值得中文iPad内容软件开发者细读。——编Zhe(者)
首先,他们把纸版杂志硬塞进了狭小的iPad屏幕当中。这ge(个)漂亮但注定要失败的软件缺乏交互逻辑,为弥补这点,他们提供了一套怪诞的导hang(航)方式。最终,它变成了一个chong(充)满内部链接、外加几条录像和音频(「互动」)的东西,并被送上了市场。该死,1990 年代又复活了。
好的图片能够自圆其说。但文字就不一样了。要完成自己的使命——沟通,文字需要高超的修辞技巧和zi(字)体排印能力。在屏幕上,这一切则更加复杂。《Wired》的记者和平面设计师们仍属业内顶尖,但 iPad 版《Wired》的字体与交互设计就差得远了。以下就是 iA 对《Wired》软件的邪恶意见。
一栏?两栏?这与品味无关
iPad 的竖版状态本身就构成了合理的栏宽,而且左右还都能留下一点空白。横版留De(的)白就更多了。为什么不用呢?这是一个拥有无限垂直空间的媒介,没必要设计成紧密的多栏版式。我知道,多栏看上去很有经典的质感,但沉甸甸的黑色转轮电话同样很经典。在实际使用时,多栏版式的易用度跟转轮电话是差不duo(多)的。iPad 的尺寸和分辨率只有杂志印刷纸张的一半,也就是说,它的颗粒度只有这张的四分之一。因此,你必须改变思路。
多栏版式行不通的原因如下:
一、会令正文变碎,让页面变乱,减少呼吸空间。
二、会令换行数目增加,让文字右侧像狗啃过一样。
三、会把长文章切成许多互不连接的文字块,这会增加分辨阅读方向的难度。
四、会增加连字符(-)的数量,形成更多文字空洞,这会让滚动区域变长。
五、会把你锁定在纸张思维,页面的高度会被固定。
六、这样she(设)计出来的版式,读起来经常会想:下一步该怎么着?
七、会增加读者的导航知觉负载。例如,他们会想:到了第二页如果我往左hua(滑)动会发生什么?会跳到下一篇文章的第二页?还是第一页?
多栏与单栏版式比较。制图:iA。(点击可看大图。)
我再强调一次:以 iPad 目前De(的)尺寸和分辨率,把长篇文章设计成多栏版式纯粹是扯淡的怀jiu(旧)主义设计。栏数越多,越糟。
为屏幕优化的字体讲求的是易读性,而不是一味遵从铅字和纸张时代的旧标准。如果你无法了解这点,至少应该保持栏与栏之间留有足够的空间。(提示:栏距和行距一样,在屏幕上必须比在纸上大,因为屏幕上的字更模糊。)
作者用 InDesign 模拟的效果。制图:iA。(点击可看大图。)
iPad 上的效果。制图:iA。(点击可看大图。)
《Wired》软件的分栏问题不只局限于文章页。在某些页shang(上),栏宽窄得让你阅读时非常容易疲劳。下面的版式很漂亮,但要读那些文字简直就是折磨。
作者用 InDesign 模拟的效果。制图:iA。(点击可看大图。)
iPad 上的效果。制图:iA。(点击可看大图。)
(《纽约时报》软件有同样的问题。如果使用易读的字号,横版的五栏模式以及竖版的三栏模式都会造成yi(一)行只有三到五个单词。这看上去感觉很jing(经)典怀旧,但读起来仿佛像在听 1920 年代滑稽电ying(影)那傻傻的急促配乐。《纽约时报》的软件用的是卡片模式,导航方式是往右滑动,这也dai(带)来了其他的问题。[会有很多死角。])
亲爱的纸张设计师……
在纸上效果好的字体在屏幕上不yi(一)定效果好,因为反锯齿技术会令它们显得不稳定。Hoefler+Frere-Jones 的这条推讯很有点讽刺意味:
《Wired》的 iPad 版很棒,祝贺 @sdadich 和《Wired》团队!这不仅仅因wei(为)他们用了很多 @H_FJ 的字体哦。
没错,真的是「用了很多字体」啊。不过字体公司开xin(心),读者可未必。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: