BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

社区讨论:iOS 6的UI设计

| 作者 崔康 关注 1 他的粉丝 发布于 2012年6月18日. 估计阅读时间: 10 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

iOS6系统的Beta版前不久刚刚发布,国内社区对它的UI设计发表了看法,一方面有人认为其设计风格严重不统一,而另一方面也有人认为AppStore设计存在优点。

程志达

iOS 6 Beta 版说明了一件事情,就是苹果现在最大的短板就是UI设计:

  1. 完全不统一的体验。
    音乐App里,外边是惨白的配色,开始播放之后变成了全黑的。自带的照片程序Tab栏是Glossy的,AppStore是亚光的。上面的状态栏也是忽黑忽蓝。我最一开始看到蓝色的状态栏,还以为是开了什么背景服务,把各种东西杀了一遍,甚至怀疑是Skype VOIP的提示,差点把Skype给卸了。最后才发现是它本来就那样。
  2. 落后时代的仿真界面。
    各种大阴影,夸张的渐变和材质。Reminder、Notes、Find My Friends、 Game Center, 还有谁看到这种界面不作呕吗。再去看看通知中心那个抹布的背景还在。设置界面背景本来的细竖线条纹变成了下面模糊的竖线;iPad 设置界面中间那下水道一样的分隔线;分享界面那些过火的图标。
  3. UI 设计毫无进取甚至倒退。
    只拿AppStore这一个界面的改版来说,无论是在iPhone还是在iPad上,同样的一个界面,无论是信息密度还是操作的顺畅程度,新的界面都不及老界面。App详情弹出的翻转卡片式设计更是糟糕。

如果勉强说苹果这次改进好的地方,我觉得只有几个细节还算不错:

  • iPad 的时钟应用(仅限于大时钟界面)
  • 通知栏直接发推。
  • 其实我还挺喜欢那个默认的pull to refresh的效果的…

这些年以来,苹果在 UI 设计上做对的事情越来越少,比起业界Flipboard、Twitter、Paper 开创的各种新风格、新方式来说,苹果不仅已经不再是潮流先锋,甚至已经赶不上业界水平。iOS 刚出来的时候,弹性窗口、慣性滚动、双指缩放,这些都是苹果“教”会别人的,但现在苹果似乎还沉迷在仿真界面之类错误的方向不能自拔。设计也没有Android 4.0和Windows Phone那样的现代感。现在,苹果制造着世界上最好的硬件,有世界上最先进的OS,iOS 比其它系统都要成熟得多,有最好的开发者群体,每天都有开发者做出让人瞠目的创新。我们觉得苹果做得更差,或许只是连自己也没有意识到这个行业发展得这么快。从此之后,可以期待苹果的硬件,可以期待苹果的OS和开发工具,就不要期待他们自己做的App和新的UI设计了。

姚军

WP和Android4.0的确代表了设计的新潮流,但我认为并非所有设计都需要跟随着这股潮流。崇尚简洁、现代,不一定要用那种方式。流行也有自己的局限,个人就很看不惯WP和Android 4.0里面很多误把简陋当简洁的行为方式。

张涛

关于仿真式界面为什么是一种多余的过时的设计,可以移步这篇文章,Daring Fireball 也说过这个。这些细节如果是关于功能或者隐喻,那么他们是恰当的。但是在 Find My Firends 里面加入皮革素材这算是什么?因为我们在现实生活中都把朋友的地址卡片放在皮夹子里?最为关键的是,这是Apple的硬件设备啊!Apple可以为了整体的干净和一致,使用Unibody这样的技术;可以为了精简集中用户的交互,使得整个屏幕只剩一个Home键……这才是Apple,将莫名其妙不知所谓的“装饰细节”作为设计的重要部分并不是这家公司的基因和最好的作为。一个真正热爱这家公司产品的人,才会对这次iOS 6更新后的UI分裂产生这样的痛恨。不明白 Apple设计理念为何,只知道一味追随,这才是最可怜的“果粉”。希望9月来临时,Apple能够把这个“Beta”中的UI分裂问题解决。这,确实不是一个很好的设计。

DelayNoMore!

Beta 版的设计风格确实分裂了点,之后应该会改进的,不必担心。Apple 设计师的品味从来都差不到哪里去。iOS 的仿真/拟真设计思想在 iOS 6 里更加凸显了,甚至细节达到了变态的地步。

大家可以看一下iOS 6 改版后的音乐播放界面,注意到上下两个滑杆了吗?滑竿上的金属圆形按钮原来不仅仅只是模仿了金属纹理,在你左右稍微倾斜手机的时候,它居然会像真的金属一样改变光泽的角度!(你可以拿起你的Wireless Keyboard G6或者Magic Trackpad看看侧面来了解这个效果)虽然能明白它是用重力感应实现的,但是不是谁都能做出这么细致的设计。也许 Apple 还会变态到在以后的 Mac 上,利用摄像头或者距离感应器什么的检测用户头部的位置,让Dock图标里Apple官方的那些也采用这个金属光泽背景的App的图标也会自动改变光泽,谁知道呢?

