通过iphone壁纸谈【极简设计】误区
如果我问,为什么iphone1代的解锁画面是一只鱼,操作界面壁纸是黑色,不能更换。而到了iphone4和ipad2时代,为什么操作界面壁纸不仅可以自由更换,并且和解锁画面保持一致,都是水珠玻璃壁纸,甚至到了iphone4s和new
ipad时代仍在沿用。
我相信,绝大多数设计师还没有细细琢磨过这些问题。
大多数厂商在制造出没有功能缺陷,美学价值也过关的产品上都不会遇到太大困难,但到底是因为什么使得苹果这家公司在创造思维上与众不同?
现在几乎所有的设计都在标榜极简设计,明暗没了,渐变没了,高阶色也没了。那极简设计到底是好还是不好?
希望能带着这三个问题,结合之前分析假想模型得到的一些启示,细致讨论一下【极简设计】存在的误区。
首先,要回答文章一开始的问题,我们得先去了解两个方面的内容【箱庭理论】和【包豪斯设计】。
先说说【箱庭理论】。
这是任天堂宫本茂先生总结的一个游戏理论。理论产生的原因,是他当年在异乡留学,没有家人陪伴,再加上他内向不爱说话,非常孤单,于是他经常一个人在灯火阑珊的街道上漫步。当他望着万家灯火,看着一扇扇亮着灯的窗户时,他非常好奇,并且非常渴望知道,那些亮着灯的房间到底是什么样的,里面有什么样的人,他们在做什么样的事。
宫本茂先生后来做游戏的时候,回想这段往事,他得出一个非常重要的理论,并且这个理论,现在已经运用在几乎所有游戏领域。当然,用得最炉火纯青的例子就是宫本茂先生的神作《塞尔达传说》。
这个理论究竟是什么呢?
它的内容是这样的:当有一扇门或一个通道联结着两个世界,如果要满足玩家的好奇心,要给玩家带来新鲜感冲击力,那么这一扇门或这个通道所联结的两个世界一定是迥然不同的。
所以我们在玩《塞尔达》的时候,当我们穿越山洞,当我们跳入深潭,当我们打开一个机关或一扇门,要从一个世界进入另一个世界的时候,我们都会强烈的感受到大师精心安排的两个迥异世界的场景,得到前所未有的新鲜,刺激和满足。
这个体验,最有共鸣的,就是当你打开一个人尤其是你喜欢的人的日记本的时候。那种心情,既期待,又忐忑,又好奇。
接下来我们就谈一下【包豪斯设计】。
现代设计,其实都源于包豪斯设计。包豪斯设计的原则是:【简洁】,【实用】,【注入人类灵魂】。
【简洁】很好理解,就是没有视觉污染。
【实用】也很好理解,就是努力剔除不必要的元素,让事物呈现它们的本来面目。
简洁和实用有互相重叠的地方,而且与之相关的设计理论,信息量非常庞大,在之后会连同拉姆斯【优秀设计的十条准则】一起深入讨论。因为我们接下来主要谈到的,是跟【箱庭理论】有很密切关系的一条原则,就是【注入人类灵魂】。
【注入人类灵魂】非常重要,这也是导致现代风行的【极简主义】被误用被误读的根本原因。本来【注入人类灵魂】有两层含义,一层含义是【理性思考】,这是一种冷静的态度。另一层含义是【人性关怀】,这是一种温暖的态度。
接下来我们要介绍一座非常著名的包豪斯风格建筑:勒·柯布西耶的朗香教堂。以它为例来解释一下这条原则。
朗香教堂外部
柯布西耶对现代化工业设计非常着迷。他极力倡导建筑师应该从汽车,飞机,轮船摄取灵感。所以这座建筑也不例外。它既像一架准备展翅翱翔的飞行器,又像一艘即将驶向大海的航空母舰。
朗香教堂模型-飞行器造型角度(转自戆普的豆瓣相册)
朗香教堂效果图-飞行器造型角度(转自筑龙效果图)
朗香教堂外部-航空母舰造型角度
在结构上非常简洁严谨,大量运用立方体,圆柱体等基本形态。外观上使用大量白色,一定量焦土色(接近无彩色)这种没有视觉污染,但明暗体系又相互烘托的配色,使主体和辅助物既分明又有联系。这座建筑即便用到了弧度这种线条,这些弧度也是相互呼应的,可以仔细去看机翼的造型,它们并非是一种失调的弧度安排。
就这样,飞行器,航空母舰,教堂,绿地,蓝天,神灵这些元素,被艺术大师运用非常巧妙的手段揉合在了一起,浑然天成。
讲到飞行,船,神灵,朗香教堂非常能让我触动的一个联想就是下面这个:
朗香教堂内部效果图
朗香教堂内部
在朗香教堂内部,来自太阳的光芒被形状奇特,颜色迥异的窗户约束着,温和的穿透教堂。我们能感受到的竟然全都是神明的照耀。圣灵的气息均匀的充满了整个空间。如果你此刻能轻轻哼唱一下《天赐恩宠》,我相信,你的眼泪不一会儿就能在眼眶周围打转。不管你是不是基督徒,有没有宗教信仰,你都会被一种来自神或者什么的信息所触动。你会发现,冥冥之中,存在一股力量,让你得到一种好象你从来都没有在这个冷漠世界里获得的感受和滋味,好像你从来都没有被这样关心过体谅过照料过。这就是温暖的人性关怀。
外部是冷静的,思考的,理性的,而内部却是温暖的,宽容的,人性的。这就是朗香教堂。这才是真正意义上的包豪斯风格。
这也是我之前一定要花比较长的篇幅,枯燥的去描述【箱庭理论】的原因。
如果,外部是温暖的,宽容的,人性的。内部同样也是温暖的,宽容的,人性的。这样会不会给你带来如此强烈而震撼的冲击和体验呢?
我个人觉得,不能。
这也是我现在想说的,如果外部是冷静的,思考的,理性的。内部同样也是冷静的,思考的,理性的。它能不能带给你艺术般的感染力呢?
我个人觉得,还是不能。
硬件,它为什么叫硬件呢,因为它本身就是【冷思理】的,它首先是机器。
而软件呢,它为什么叫软件,因为它存在的意义就是【暖宽人】,它是灵魂,并且有感情。
现在,我们再来讨论iphone,再来讨论手机,我相信,很多朋友也能根据自己的见解去分析其中缘由了。
手机它首先是硬件,是机器,它的自然属性就是【冷思理】,如果我们把软件,软件的外观也设计成【冷思理】的,这就好比公交车上机器报站名,即使它使用再多的谦辞,让辞,恭辞,我们也不会被触动,为什么呢?因为它没有灵魂,它不是针对个人而发出的善意,它只是在重复一个没有思考的物理过程,它也不会对个人的个别行为做出回馈。你不给老弱病残孕让座,它也会对你说谢谢。它没有灵魂没有感情。
我们现在来讨论一下iphone1代的解锁画面和壁纸问题。首先我们看iphone1代:
iphone1代正面
苹果认为,iphone是一款跨时代的伟大产品。那么它一露面就必须要吸引全世界的眼球,话题,焦点,要给全世界翘首以盼的人们制造成一种极具震撼的冲击力,新鲜感。那么苹果就要想方设法去创造空间和空间转换的反差,跟观者的心理错位。
苹果在硬件的设计上一直都是迪特·拉姆斯忠实的信徒,是包豪斯风格忠实的信徒。iphone1代也被设计成冷静的,思考的,理性的。它简约,没有视觉污染,中庸。
我们可以看到,它没有任何取巧的手法,方方正正,规矩的直圆角。前面板只有一个键,除了标识键位置的圆角矩形外,没有任何文字,指向性符号,甚至连logo都没有。没有彩色,只有黑白灰。而且它使用了苹果在这个时期并不常用的黑色作为主导色。
我觉得,此时前面板使用黑色作为主导色,而非银色或者白色,其原因也是为了和屏幕统一,让机器能更进一步的实现简洁,冷静,克制。
我们参照朗香教堂的分析。
外部是极其克制的【冷思理】,要制造强烈反差,内部就应该是【暖宽人】的。当然,手机不是教堂,我们也不需要用它来聆听上帝的声音。
但手机屏幕被点亮的那一刻,苹果需要手机所展示的这个画面必须极具冲击力,紧紧抓住观者的心。手机是机器,那么手机里藏着的,等待被拉开帷幕的,最好是有灵魂有生命讯号的画面。
有灵魂,有生命讯号,那么它应该是什么呢?它又要如何去营造苹果所需要的那种冲击力呢?
我们都知道,在颜色里,什么配色最具有冲击力,是补色配色。那么补色配色中什么补色最具有冲击力呢?那当然是红绿补色。如果要能形成红绿补色,那这个画面的主体物应该是什么呢?如果要让红绿配色实现补色调和,并且又能跟黑色机身调和,那主体物所处的环境又是如何呢?其中有一个方案,就是你下面看到的这个画面:
两只橘红色的小丑鱼在深海绿色的水生植物里游曳,稍大的那只藏在植物里好像不经意的望见了你。
为了不让红色太过刺眼,配色品位被降低,这个红色就稍稍向黄色偏转,向黄色偏转还有一个好处,就是亮度会提高,这让红色在空间上被拉近。为了让这个红色表现力更强,植物绿色的纯度有所降低,明度偏暗,在空间上有被拉远的感觉。
而且要让向黄色偏转的红色在补色上实现完整,我们可以看到有几片叶的绿色部分也向蓝色作了偏转,而这种蓝,也细碎的散布在整个画面的叶脉部分。
红绿补色过于强烈,要进一步实现调和,就需要用黑白灰去平衡,同时也为了配合黑色机身,我们可以看到,画面的背景是纯黑的,而且,小丑鱼身上也有白色纹路。这些都对平衡红绿补色有非常重要的作用。
这样就形成了现在这种画面,小丑鱼似乎躲在植物后面,但在空间上,它们又被拉近。一个有纵深,有进退,和手机硬件迥异的彩色世界就这样呈现在人们的面前。
我不知道两只小丑鱼跟皮克斯《海底总动员》的nemo有没有关系,不过这真的很有趣。
其实,使用这条红色小丑鱼和深海植物的场景,是一种无可奈何的办法。
根据【箱庭理论】,我们假设,这里有两扇门,三个空间。
一扇门就是激活屏幕,另一扇门就是滑动解锁。
它们连接着三个空间,第一空间是手机硬件,第二空间是解锁界面,第三空间就是主界面。
如果你从第一空间打开第一扇门,进入第二空间,发现里面非常一般,你不但对第三空间丧失兴趣,甚至有点错愕,这玩意儿有什么了不起的。
如果你打开第一扇门,发现第二空间是非常精美,充满生机,冲击力极强的一个世界。那第三空间又该怎么安排呢?
现在棘手的问题就是,苹果最想让世界见识到的,其实是从第二空间进入第三空间的过程,以及第三空间到底是什么。
苹果处理这个问题的手法很极端,就是像下面这样:
iphone1代界面
一定要用黑色,这里其实没有任何选择。
为什么呢?
因为苹果想向世人展示,这是一款非常了不起的革命性的听你手指头话的又很酷的产品。
那苹果究竟想让世人看到什么?
就是这个滑动解锁到图标从外向内聚拢在主界面上听你差遣的过程。(滑动解锁,我后面会讲。)
苹果的图标,我之前也说过,非常精美,是像海姆静物般的作品,有细节,有高阶色,有渐变,有明暗。并且这些图标与图标之间在颜色上也是相互烘托相互呼应的。
但最重要的是它们竟然是通过从外向内聚拢这样一个精彩过渡来到你面前。非常酷,很难相信,这只是一部手机。当然,现在已经五花八门层出不穷了。但这在当时绝对是一个五星级的梦幻般操作。
就算直到今天,你仍然能在地铁上,公交车上,看见这样的画面:一个手持iphone的人,非常欠扁的激活解锁画面,移动滑锁,主界面弹出来,左划划,右划划,然后关闭屏幕。然后忽然想起来什么似的,又激活解锁画面,解锁,然后左划划,右划划,关屏。最令人讨厌的是,他好像准备把手机收起来了,但过了一会,他又重复前面的过程。非常欠扁。我相信很多人,都经历过这个过程。你不得不承认,人们对这个操作,爱极了。
但你把主界面试试换成你喜欢的任何画面,除了黑色之外,你找不到任何一种壁纸能把这一动画体验所能呈现出的冲击力震撼力提高到像黑色所能做到的那种极限。大家都可以尽管一试。
乔布斯当时也对这个操作爱极了。他爱极了的东西都会演示两遍。这个解锁过程,在2007年发布会的时候,就被他演示了两遍,而且第二次演示的时候,他嘴里还为界面的弹出动画发出【噗】的配音。得意极了。
这些就是【箱庭理论】和【包豪斯理论】解释解锁画面和主界面壁纸的全过程。
当然,红色小丑鱼有必要吗?其实不必要,但又无可奈何。那黑色壁纸有必要吗?其实也不必要,但也是无可奈何。这都是为了制造戏剧冲突而精心安排的手段。那后来为什么又能换了呢?我想最大的原因应该就是这个:
iphone4
不,是因为黑白款的存在。
大家可以试一下,把白色iphone,不论哪一款,或者白色touch,主界面设置成黑色。我想,世界上最崩溃的事情,也不过如此。
但为什么解锁界面和主界面从ios4开始都是这个水珠玻璃壁纸,而且到iphone4S和new ipad时代,壁纸也被沿用下来。(ipad1代除外,它只有一种颜色。)
现在解释这个应该很轻松了。
首先,我之前说过,红色小丑鱼其实不必要,因为这是当时要造势不得已而为之。
从2007年iphone1代到2010年iphone4代这段时间,iphone的很多梦幻般操作已经被用户们所熟知了,不需要耍小把戏,不需要造势,也不需要那么大的震撼力和冲击力,非要使用红绿补色不可的程度。
但要让一款壁纸同时适合黑白两款手机的解锁画面,选取黑和白的中间色-灰色作为主导色应该是比较好的一种选择。
苹果使用了水珠玻璃这样形式的壁纸。我们可以看到,这是一个有绿味儿的浅蓝拉向银灰的不完整渐变,然后依靠水珠这种形态去打破画面的平衡,同时也强化了iphone4主面板是玻璃材料的这种质感。
而且我们仔细再看一下解锁界面,就可以发现:标题栏,时间日期界面,解锁,没有使用任何彩色,只有黑白灰。标题栏和时间日期界面非常巧妙的把壁纸上部的浅蓝渐变遮挡住了,这样就实现了解锁界面是几乎纯净的黑白灰空间。
当你激活解锁画面,由第一空间进入第二空间,黑到灰和白到灰的画面,有一定的冲击力,但冲击力又不至于很强。并且能够很好的配合黑白款机器。
而滑动解锁之后,由第二空间进入第三空间,色彩纷呈,有活力又精美的图标由外而内滑入,就好象精心烹调的美食由服务生端到你面前恭请你享用一样。解锁画面和主界面壁纸一致,这样,就不会破坏解锁后的动画效果,空间也很自然很动感的从黑白灰世界进入彩色世界。
这就是水珠玻璃壁纸的优势和独到之处,既配合黑白两款机器,又能使两道门三个空间的冲击力得到平衡。不强势也不乏味。
可能还有朋友会问:黑白款手机为什么一定要用同款壁纸?
也可以不同,但宣传广告上,黑白两款手机的界面居然不同,这多少有点奇怪。
我相信很多朋友都会有这种体验,选了很多壁纸,但是一放进手机里试用,就会觉得奇怪无比,根本不是心中所想的样子。以后当你在选择或者制作壁纸的时候不妨也可以借鉴一下苹果的这些经验。
那水珠玻璃到底是不是最好的壁纸呢?当然不是。
但不得不承认,苹果真的花了非常多的功夫在每一个细节上。而且我之前所谈到的细节只不过是所有枯燥乏味的工作中最不起眼的一两个。在探索和钻研用户体验以及产品进化的过程中,苹果也没有任何前人可供他们借鉴跟分析。这就需要非凡的耐心和勇气,不放弃任何一个细节,包括那些永远都不会被人发现的细节。
其实互联网产品,最好的设计大概就是极简设计。因为人们使用它,只是想得到他们想要得到的东西,得到了就会闪人。如果高光,阴影,明暗,补色,高阶色一起上,那到底什么才是设计师想要呈现的主体呢?
互联网产品,因为不熟悉,所以不作讨论。我们这里主要想讨论的是如何打造一个艺术精品。
如果要打造一个艺术精品,那么戏剧冲突就是永远都无法避开的一个问题。绘画也好,建筑也好,音乐也好,文学也好,概莫能外。
作为一个想要打造艺术精品的设计师来说,最重要的,是清醒的知道自己想要什么。什么时候简,什么时候繁,简和繁的关系,简和繁需要造成程度为多少的冲击力,冲击力和冲击力之间是如何过渡的,而这些冲击力同用户的关系又是如何。
要成为伟大的设计师,就是要极端自律,恪守承诺,饱含热情。能够把水与火糅合在手掌之间,绽放光芒。
诚然,这也如同热心的朋友所说,在市面上都是不负责的设计的时候,突然出现一个返璞归真的设计,不能不说是感动人的。毕竟,这里面有设计师的理想和他所坚持的风格。而且,风格这种东西,本来就没有好与坏。你喜欢,那就喜欢,你不喜欢,也是会有人喜欢的。
如果有个艺术家,铁了心硬是要逆理论逆规律而长行,最后硬是闯出一个新的世界,行不行呢?其实这种事,也不是没有先例。这个人就是梵高。
他从系统学习绘画到到死亡,十年时间。 他牛的地方是什么呢?他牛的地方就是,在最后十年,他耗尽了全部时光,耗尽了所有体力,无比刻苦去钻研绘画,钻研如何把那些不能调和的纯色,补色,高阶色,变了形的线条,失去美的弧度,不符合自然规律的透视,紧紧的融合在一起,然后让它们一齐发出嘶吼,抗拒,挣扎的声音。
为什么梵高这样让后辈的画家们敬畏,可以这么说,梵高完全凭借一己之力,花了十年时间,就让已经停滞了百年的色彩绘画理论体系向前推进了一大步。这完全不亚于达芬奇在文艺复兴时期对明暗系统所做出的贡献。
《画家的卧室》
《有乌鸦的麦田》
【声明】非常荣幸能够使用到这些图片,这对本人表达对设计上的见解有极大帮助,万分感谢!但由于这些图片的使用涉及到侵权,所以图片版权所有者如需本人撤换图片,请来电来函。如需转载请注明作者以及文章出处 http://blog.sina.com.cn/iget1,来电来函请[email protected] & @黎少爷开会。万分感谢!