google遇上ios:新风格上平衡点

肖暮影
2012-12-24 11:15:43

谷歌地体的ios版发布后,很快上升为 app store 免费应用排行榜的第一名,直到 facebook 的 poke 出现才跌落第二名。在苹果自身地图表现糟糕的前提下,这个成绩并不奇怪。google maps ios 版的界面也获得了大量的好评。科技博客作者 john gruber 在评价 google maps 的界面的时候,指出 google 的 ios 应用设计更加接近公司的气质。

这种美感与标准的 ios 风格大不相同,但是它也不是 android 风格的移植。实际上,从品牌的角度看,google 的 ios 应用比 android 应用更有 google 风格。android 在视觉和感觉上和它的名字匹配:无生气、机械感。google 的品牌总是非常友好、多彩和人性化的。他们的 ios 应用有着同样的感觉。

the next web 的作者 matthew panzarino 有着同样的观点。他认为 google 的 ios 应用已经变得非常出色,这可以追溯到 google+ ios 版的发布。虽然 google+ 的前途值得存疑,但是这个应用的确让 ios 用户们惊艳了一把。它显得“非常 google,同时又非常 ios”,而最新的一次更新后,应用变得更加漂亮了,比如那个“可爱的下拉更新动画”。

为了证实自己的感觉,matthew 特意采访了 gmail ios 版的主设计师 jason cornwell。“google 的一些团队,包括我们的团队,都想要在 ios 上做的更好,发布高质量的版本,”jason cornwell 说,“大家都有一个共同的愿望,开始制作更加漂亮的应用”。

不同团队的成员们会聚在一起,讨论应用之间共有的视觉语言,以及在 ios 上的操作方式。“在 ios 上创造一种设计语言,能够符合平台规范,在感觉上与其合拍。但同时又要保持它必要的‘google 感’,让人感觉是我们所开发的东西”,cornell 说。

团队采用了网络版的设计理念,同时思考了颜色的运用和交互的一致性。cornell 说,google 正在变成一个更加重视设计的公司,而外界也越来越认识到这一点。他们付出了大量的努力去开发设计良好的应用,增强应用的吸引力。不过,google 的风格和苹果的设计风格仍然有很大不同。他们重视“电子感”,而不是拟物风格,“我们想要达到的目标是,让人感觉真实感和电子感,而不是试图模仿现实物品。同时也有一些深度。当你和它开始交互的时候,你能够感到它是成熟的,有许多功能,但是最初的展示是非常简单,非常干净的”。

cornell 是 gmail 应用的主设计师,因此他对这个应用自然了解甚多。他说 sparrow 团队已经深度融入到了 gmail 团队里。虽然新的应用没有使用 sparrow 的引擎,但是从 sparrow 里吸收了理念,其中一个理念就是为发件人配上头像。cornell 说,他们希望 gmail 更人性化、更个性化,头像便是这个策略的重要部分。如果发件人没有头像,应用会给他配上一个带颜色的方块,上面是姓名的首字母,“以前的方法是使用默认的头像,然后配颜色,这比起首字母来说缺乏个性”。

新版的 gmail 仍然大量使用了 web view,因此给人的感觉仍是不够顺滑。当问到这个问题的时候,cornell 说,“这是一个长期存在而且有意思的问题,因为你必须使用 web view 来展示 html 邮件,因此这确实需要平衡,这和动画表现有关系。我们花了大量的时间来优化它。我们真的不想在应用属于混合还是原生上出现任何问题。它应该仍然感觉是顺滑的,而且和平台完全合拍。我们花费了很多时间确保它能够正常运行”。

cornell 认为,应用中的内容是应该受到高度重视的,而这也是现在主导的设计理念,“你在内容外加入的界面元素越多,对内容的展现就越少”。

google 在 android 上投入的精力很多,因此在 ios 上的步伐相对就慢了,不过 cornell 说,ios 仍然是一个非常重要的平台。为 ios 平台开发应用,需要设计师们对这个平台非常了解,必须生活在这个平台中。开发 gmail 应用的设计师和开发者都把 iphone 作为自己的主力机。cornell 说,“你必须生活在一个平台中,才能理解模板的细微之处……以及平台上代表良好设计的东西是什么。”

当然,设计师们需要做的不仅仅是在标准 ios 模板上加些颜色。cornell 说,如果使用苹果提供的模板而不加修改,应用在发布的时候就会显得老旧。所有出色的 ios 应用都是对原生模板进行适度修改的结果,google 团队所做的也是一样。cornell 说,设计团队花费了许多的时间,才在混合 google 和 ios 风格上找到一个平衡点。

登录 评论一下