郭凛

AppStore的改造其实蛮好的:

  1. 预览图放在Description前面——平时我们大多都是先看图的。
  2. review放置到顶部tab中,对用户强调review的作用——避免“来电黑名单app”悲剧。
  3. 增加related的tab,应该是从iPad AppStore中的统计数据做出的改造,关联推荐和品牌效应推广效果很好。
  4. 分享按钮放置到右上角,分享类型也丰富了——强调社会化分享。
  5. 万恶的IAP Top Purchase原来占据着那么重要的一个位置,终于挪最底下去了。
  6. 强化了What's New,以前每次新功能都要在Description里再写一遍,对用户也有帮助。
  7. App列表中App名称变为可以显示两行——现在大多数App名字都很长,然后看到的都是省略号。
  8. App列表滚动时自动更新,不需要再点击“更多25个”——再也没有“前25名效应”了。
  9. 加入了Genius智能推广,迟早的一步。 

罗永兴

优点:设置、时钟APP Icon的尖角都换成了圆角,看起来要友好的多。
缺点:

  1. 从目前的beta版来看,iOS6的UI设计很不统一,iStore tabbar的样式就不同于短信、电话的tabbar,做为系统级的APP,样式上应该还是统一一些的好。
  2. 默认的状态条,这种蓝色我实在看不惯,我们的设计师也表示他调不出这种颜色……
  3. 拨号界面严重需要重新设计!
  4. 音乐APP的风格和iPad版的音乐统一了,但是tableview的section header变高了,感觉这块儿没必要这么高吧?太占空间了。

Oasis

每个设计者都有自己的思想和设计方式,每个产品经理都有自己的不同观点,所以在公司产品经理争吵是一件很平常的事情 。说这些话的时候先考虑以下问题:

  1. 这个真的是不符合我们的常理么?
  2. 这个设计对外国人是什么样的感觉,确实觉得这么差吗?
  3. 指出的问题不适应一小部分还是整个用户群体?
  4. 每一个细节和设计里面你是否真的去了解和思考过它所包含的内涵?

潘峰-Felix

我的感觉是,目前不少厂商对UI的理解仅仅是 user interFACE,只要把Face(贴图) 做好就行了,User 自己知道如何去Inter。相比之下,苹果对UI的理解仿佛更接近 "User-Inter, and Face" 。重点好像不在 "Face" 上,而是在如何让 "User" 更好的去 "Inter",附带把Face也尽可能做漂亮。

举三个例子吧:

  • 过去:当其他手机厂商还在研究如何把按钮做得更漂亮时,第一代 iPhone 引入了多点触控的触摸屏界面,于当时在操作性上与其他品牌的手机相比占有领先地位。(当别人都在研究如何做出更好的按钮时,苹果研究如何废除按钮。)
  • 现在:Siri给用户和手机之间加了个“音频信号线”,多了个交互的通道,可以理解为“听说界面”,这是个看不见的 Face,它的诞生是User-Inter的创新,而不能简单的理解为那个“不锈钢紫灯”话筒图标Face的创新。那个新的地图也不能忽视,由于还没亲眼见到,这个我就不瞎猜了。(当别人研究屏幕如何更大,贴图更漂亮时,苹果更多研究除屏幕以外的其他操控和反馈方式,如声音。)
  • 将来(瞎猜):传言中的“触摸反馈”,我相信当屏幕能凸起按钮时,上面同步显示的贴图一定是接近真实的。如果传言属实,苹果就走了个从取消按钮到重新引入“按钮”的回归路线,但回归以后就不一样了:仿真贴图的优势将显著提升。(当别人早已放弃按钮的时候,苹果开始研究"按钮"了。)

读者对iOS6的设计有何感想,欢迎发表自己的看法。另外,即将于8月10日在深圳举行的全球架构师峰会特别安排了“移动互联网精品架构案例分享”专题,感兴趣的朋友可以报名参会。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

买不起苹果的穷屌丝表示,这篇太扯了点 by zhang xiaofei

首先小僧买不起水果,故不是果粉。
其次,这段回复纯粹为喷而喷。
拜托能不能不要为WP和安卓写软文,拿原创和山寨比是没有任何意义的,能搞原创的公司,它必须坚持自己的理念,因为这是它创新的源泉;特么搞山寨、搞模仿能出球?到任何时候都是喝汤的主儿,楼主明白没?

能否分享下您的作品 by 亮 王

弱弱的问下程志达,您设计过啥好的UI没有?

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

2 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT