iOS 7为了设计而设计的设计,以及如何作一个后果粉

拖了这么久,明天中午搭配iOS 7新的iPhone 5S和廉价版iPhone就要发布了,还是写写自己从iOS 7推出给开发者以来的各种看法。iOS 7无疑是丑陋的,毫无疑问,虽然想吐槽这块,不过审美这种东西是仁者见仁的东西,所以还是说说iOS 7所谓的扁平化为什么是为了设计而设计的设计,并且是丧失了功能性的设计

iOS的前身iPhone OS,随着第一代iPhone的推出而推出。一开始的iPhone OS是单调的,黑色界面,图标几排,Dock也不是今天的Dock设计等等。

我常说,iOS 6是最完美的iOS,也是iOS的顶峰之作。论扁平化,Windows Phone最的最好,虽然这个OS不怎么样,但好在在美观上是有成就的。iOS 6是在iOS已经精美的基础上继续打磨雕琢,并适度拥抱扁平化,让OS更后现代。iOS 6在 Apple 自己擅长的拟物和扁平就拥抱的非常恰到好处。例如在使用iOS这个工具条对象的页面中,顶部显示时间和各种信息的状态栏就稍作了修改,跟以前的拟物相比,新设计就既拥抱了扁平又保留了美观,此种设计在后来的 BlackBerry OS 10.1 上也有所参考。

features_messages_2x - Edited (1) BSINLyVCUAA0Nk8

App Store.app 的设计也就是 iOS 6 设计巅峰的一个最好例子。导航条的美观,又保留了iPhone OS传承下来的高光光感,又有了用简单颜色的思考,同时细节的打磨也精致但不夸张。在iPad上展示高端大气。

apps_appstore_2x (1)

再有个例子就是 Photo.app 现在的设计,Apple 也不是那种一味的追求能怎么拟物就怎么拟物,在这里的设计思路就是让内容呈现而不是去模拟界面有多么的像一本相册

hardware_software_2x - Edited

设计的前提一定是不能丧失功能性,否则就是为了设计而设计的设计。

来看看iOS 7吧,这就是一个典型的为了设计而设计而是丧失了应有的功能性的例子:

Screenshot 2013-09-09 at 8.42.20 PM - Edited

iOS 7放弃了显示标题,取而代之的是显示网页的域名,同时还去掉了www.来显得更简约。好在这里图中是在浏览 Washington Post 首页,若是在浏览具体某个新闻的时候,这地方还是显示 washingtonpost.com ,在页面还没载入出内容的时候你连标题都看不到,应有的标题栏就告诉你一个信息:你在看 Washington Post ,这种情景下等于没有任何实际意义。我还能不知掉我在看什网站么?而以往的设计你就可以看到标题了,此刻已经可以开始对此文有自己的想法了。

再比如 Siri 的界面,同样为了扁平而扁平,为了简约而简约,无缘无故地多出一个 Tap to edit 的字样。因为过度简约,无法表达出这块跟一般的文字显示区有什么不一样,无法通过设计告诉用户这里是可以点击编辑的。设计里最愚蠢的就是要解释你这个设计的设计,于是我们在iOS 7里见到了很多这样的设计。底下的小圆环,说简洁设计的那是因为已经有了以往 iPhone 上的 Siri 做了铺垫,老用户已经知道那里是个按钮,可以按,而且就是激活Siri的按钮,但对于新用户来说这么一个圈圈很茫然。

Screenshot 2013-09-09 at 8.42.12 PM - Edited 

Safari 的多窗口切换更是为了设计而设计。先不说有没有“借鉴”移动版 Chrome 浏览器的嫌疑,实际上切换窗口的设计,应该本着第一目的是快速和尽可能显示每一个网页 tab 的内容,而不是绚丽的伪立体效果来夺人眼球。iOS 7 里这样的设计其实让用户预览的内容跟 iPhone 版的 Chrome 是一样大小的,同时为了“立体”效果还丧失了应有的宽度,导致预览内容被缩小再缩小,效果可想而知。

Screenshot 2013-09-09 at 9.02.48 PM - Edited Chrome-iOS-tab-management

继续吐槽的 iOS 7 为了设计而设计,让按钮没有了按钮,成了类似超链接的这么一个“设计”。图中的 Message.app ,很明显,没有设计让有功能性的部分跟内容显示部分隔开,导致两块傻傻分不清。iPhone 本来就不是宽屏幕,这样同时显的更拥挤,出现图中这个窘况几率也就更高。

index_messages_posterframe_2x

Mail.app 中的文件夹选择页面,也因为简约化了,导致图标也必须简约,以前的 iOS 选择的是剪影这个简化方法,而 iOS 7 上就更进一步选择了线条化。图标看似能互相区分,但当你匆忙地切换邮件文件夹的时候,却不一定能一眼区分看各个项目。这就好似另一个失败的设计:Windows Phone 里的设置页面,为了简约而简约没有显著的区分点,让用户无法快速抉择从而影响操作效率。

Screenshot 2013-09-09 at 9.23.45 PM - Edited (1) Battery-Saver-in-Settings-on-Windows-Phone

更没有下限的是首页图标的设计,这么大一个黑色的图标在这摆着。设计一定是要积极向上的,一个黑色的块在这里,还是 Stock.app ,算什么?iTunes 和 App Store 的设计,外面已经是拉广了的圆角,里面却又有一个这么大半径的圈。图标外边框的设计要给的感觉是扁平但精致,里面的圆圈却是向外张的立体感。

Screenshot 2013-09-09 at 9.30.20 PM

IMG_6043 - Edited

iOS 7 beta 1时期的 Safari 图标,呵呵,像什么,想到 Symbian 了?

ios-7

莫名其妙的泡泡。

瘦长的 iPhone 和 iOS 7 设计竟然用宽版的 Helvetica 字体,效果不统一,尤其是 “Remember Me” 这里:

iCloud-Beta-redesign

iOS 7 的解锁画面也丧失了功能性,属于为了设计而丧失设计本意的最佳例子。对比图中的两种,哪个更有直觉性?一目了然,这个视频也完全能说明问题。

ios_7_6_lock_screen

Steve Jobs 不在了,Scott Forstall 也离职了,Tim Cook 上任后更能听的进各种声音了,Jony Ive 现在统领软硬件设计的话语权,水果也不是那个曾经的水果了。作为一个从第一代iPhone开始用iPhone的,除了唏嘘下“当年iPhone发短信酷炫的界面你们都没见过”,也没啥可讲的。公司内的政治斗争多归于多产品的思考,Scott 不在了就要去 Scott 化。说什么“扁平化是行业趋势”的都是扯淡,趋势从来就是你自己看出来的。不如这样,再作果粉,这一次,作黑莓粉。自认为 BlackBerry OS 10 在设计上功力很大,既有现代简约的酷炫,也有老实的拟物设计,算是平衡的还不错。从设计的角度来讲,很类似于 iOS 6 作为 iOS 设计的顶峰的标准。

Skitch

Comments from Facebook

One thought on “iOS 7为了设计而设计的设计,以及如何作一个后果粉

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>