“脱胎换骨”还是“换汤不换药”,看看应用们如何“为iOS 7设计”
“脱胎换骨”还是“换汤不换药”,看看应用们如何“为iOS 7设计”-移动阅读二维码

app-design-for-ios7-ture-or-false

iOS7是自iOS出生以来变化最大的一次,他舍弃了Scott Forstall的拟物化设计,采用了Jonathan Ive倡导的扁平化设计。同时在原有的系统上加入了更多的动态、炫彩、卡片等效果,力求让iOS获得一个前所未有的科技感而取代真实感。

随着iOS7的发布,众多应用开发者也将自己的App进行了修改,力求顺应iOS7的整体风格和功能特性,App Store还专门开辟了一个“为iOS7设计”的频道,将为iOS7重新设计的App都放入到了这一频道之中。不过,细心地用户可能已经发现,有些应用真的是将自己的整体风格都偏向了iOS7,而有一些应用只是简单地优化甚至换汤不换药的将Logo改变一下而已。

一、印象笔记

印象笔记可以说是现阶段为iOS7更新最多变动最大的一款App了,不但将之前的Logo重新设计,完全符合扁平化。而且将App的界面做了重新的设计与布局。以往的UI完全被打破,除了功能没有变化之外,UI已经没有之前“笔记本”的概念了,全部采用分版块的方式呈现。而且除了主题仍然采用一贯的绿色之外,无论是从功能板块上还是底部的快捷操作上,都用了类似iOS7的“控制中心”的样式。

这样的设计其实也引来很多反对的声音,他们纷纷表示这一改变让印象笔记失去了原有的风格。但是对于新用户来说(尤其是新的iOS7用户)会觉得印象笔记与系统界面和功能完全吻合,一点的突兀感都没有。

evernoteSplash

二、Instagram

Instagram也算是第一批将UI大幅扁平化的App之一,还在iOS7 beta版本时,Instagram就进行了许多的改变,除去不断添加的功能外,Instagram在UI的细节上全部都按照iOS7的风格进行了更改,无论是主页的五个功能按钮,拍照界面的照片选择,信息提示界面的刷新和切换,尤其是在留言回复界面的“回复”与“删除”两个选项,都按照iOS7的布局来进行设计。还有在任何二级或者二级以下菜单中,向右滑动都可以返回上一级菜单,这样的设计也与iOS7自带的App设计吻合。如果非要找一点不太一样的地方,那就是iOS7取消掉了某一条信息向右滑动可以删除这一手势,而Instagram任然支持左滑与右滑。

app-design-for-ios7-ture-or-false-3

三、新浪微博

说到新浪微博,可能是很多朋友手里最常用的App了。新版的新浪微博官方客户端同样在设计上完全贴合iOS7的设计理念,无论是上面提到的扁平化无边框的界面显示,还是右滑返回上一级菜单,以及信息界面左滑调出删除按钮。可以说照搬了所有iOS7的设计。不过从个人的角度看,新浪微博与印象笔记的差别在于,印象笔记按照“iOS7的风格”重新设计了自己的UI,而新浪微博更像是完全照搬了iOS7的设计方法。比如在Timeline界面,如果你选择了个性化背景,那么前景效果将变成像控制中心一样的“毛玻璃”般,而这样的效果好不好看?至少我觉得在文字背后有奇怪的图案,很影响阅读体验。

app-design-for-ios7-ture-or-false-4

四、网易新闻

相比起上面三个App,有些应用的进化就显得不那么合适。比如同样在App Store的专区中推荐的网易新闻,扁平化设计的改变,只是去掉了UI的边框,颜色是采用透明化的单一色调,将按钮也进行了线条化,登陆界面菜单和选项菜单同样使用了具有七彩效果的背景,科技感十足。但是,也仅此而已。虽然在视觉效果上,比较符合iOS7的整体风格,但是在使用之后,是不是真的符合iOS7的概念呢?比如在新闻类别的选择界面,去掉了按钮同时缩小了面积,会造成用户点击上的困难。毕竟网易新闻还是一款阅读类的App,用户所要的是良好的阅读体验和充足的内容信息。

app-design-for-ios7-ture-or-false-5

五、其他

之所以说其他,因为除去在App Store的iOS7板块中推荐的App之外,同样还有很多App修改了自己的图标,或者是UI。就像上面四款应用说的一样,有些应用通过iOS7的设计理念,重新设计了自己的App,有些则是照搬iOS7的元素,抛弃自己原有的设计风格。还有一些只是将图标和按钮线条化,将界面无边框化,将色彩透明化而已。

iOS7的扁平化设计,绝不仅仅是这些方面的改变,Jonathan Ive作为一位知名的设计师,在细节上的执着是出了名的。很多应用在扁平化设计时,第一个想到的就是iOS7控制中心的“毛玻璃炫彩”效果,进而搬到自己的界面上来。且不说iOS7的这项设计本身是不是受到大多数人的肯定,但至少没有在任何的界面都采用这一效果,因为通知中心和控制中心这两项功能作为整个系统的辅助功能来讲,半透明的设计不会造成对系统本身的掩盖,更像是系统的延伸。

这些细节上的设计,并非一朝一夕可以学得会,也不是一两句话能够说的清楚的。同样,也并非每一个应用都将自己的UI扁平化设计就是好的,如何更好的将App与系统风格结合的同时保证用户的体验,才是“iOS7”化的前提下,这些App要做的改变。

本文链接:http://www.mobileui.cn/design-for-ios-7.html
本文标签: , , ,