模仿现实的电子书设计


在《为什么人们喜欢翻页效果》中,我们曾谈到电子书阅读时,在界面设计上是否应该加入翻页效果。从文章所获得的反馈来看,读者的心理期待是各有不同的,有的人喜欢翻页效果,有的人则表示了强烈的不喜欢。

翻页效果明显是对现实书籍阅读的一种模仿,这种设计取向被称为“skeuomorphic”。在《交互设计领域的包豪斯运动》中,我们曾提到苹果对这种设计理念的推崇,以及亲身的实践。在 iOS 的一些应用,比如 iCal、iBooks 中,苹果就采用了这种设计风格。对于这种设计取向,并不是所有的设计师都喜欢,BrooksReview 网站的 Ben Brooks 就曾写过一篇“界面不要模仿现实世界”,认为这种设计取向虽然从视觉角度让人惊讶,但是可能会形成非常糟糕的计算机界面。

由于理念的不同,有些设计师在做阅读应用的时候,并不追求对纸质书阅读的模仿。诺基亚官方博客曾有过一篇采访 Nokia Reading 主设计师的文章。在访谈中,主设计师 Tim Geoghegan 提到 Nokia Reading 的设计理念:

“在屏幕的下方不会有卷页的效果,当你翻书的时候,也不会有翻页动画。没有必要假装它是一本纸书:它比纸书要好。”

“我们想要以一种真实电子感的方式来对待内容,给人们展示手机上的阅读在某些方面要比纸书好。”

其实,Tim 提到的这种设计理念,和 Nokia Reading 所登录的平台 Windows Phone 很合拍。Windows Phone 的整个取向就是”真实的电子感“,而不是对现实世界的模仿。

虽然不少人对”Skeuomorphic”不感冒,但是这种设计理念的追随者也大有人在。韩国科学技术院的信息科技研究所(KAIST  ITC)曾经在 Youtube 发过一个视频,谈到电子书的界面设计。其中涉及到的各种交互方式,是很明显的“Skeumorphic”风格。如果你对这种设计理念感兴趣的话,这个视频会给你不少启发。

视频中的各种交互方式,或许对阅读不会有什么助益,但是模仿现实的各种动画效果,还是给人以赏心悦目之感。这些效果是否很酷呢?

从屏幕边缘向里滑动,会把书页分开,然后向反向滑动,会出现书页快速翻动的效果,就好像在现实中快速翻动书页。将前面的书页翻开一半,然后用拇指按住,其它手指开始翻动后面的书页。根据手势的快慢,决定翻动一页,还是多页。其实,视频中还出现了其它的效果,并非模仿现实,比如单指翻一页、双指翻两页;在界面上直接写页数,跳到某页。不过,总的来说,视频所展示的设计理念,还是模仿现实的纸书阅读。

Co.Design 网站对视频中的效果称为 hyper-skeuomorphic,认为这种设计有些过火了。它过分的模仿现实,似乎是一个有着真实形式的存在,但只能实现一部分的现实效果,“承诺过多,实现不足”,读者需要去猜想,而且会犯错。它只是另一个需要学习的语言罢了。

那么,对于电子书来说,真正“直觉化”的导航方案会是什么样子,感觉会如何?它应该令人足够熟悉,因此易用——这就需要加上一些 skeuomorphism 的效果,但会有足够的“疏离感”,不会让我们产生一些先入为主的观念,却无法实现。

迈格内特广告_体验站
[How To]如何使用Google+ 来加强你的品牌建设
厦门响应式网站设计