以用户为中心的设计 |
这是UCDChina提前预览网页留下的存档，不包括作者可能更新过的内容。 推荐您进入文章源地址阅读和发布评论：http://blog.sina.com.cn/s......01016yez.html |
||
|
如果我问，为什么iphone1代的解锁画面是一只鱼，操作界面壁纸是黑色，不能更换。而到了iphone4和ipad2时代，为什么操作界面壁纸不仅可以自由更换，并且和解锁画面保持一致，都是水珠玻璃壁纸，甚至到了iphone4s和new
ipad时代仍在沿用。  朗香教堂外部 这座教堂诞生于第二次世界大战之后，柯布西耶的设计思路，是希望把它建造成为一座【视觉领域的听觉机器】：教堂，是教众和上帝实现沟通的一个场所。而场所，又是人实现各种活动的一部机器。教众在这里向上帝祷告，而上帝又在这里给予教众启示。
柯布西耶对现代化工业设计非常着迷。他极力倡导建筑师应该从汽车，飞机，轮船摄取灵感。所以这座建筑也不例外。它既像一架准备展翅翱翔的飞行器，又像一艘即将驶向大海的航空母舰。  朗香教堂模型-飞行器造型角度（转自戆普的豆瓣相册）  朗香教堂效果图-飞行器造型角度（转自筑龙效果图）  朗香教堂外部-航空母舰造型角度 我们知道，飞行，船这些意象都跟上帝，神灵和天堂的传说有着密不可分的关系。柯布西耶使用了非常奔放的，高度抽象化之后的线条，配合结构，外观，材料，非常严谨的去描述心里【它应该是一部与上帝实现沟通的听觉机器】这一概念。
在结构上非常简洁严谨，大量运用立方体，圆柱体等基本形态。外观上使用大量白色，一定量焦土色（接近无彩色）这种没有视觉污染，但明暗体系又相互烘托的配色，使主体和辅助物既分明又有联系。这座建筑即便用到了弧度这种线条，这些弧度也是相互呼应的，可以仔细去看机翼的造型，它们并非是一种失调的弧度安排。 就这样，飞行器，航空母舰，教堂，绿地，蓝天，神灵这些元素，被艺术大师运用非常巧妙的手段揉合在了一起，浑然天成。 讲到飞行，船，神灵，朗香教堂非常能让我触动的一个联想就是下面这个：  萨莫色雷斯的胜利女神（卢浮宫入口处雕塑）  萨莫色雷斯的胜利女神 侧面  萨莫色雷斯的胜利女神 船造型 昂扬的胜利女神，奋力张开翅膀，站在乘风破浪胜利凯旋的船上，被安放在卢浮宫入口处的台阶，向全世界的人们昭示着：奋进，勇敢，自由。
我不知道朗香教堂的灵感来源跟这个胜利女神到底有没有关系。其实有没有关系，这并不重要。重要的是，当你希望去创造伟大的东西时，你的心意和某些你并不知道的启示是会相通的。 朗香教堂的外部，无论是那些干净简洁的线条也好，还是那些深度抽象的形状也好，或者是从现代化工业设计中提粹的灵感也好，都非常富有冷静的理性思考。不夸张，不炫耀，简约美。 那么朗香教堂的内部呢？  朗香教堂内部效果图  朗香教堂内部
 iphone1代正面 我们根据前面提过的【箱庭理论】和包豪斯的【注入人类灵魂】来思考这些问题。
