iOS7谕示的将来:大年夜去拟物化看将来科技产品设计


文/Howlin Yang

又是一篇iOS7 的骂文吗? 不是的。 赞赏文? 应当也不是。 在Even wu iOS 7的设计和David Chen「 扁平化是假议题 」两篇大年夜作之后,还敢写这类文┞仿真是找逝世。

本篇想商量的是,为什么iOS7会变成这个样子,Apple到底看到了什么样的Vision?
iOS7毕竟好不好用? 看看身边的同伙吧,平日是哀嚎的多:

「怎么这么丑啊!」 (视觉出包)

甚至是来自片子的暗示:



「妈啦!萤光色,我要瞎了!」(视觉出包)


更新iOS 7 有这么惨? 4 岁男孩痛哭流涕



如Tapity这个Blog写的:「大年夜家都可以說它很糟,但我決定先研究它兩週後再下定論」
Good!!,这心态我观赏。 于是我也催眠本身:「它没那么糟,它没那么糟,它没那么糟….」最后真的发明, iOS7 想描述的器械并不简单。 欲望不是我的幻觉,在此分享:

什么是扁平化? 是不是没有暗影? 没有框? 没有渐层? 没有材质? 就是扁平化?
如不雅是的话…
大师可就乐土了, Photoshop只要教两堂就可以毕业了。 (大年夜误)

编辑/Illusion@顶尖文案吸睛力

老板也乐翻了,因为PPT 也可以做出扁平化设计,人人都是设计师啊! (摊手)
为什么iOS7 要做这种愚蠢的设计? Apple 不可了吗?
我想,它是看到了更远的将来。
扁平化设计,指的不单视觉上,更是资讯架构上。 大年夜2010年Mobile First一书,一向强调的Content First到win8 UI Guideline中,进一步禁止了三层以上的树状选单及iOS Human Interface Guideline中,几回再三宣传的几个准则:

丨丨编按:有不少人对iOS7 的设计很不习惯,不过也应用这么久了吐槽归吐槽,但你知道苹不雅设计团队背后的┞锋正巧思吗? 本文作者Howlin Yang 带你大年夜他的不雅点看iOS7 设计在行动装配上的变革,以及思虑背后对将来科技产品的洞见。

1. Landing Page 不重要,要打开app 立时可以用,别废话,快上菜。 
As much as possible, avoid displaying a splash screen or other startup experience.
It’s best when users can begin using your app immediately.

Incorporate a brand’s assets in a refined, unobtrusive way.
People use your app to get things done or be entertained; they don’t
want to feel as if they’re being forced to watch an advertisement. For
the best user experience, you want to quietly remind users of the brand
identity through your choice of font, color, and imagery.

2.表格局,侧重材料类型的app,材料一层层drill down 下去,平日有spring board 的选单页。

这一切在都在告诉你,行动介面装配, For users, By users — Made for users, Refined by users.

你的公司不重要,应用者最大年夜。 你想做什么也不重要,重要的是应用者想做什么。

万几回再三碰着这种需求,设计师真的要哭了,转成扁平化的过程会相当艰苦。 不再有暗影、不再有渐层,内容和按钮混在一路… 要知道,表示技法都是设计师的兵器呀,我们好像被剥得精光,被丢到笼子里徒手博兽。 为什么会如许子?

因为设计不再只是视觉问题,扁平化设计和资讯架构紧紧绑紧,要简单,明快,直觉,打开就可以用,比以前更强调Right Here, Right Now。

iOS7假定应用者都是明白的目标导向,对affordance依附降低,甚至, 弗成以有affordance。


什么是affordance? 有些中文翻作承载性,我爱好的翻译是「可预示性」,表示一个好的介面,必须要供给足够的线索,让人一眼就能看出它是怎么操作的。 例如设计按钮时,会把它画成是渐层的,暗示它是一个崛起的立体物,按下去之后,渐层会高低反转,表示已经被按下去了。


又例如,卷轴上的拖沓条,中心平日会有三条杠的崛起,代表是可以拖沓的,这也是拟物设计,用真实世界的经验,推知该介面要如何操作。 affordance 贯穿连接了拟物设计、图形介面、以及Don’t Let Me Think 等的设计准则。

2. 贵宝号是啥,Brand Name 为何,公经理念、老板妄图… 阿撒不鲁的都不重要,重点是应用者。 行销手段,应当低调的,悄悄的、置人道的、暗示的。 只有贵族懂得低调豪华,暴发户却会唯恐人不知。

行动介面的设计体验有三种:

「这根本是Android 啦」(品牌辨识度混淆)

1.沉浸式,如游戏,进入另一个世界,这个app 与体系是隔离的,有本身的设计准则。
3.拟物,用真什物件暗示该按钮的功能,如:齿轮代表设定、垃圾桶代表删除等等。


iOS7 改变了后两者,把拟物减弱,简化成线条状,仅供给你起码的线索,侧重在内容表示,视觉上干扰的器械全没了,也可以说介面变得毫无个性。

