苹果的拟物化设计?

原创
移动开发 Android 移动应用
苹果的拟物化设计?如果你是苹果的忠实用户对于这些设计你绝对不会陌生,所谓拟物化设计就是根据产品自身特点,通过模拟真实世界已有的物品,使用这样的设计方式可以使产品的外观和行为接近现实生活中的事物,用户能够更快的理解它们的运行方式,使用起来也就越简单。51CTO观察员傻蛋老师将向51CTO的读者介绍苹果的拟物化设计之路。最牛傻蛋新浪微博:http://weibo.com/zuiniuwang

【51CTO专稿】豪华的皮革缝合,一个你几乎能感觉到的细木纹,老式麦克风……如果你是苹果的忠实用户对于这些设计你绝对不会陌生,所谓拟物化设计就是根据产品自身特点,通过模拟真实世界已有的物品,营造身临其境的交互方式,使产品的设计更富有品质和情感,使用这样的设计方式可以使产品的外观和行为接近现实生活中的事物,用户能够更快的理解它们的运行方式,使用起来也就越简单。但是使用拟物化设计,在给大家带来亲切感的同时,也常常会让大家觉得困惑,因为有时候你常常会发现很多设计是在为了拟物而拟物,带来了很多不一致的操作体验。

谈谈书本式的拟物设计

我们会发现在苹果的原生应用中大量的使用了书本翻页的拟物化设计,比如iBook、备忘录、通讯录、日历和提醒事项这几个应用。进入最具代表性的ibook,会出现一个模仿真实世界的木质的书架(如下图)上面会摆放着我们经常读到的图书。

点击我们要阅读的图书,一本酷似纸质书的界面出现了,在我们翻页的时候书页甚至可以跟随我们手指的移动而移动,翻页时候的动画以及文字角度和阴影也会发生相应的变换。iBook的经典设计方式被很多第三方程序、和不同平台的程序尽相模仿,比如在安卓平台上就有很多类似的程序,但是要么就是书本翻页的流畅性不够,就是动画或者阴影的变换不自然,或者不跟手,首先这种翻页的算法就有一定的实现难度,书页托起的位置,阴影的变换和相应的动画都需要大量的运算,同时由于安卓平台在安卓上硬件的不统一和先天对UI动画处理的弱势,就决定了使用这种设计并不会带来很好的用户体验,还有可能还会带来相反的效果。其实我们如果仔细体验iBook,我们必须在右下角的一个区域内才能拖动书页,时常会因为手指没有进入这个区域想翻页时却没有响应,同时我们在拖动的时候总是会有半秒钟左右的延时,原创iBook尚且如此,何况其他应用?

我们再进入备忘录,黑色真皮的外壳,左边是白色背景的备忘目录,右边却是带有棕褐色皮边儿的以及泛着不均匀黄色的(或者是为了模仿故意做旧)横格纸,像极了一个皮质笔记本,看起来真是有一种情切感。但是我们应该如何翻页呢?奇怪的是我们不能像iBook一样通过触碰右下角通过手势翻页,只能按右下方的左右箭头来翻页,而且这次的翻页过程我们是不能够控制的,这无疑造成了用户操作体验上的不一致性。

再来看看更奇怪的这个是通讯录应用,一本书的模样,但是令我们惊奇的虽然这是一本书的模样,但是完全不具备翻页的功能,左边是联系人列表,右边是联系人详细信息,所有的操作都在这两页上完成。其实就操作体验来说,对于联系人类型应用,列表式的设计最符合用户的操作习惯,用户可以很轻松的滚动列表来查找联系人信息。但何必非得设计成拟物成一本书的外观呢?这对于用户来说其实又造成了一种困惑。下次我们再遇到类似的程序是不是都要先试试能不能拟物式的翻页,然后再尝试别的的操作?

Game Center

我们再来看看Game Center , 整个Game Center的界面类似于一个大的赌桌,每一个游戏像一个扑克牌一样放在赌桌上,但首先我的疑问是对于大部分用户来说,他们有没有见过真正赌桌呢?有没有在赌桌上真正的操作呢?对于不熟悉赌桌的用户来说会觉得是把一堆图标毫无次序的摆放在那里,然后不知所云。我在微博上做过调查,有些人会认为这是个台球桌,在台球桌上放一堆卡片代表着什么呢?而且就Game Center的配色方案来说,笔者认为他和整合IOS系统淡雅的风格格不入也不够简洁和一目了然,第一次进入这个内置应用,简直在怀疑这是不是苹果的设计。

苹果拟物化设计之路?

 在苹果,拟物化的设计理念是斯科特•福斯特尔(Scott Forstall)一直倡导的,而他本人也已确定将于明年离开苹果,目前暂为蒂姆•库克(Tim Cook)的顾问。福斯托尔倾其所有和乔布斯一起致力于研发拟物化设计的细节,然而最近,这些努力彻底被乔帮主的继任者蒂姆•库克所改变。

目前,负责人机界面管理的是强尼•艾维(Jony Ive),鼎鼎大名的苹果硬件灵魂设计师,几乎设计了苹果所有最成功的硬件产品,如iPad、iPhone、iPod Touch、MacBook Pro,等等。今后的MAC OS 和iOS很可能走向更加简洁大方、实用的方向,而不是过多华而不实的装饰。 这意味着在以后的OS X和iOS将可能会大幅修改诸如备忘录中的皮革缝制以及日程提醒里面的仿真笔记本活页纸等拟物化设计,但是,不要指望在下一个操作系统中类似这样的元素会马上得到改良。因为,目前大约有数百万人在使用苹果的操作系统,他们已经习惯了这种模式及操作方法。如果拟物的设计理念要被遗弃,我会期望艾维团队先能改善一些细节,比如去掉在一系列文本和通知中心背后的灰色背景和那种有意模仿亚麻材质的视觉效果,使用统一风格和操作体验的界面。

未来Ivy团队会不会完全剔除拟物化设计我们不得而知,因为在某些情况下使用大家所熟悉的材质或纹理的确让人感到温暖和亲切,我们希望有一个恰当的方式,使数字接口巧妙地和现实世界中的事件相结合,而不单纯为了拟物而拟物,必须在尊重用户的操作习惯的前提下,适当的拟物化设计才会会让用户感到舒适。

 【51CTO.com独家特稿,非经授权谢绝转载,合作媒体转载请发转载邮件至zhousn#51CTO.com】

责任编辑:佚名 来源: 51CTO.com
相关推荐

2011-06-16 10:00:28

视觉设计

2013-05-17 16:58:12

Card UI拟物化UI设计

2013-09-04 09:59:33

拟物化UI设计扁平化

2015-08-03 11:39:20

拟物化进度条

2013-07-03 08:51:09

iOS7UI设计扁平化

2013-09-23 09:34:14

iOS 7图形界面

2013-06-12 19:51:17

扁平化设计

2014-05-09 13:12:24

iOS移动互联网

2020-05-08 13:28:53

新拟物UI设计

2009-05-21 08:53:08

软件商店JavaSun

2013-08-20 11:06:13

iOS 7iCloud苹果

2010-08-02 13:25:23

DB2物化视图

2010-07-30 17:46:46

DB2物化视图

2012-02-17 14:47:36

Mac OSWin 8苹果

2012-06-28 09:44:37

苹果数据中心

2013-09-13 10:54:24

苹果历史

2009-05-06 11:09:10

Oracle物化视图数据库

2014-01-09 15:45:38

苹果iOS系统扁平化

2011-06-27 08:58:35

苹果iCloudMobileMe

2013-08-29 09:53:48

开发者iOS 7
点赞
收藏

51CTO技术栈公众号