苹果认为，iphone是一款跨时代的伟大产品。那么它一露面就必须要吸引全世界的眼球，话题，焦点，要给全世界翘首以盼的人们制造成一种极具震撼的冲击力，新鲜感。那么苹果就要想方设法去创造空间和空间转换的反差，跟观者的心理错位。 苹果在硬件的设计上一直都是迪特·拉姆斯忠实的信徒，是包豪斯风格忠实的信徒。iphone1代也被设计成冷静的，思考的，理性的。它简约，没有视觉污染，中庸。 我们可以看到，它没有任何取巧的手法，方方正正，规矩的直圆角。前面板只有一个键，除了标识键位置的圆角矩形外，没有任何文字，指向性符号，甚至连logo都没有。没有彩色，只有黑白灰。而且它使用了苹果在这个时期并不常用的黑色作为主导色。 我觉得，此时前面板使用黑色作为主导色，而非银色或者白色，其原因也是为了和屏幕统一，让机器能更进一步的实现简洁，冷静，克制。 我们参照朗香教堂的分析。 外部是极其克制的【冷思理】，要制造强烈反差，内部就应该是【暖宽人】的。当然，手机不是教堂，我们也不需要用它来聆听上帝的声音。 但手机屏幕被点亮的那一刻，苹果需要手机所展示的这个画面必须极具冲击力，紧紧抓住观者的心。手机是机器，那么手机里藏着的，等待被拉开帷幕的，最好是有灵魂有生命讯号的画面。 有灵魂，有生命讯号，那么它应该是什么呢？它又要如何去营造苹果所需要的那种冲击力呢？ 我们都知道，在颜色里，什么配色最具有冲击力，是补色配色。那么补色配色中什么补色最具有冲击力呢？那当然是红绿补色。如果要能形成红绿补色，那这个画面的主体物应该是什么呢？如果要让红绿配色实现补色调和，并且又能跟黑色机身调和，那主体物所处的环境又是如何呢？其中有一个方案，就是你下面看到的这个画面：  iphone1代解锁画面 为了不让红色太过刺眼，配色品位被降低，这个红色就稍稍向黄色偏转，向黄色偏转还有一个好处，就是亮度会提高，这让红色在空间上被拉近。为了让这个红色表现力更强，植物绿色的纯度有所降低，明度偏暗，在空间上有被拉远的感觉。 而且要让向黄色偏转的红色在补色上实现完整，我们可以看到有几片叶的绿色部分也向蓝色作了偏转，而这种蓝，也细碎的散布在整个画面的叶脉部分。 红绿补色过于强烈，要进一步实现调和，就需要用黑白灰去平衡，同时也为了配合黑色机身，我们可以看到，画面的背景是纯黑的，而且，小丑鱼身上也有白色纹路。这些都对平衡红绿补色有非常重要的作用。 这样就形成了现在这种画面，小丑鱼似乎躲在植物后面，但在空间上，它们又被拉近。一个有纵深，有进退，和手机硬件迥异的彩色世界就这样呈现在人们的面前。 我不知道两只小丑鱼跟皮克斯《海底总动员》的nemo有没有关系，不过这真的很有趣。  其实，使用这条红色小丑鱼和深海植物的场景，是一种无可奈何的办法。 根据【箱庭理论】，我们假设，这里有两扇门，三个空间。 一扇门就是激活屏幕，另一扇门就是滑动解锁。 它们连接着三个空间，第一空间是手机硬件，第二空间是解锁界面，第三空间就是主界面。 如果你从第一空间打开第一扇门，进入第二空间，发现里面非常一般，你不但对第三空间丧失兴趣，甚至有点错愕，这玩意儿有什么了不起的。 如果你打开第一扇门，发现第二空间是非常精美，充满生机，冲击力极强的一个世界。那第三空间又该怎么安排呢？ 现在棘手的问题就是，苹果最想让世界见识到的，其实是从第二空间进入第三空间的过程，以及第三空间到底是什么。 苹果处理这个问题的手法很极端，就是像下面这样：  iphone1代界面 就是直接取消壁纸，让它和机身交融在一起。可能有朋友要问，那个地球的壁纸不是很好吗？放在这里多好，放别的也行啊。干嘛非要一定用黑色？
一定要用黑色，这里其实没有任何选择。 为什么呢？ 因为苹果想向世人展示，这是一款非常了不起的革命性的听你手指头话的又很酷的产品。 那苹果究竟想让世人看到什么？ 就是这个滑动解锁到图标从外向内聚拢在主界面上听你差遣的过程。（滑动解锁，我后面会讲。） 苹果的图标，我之前也说过，非常精美，是像海姆静物般的作品，有细节，有高阶色，有渐变，有明暗。并且这些图标与图标之间在颜色上也是相互烘托相互呼应的。 但最重要的是它们竟然是通过从外向内聚拢这样一个精彩过渡来到你面前。非常酷，很难相信，这只是一部手机。当然，现在已经五花八门层出不穷了。但这在当时绝对是一个五星级的梦幻般操作。 就算直到今天，你仍然能在地铁上，公交车上，看见这样的画面：一个手持iphone的人，非常欠扁的激活解锁画面，移动滑锁，主界面弹出来，左划划，右划划，然后关闭屏幕。然后忽然想起来什么似的，又激活解锁画面，解锁，然后左划划，右划划，关屏。最令人讨厌的是，他好像准备把手机收起来了，但过了一会，他又重复前面的过程。非常欠扁。我相信很多人，都经历过这个过程。你不得不承认，人们对这个操作，爱极了。 但你把主界面试试换成你喜欢的任何画面，除了黑色之外，你找不到任何一种壁纸能把这一动画体验所能呈现出的冲击力震撼力提高到像黑色所能做到的那种极限。大家都可以尽管一试。 乔布斯当时也对这个操作爱极了。他爱极了的东西都会演示两遍。这个解锁过程，在2007年发布会的时候，就被他演示了两遍，而且第二次演示的时候，他嘴里还为界面的弹出动画发出【噗】的配音。得意极了。 这些就是【箱庭理论】和【包豪斯理论】解释解锁画面和主界面壁纸的全过程。 当然，红色小丑鱼有必要吗？其实不必要，但又无可奈何。那黑色壁纸有必要吗？其实也不必要，但也是无可奈何。这都是为了制造戏剧冲突而精心安排的手段。那后来为什么又能换了呢？我想最大的原因应该就是这个：  iphone4 是因为iphone4吗？
不，是因为黑白款的存在。 大家可以试一下，把白色iphone，不论哪一款，或者白色touch，主界面设置成黑色。我想，世界上最崩溃的事情，也不过如此。 但为什么解锁界面和主界面从ios4开始都是这个水珠玻璃壁纸，而且到iphone4S和new ipad时代，壁纸也被沿用下来。（ipad1代除外，它只有一种颜色。） 现在解释这个应该很轻松了。 首先，我之前说过，红色小丑鱼其实不必要，因为这是当时要造势不得已而为之。 从2007年iphone1代到2010年iphone4代这段时间，iphone的很多梦幻般操作已经被用户们所熟知了，不需要耍小把戏，不需要造势，也不需要那么大的震撼力和冲击力，非要使用红绿补色不可的程度。 但要让一款壁纸同时适合黑白两款手机的解锁画面，选取黑和白的中间色-灰色作为主导色应该是比较好的一种选择。 苹果使用了水珠玻璃这样形式的壁纸。我们可以看到，这是一个有绿味儿的浅蓝拉向银灰的不完整渐变，然后依靠水珠这种形态去打破画面的平衡，同时也强化了iphone4主面板是玻璃材料的这种质感。 而且我们仔细再看一下解锁界面，就可以发现：标题栏，时间日期界面，解锁，没有使用任何彩色，只有黑白灰。标题栏和时间日期界面非常巧妙的把壁纸上部的浅蓝渐变遮挡住了，这样就实现了解锁界面是几乎纯净的黑白灰空间。 当你激活解锁画面，由第一空间进入第二空间，黑到灰和白到灰的画面，有一定的冲击力，但冲击力又不至于很强。并且能够很好的配合黑白款机器。 而滑动解锁之后，由第二空间进入第三空间，色彩纷呈，有活力又精美的图标由外而内滑入，就好象精心烹调的美食由服务生端到你面前恭请你享用一样。解锁画面和主界面壁纸一致，这样，就不会破坏解锁后的动画效果，空间也很自然很动感的从黑白灰世界进入彩色世界。 这就是水珠玻璃壁纸的优势和独到之处，既配合黑白两款机器，又能使两道门三个空间的冲击力得到平衡。不强势也不乏味。 可能还有朋友会问：黑白款手机为什么一定要用同款壁纸？ 也可以不同，但宣传广告上，黑白两款手机的界面居然不同，这多少有点奇怪。 我相信很多朋友都会有这种体验，选了很多壁纸，但是一放进手机里试用，就会觉得奇怪无比，根本不是心中所想的样子。以后当你在选择或者制作壁纸的时候不妨也可以借鉴一下苹果的这些经验。 那水珠玻璃到底是不是最好的壁纸呢？当然不是。 但不得不承认，苹果真的花了非常多的功夫在每一个细节上。而且我之前所谈到的细节只不过是所有枯燥乏味的工作中最不起眼的一两个。在探索和钻研用户体验以及产品进化的过程中，苹果也没有任何前人可供他们借鉴跟分析。这就需要非凡的耐心和勇气，不放弃任何一个细节，包括那些永远都不会被人发现的细节。 其实互联网产品，最好的设计大概就是极简设计。因为人们使用它，只是想得到他们想要得到的东西，得到了就会闪人。如果高光，阴影，明暗，补色，高阶色一起上，那到底什么才是设计师想要呈现的主体呢？ 互联网产品，因为不熟悉，所以不作讨论。我们这里主要想讨论的是如何打造一个艺术精品。 如果要打造一个艺术精品，那么戏剧冲突就是永远都无法避开的一个问题。绘画也好，建筑也好，音乐也好，文学也好，概莫能外。 作为一个想要打造艺术精品的设计师来说，最重要的，是清醒的知道自己想要什么。什么时候简，什么时候繁，简和繁的关系，简和繁需要造成程度为多少的冲击力，冲击力和冲击力之间是如何过渡的，而这些冲击力同用户的关系又是如何。 要成为伟大的设计师，就是要极端自律，恪守承诺，饱含热情。能够把水与火糅合在手掌之间，绽放光芒。 诚然，这也如同热心的朋友所说，在市面上都是不负责的设计的时候，突然出现一个返璞归真的设计，不能不说是感动人的。毕竟，这里面有设计师的理想和他所坚持的风格。而且，风格这种东西，本来就没有好与坏。你喜欢，那就喜欢，你不喜欢，也是会有人喜欢的。 如果有个艺术家，铁了心硬是要逆理论逆规律而长行，最后硬是闯出一个新的世界，行不行呢？其实这种事，也不是没有先例。这个人就是梵高。 他从系统学习绘画到到死亡，十年时间。 他牛的地方是什么呢？他牛的地方就是，在最后十年，他耗尽了全部时光，耗尽了所有体力，无比刻苦去钻研绘画，钻研如何把那些不能调和的纯色，补色，高阶色，变了形的线条，失去美的弧度，不符合自然规律的透视，紧紧的融合在一起，然后让它们一齐发出嘶吼，抗拒，挣扎的声音。 为什么梵高这样让后辈的画家们敬畏，可以这么说，梵高完全凭借一己之力，花了十年时间，就让已经停滞了百年的色彩绘画理论体系向前推进了一大步。这完全不亚于达芬奇在文艺复兴时期对明暗系统所做出的贡献。   《有乌鸦的麦田》 肮脏的乌鸦越过金色的麦地，没有理睬通向光明的大道，最后和远方孤独的黑暗融化在一起。
丑陋的躯壳，高贵的理想，不为世人所理解的近乎绝望的孤独，这就是伟大的梵高一生的写照。几乎所有自命不凡的艺术家的精神偶像，梵高列席首位。 《有乌鸦的麦田》是他精神崩溃最后阶段的画作，同月27号梵高举枪自杀，没能马上咽气，躺在家中两天后死亡。这幅画可以说是梵高已经准备好要离开世间的遗书。 请再次用你的心去注视这个伟大的名字：文森特·威廉·梵高。37岁。  文森特·威廉·梵高 （第二部分-1完） 【声明】非常荣幸能够使用到这些图片，这对本人表达对设计上的见解有极大帮助，万分感谢！但由于这些图片的使用涉及到侵权，所以图片版权所有者如需本人撤换图片，请来电来函。如需转载请注明作者以及文章出处 http://blog.sina.com.cn/iget1，来电来函请kansauo@gmail.com & @黎少爷开会。万分感谢！ |