这代表Apple 谕示的应用情境将会是:


是的,在穿戴式情境下,Flat Design 不是选项,而是独一办法!
拟物设计反而造成困扰。 除了穿戴式装配呢?

这支老影片暗示了Flat Design 与透明萤幕将改变世界:


新海诚为野村不动产设计的动画,琅绫擎有很多flat design 的介面风格,如04’33″ :



很遥远的将来吗? 不,友达已经做到了,跟进者还有LG 和Samsung,透明萤幕结合实体的┞饭示柜已经上市了。 包含我也规画过的┞封一类专案:

为什么? 这在人机互动上并不科学啊!

iphone6的概念机,请留意到,Apple试着拿掉落边框,事实上,它们想打造的是一块可透明也可不通明的「神奇玻璃」:

以上,为什么iOS7 要做出这么大年夜的改变,应当不是老贾逝世了所以内斗,据说iOS7 的设计偏向也是他拍板的,更不是Jonathan Ive 吞了LSD (大年夜笑)…


而是Apple看到了将来–「人们会活在资讯的大水里,资讯,存在各个处所、随时随地,虚拟与真实结合,以无接轨的方法和人互动」

A: 弥补affordance 的不足,没有材质暗影,却更强调用过场动画带出资讯

他非得如许做,只怕,还晚了Android一步呢。 

是以,这些困扰我良久的问题(一堆同伙常问呀问的),都有合理的解答了。

Q:为什么iOS7不建议多层次的资讯架构,却在介面上保存了独裁layer的概念?

Q:为什么iOS 7是白色召集 毛玻璃效不雅?
A 它在模仿透明萤幕效不雅(尽管有时刻很糟糕…)棘手机不再是手机,而是一个透明介面,经由过程这个介面,在真实场景中获得更多资讯。


「按钮和内容全混在一路了!」(易用性不佳)

Q: 为什么色彩那么竽暌供光,我要瞎了!


A:
如不雅不消这色彩,根本看不见,请想想飞翔员用的昂首显示仪(HUD),厂商正千方百计要把它应用在车子上,笔者在规画时也曾碰过透明萤幕的限制:像是最深
黑色只能到alpha 50%,如不雅用中明度、低饱和色彩,很轻易和背景混在一路,必定得用高超度、高彩度的设计。

Q: 字体太细了,我看不见!

尽管iOS7 没有明讲,但经由过程介面改革,告诉你就长短得这么做弗成,扁平设计(flat design) 不合适复杂、多层次的介面。 我们先回到2009 年,当iPhone 上市时,常看到老板拿着网页,就想把内容都塞到app 里,那时刻设计师还勉强能处理,顶多就是导览蠢一点,色彩多一点,暗影多几层,icon 都拟物设计,倒也混以前了。

Q: iOS7 我就是不爱好…
A: 挂在透明萤幕上,字体太粗,会档注目线…. 请回想公车玻璃上的电脑割字,多半是粗体字,是否档住了乘客的视野? 是否末路人? 告白是为了由外能清跋扈看到,如不雅由内往外看呢?

同为扁平设计,Android Market 就比他强:



A: 但你照样会买iPhone 呀,也许iOS 7 不合适如今的硬体,但Apple 须要做实验…. 就算他把应用者当小白老鼠,你也无法抗拒呀。 Apple 今朝只在行动装配上测验测验扁平设计,我不认为它会扩大到Mac 体系,因为没须要。 但它有须要将各类行动装配的介面体验一致化,扁平化就是最大年夜公约数。

iOS7 做对了吗?

偏向对了,和工作做对了,是两回事。 今朝来看,Apple 很多处所还没做好,来自应用者的回馈是最准的。 Flat design 并不合适设计多层次的介面,万几回再三加上淡色配色,结不雅会更糟,如iOS7 的app store,把色彩玩逝世了。 像是一堆糖不雅纸混在一路,无外框设计,无法有效归类资讯,白色也压不住各产品,形成零碎的视觉。 icon 圆角与圆角之间的空间更形难堪。

iOS7 用了各类新设计,却造成一场灾害,酸平易近骂声一片,但我是设计师,尽管不爱好,在地上痛哭+ 咒骂+ 打滚完之后,爬起来除了要接收,还灯揭捉习如何应用iOS7的设计说话。

Flat Design means more than you think.

同为白底设计,Acer 也优良得多,就算把暗影渐层等拿掉落也是的:

 Transparent Cell Phone Concept,可看到,材质衬着、暗影表示等,在透明材质上效不雅不好,也没有意义:


iOS7
设计是概绫屈的,却也是有马脚的,倒欲望很多把iOS UI kit 奉为圭臬的设计师,其实毙那么重要,Apple
也会犯错,行动装配扁平化是个全新挑衅,还没成熟,任何人都来得及作定义,dribble 上还有很多redesign 的好作品,只要看见Apple
的看见,懂得其心中的「大年夜苹不雅」,即可随心所欲,也不逾矩了,甚至能做出比它优良的介面呢。

via:posdon


发表回复