劉思博
西諺說“經(jīng)得起多少詆毀,就擔(dān)得起多少贊美”。無論是蘋果的WWDC還是除夕的春晚,雖然它們毀譽(yù)參半,但都無可取代。
蘋果面前的“鮮花”與“炮彈”
當(dāng)你通宵熬夜守在電腦旁等待著本屆的WWDC時(shí),可曾想到這個(gè)遠(yuǎn)在大洋彼岸舉辦的有著15個(gè)小時(shí)時(shí)差的蘋果開發(fā)者Party竟與中國的春晚有諸多暗合:一年一度的舉辦周期、不遺余力地宣稱造勢(shì)、外界的猜測(cè)質(zhì)疑、內(nèi)部的緘口保密,以及觀看前的興奮激動(dòng)、觀看時(shí)的投入專注和看后的褒貶不一……
“鮮花”&“炮彈”
如同一千個(gè)讀者心中有一千零一個(gè)哈利波特,對(duì)今年WWDC的評(píng)價(jià)同樣是眾說紛紜。盡管我們學(xué)習(xí)過要一分為二地看問題,但一分為二的只會(huì)是堅(jiān)持己見的觀點(diǎn)大軍。于是乎,一邊是“鮮花”鋪地,另一邊則“炮彈”漫天。
在進(jìn)行完“我們多么好,他們多么菜”的新聞聯(lián)播式介紹后,OS X Mavericks終于和我們見面了:除了增加了Finder Tabs 、Tags 以及 Multiple display 功能外,Safari和iCloud Keychain的更新也方便了用戶的操作,而整合了iCloud 的 iWork 更是讓用戶可以跨平臺(tái)、基于云的操作,難怪會(huì)有媒體稱贊OS X“足以讓微軟顫抖”。軟件有更新,硬件也不能落下。有超強(qiáng)的電池續(xù)航能力、超快的圖形處理速度的Macbook Air,加之對(duì)Mac Pro“再也無法創(chuàng)新”的重新設(shè)計(jì),都讓我們眼前一亮。
或許這個(gè)時(shí)候就已經(jīng)有人要開炮了:系統(tǒng)的小修小補(bǔ),硬件的疊加升級(jí),經(jīng)典的Mac Pro更是做成了大號(hào)可樂罐!蘋果的創(chuàng)新精神哪里去了?除了簡(jiǎn)單的加減法之外還會(huì)不會(huì)其他的運(yùn)算?這點(diǎn)擦槍走火還算不了什么,真正的戰(zhàn)爭(zhēng)發(fā)生在iOS 7上。
“鮮花派”除了對(duì)iOS 7的顛覆性扁平化設(shè)計(jì)舉雙手贊同,對(duì)“小清新”糖果色配色方案“示愛”外,還列舉出諸如控制中心、多任務(wù)運(yùn)行、游戲中心、天氣、日歷、信息、拍照、Safari、Siri、應(yīng)用升級(jí)、iTunes Radio等功能的創(chuàng)新或更新對(duì)用戶來說是多么的便利和必要。知名獨(dú)立科技博客Daring Fireball的創(chuàng)始人約翰·格魯伯(John Gruber)在Twitter上如此寫道:“如果你不覺得iOS 7美麗,我都不知道應(yīng)該對(duì)你說什么好。”而“炮彈派”顯然對(duì)iOS 7集中了全部的火力。先不說低能幼稚的色彩搭配、雜亂不一的圖標(biāo)和令人眩暈的毛玻璃效果,對(duì)Windows Phone、Android和各種應(yīng)用的大雜燴式抄襲就不得不讓人吐槽:什么“全新的體驗(yàn)”,分明是“二手的重溫”!難怪同為科技博客The Verge的記者約書亞·托普斯基(Joshua Topolsky)會(huì)感到迷糊。而對(duì)扁平化的追逐,更是蘋果對(duì)主流審美的屈服,對(duì)一種自身設(shè)計(jì)風(fēng)格的否定和倒退。
無論你喜歡與否,這次的WWDC就像喬納森所說的:這是一次新的開始。至于未來的它會(huì)引領(lǐng)新的潮流還是會(huì)被歷史的灰塵覆蓋,就交給時(shí)間去回答吧。
前進(jìn)&后退
自從2011年8月24日庫克正式從喬布斯手中接過蘋果的帥印,眾多的事實(shí)——2013年第二財(cái)季利潤(rùn)增長(zhǎng)出現(xiàn)近十年內(nèi)的首次下滑,股票市值在半年多的時(shí)間里蒸發(fā)了近3000億美元,蘋果地圖的失敗,iOS被Android的趕超,三星的逆襲——告訴我們,上任600多天的他交了一份并不合格的作業(yè)。庫克在人們或希望或失望的目光中,帶領(lǐng)蘋果步入了中年危機(jī)。在屬于庫克的2012年中,蘋果發(fā)布了iPhone 5、The New iPad、iPad4、iPad Mini、iOS 6、OS X Mountain Lion等一系列產(chǎn)品,而剛剛過去的WWDC則讓我們看到了OS X Mavericks、Mac Pro和iOS 7,但庫克的種種努力不僅沒有完成對(duì)自我的救贖,反而陷入到喬布斯的陰影和光環(huán)下。在外界看來,庫克領(lǐng)導(dǎo)下的蘋果推出的新品似乎都未超出人們的預(yù)期,僅僅是將最新的技術(shù)、設(shè)計(jì)按順序添加到新產(chǎn)品中,強(qiáng)化原有產(chǎn)品的特點(diǎn),而并非對(duì)產(chǎn)品進(jìn)行革命性的創(chuàng)新。而在所有人心里,創(chuàng)新才是蘋果卓爾不群、引領(lǐng)潮流的不二法寶。
人人皆談創(chuàng)新,但創(chuàng)新又談何容易。站在喬布斯肩上的庫克,再想往上邁哪怕一小步,都格外艱難。耗時(shí)三年、花費(fèi)重金打造的蘋果地圖原本寄托著庫克和蘋果的希望,卻因其顯示信息粗略、定位不準(zhǔn)而不得不向用戶低頭致歉。一場(chǎng)漂亮的翻身仗變成了一個(gè)打向自己的耳光。
難道蘋果就此原地踏步、一蹶不振,甚至要淹沒在人們的詬病和抱怨中了嗎?
當(dāng)然不是。雖然創(chuàng)新乏力,但不得不承認(rèn)蘋果的每一次小修小補(bǔ)都是為了讓產(chǎn)品更加趨于完美:縮小iPad的尺寸,為了便于持握、攜帶;對(duì)iMac的改進(jìn)使之更適用于商用機(jī)市場(chǎng);而iPod touch的更新?lián)Q代,則彌補(bǔ)了蘋果在細(xì)分市場(chǎng)的空白,也讓消費(fèi)者有了更大的選擇余地;而即將推出的iPad Mini 2、iPhone 5S,甚至是還僅存于理念的iTV、iWatch都給人們以無限的想象空間。
在市場(chǎng)的表現(xiàn)上,2012年對(duì)于蘋果絕對(duì)是豐收年:營(yíng)業(yè)收入增長(zhǎng)45%,達(dá)到1565億美元;凈利潤(rùn)417.3億美元,同比增長(zhǎng)61%;iPad銷量增長(zhǎng)80%,iPhone也增長(zhǎng)了80%;當(dāng)年9月份發(fā)布的iPhone 5成為第四季的銷量冠軍……
面對(duì)“下臺(tái)傳聞”的庫克則顯得從容自信,他曾在喬布斯追悼會(huì)上說:“不要問我將會(huì)做什么,做對(duì)的事就夠了?!被蛟S庫克沒有喬布斯天才般的創(chuàng)造力,但他顯然在努力地以自己的方式領(lǐng)導(dǎo)著蘋果的前行。盡管遲緩無比,但他的精神卻值得每個(gè)人為之鼓掌。
變&不變
三十三年前的紐約城一個(gè)冬夜,一個(gè)叫馬克·查普曼(Mark Chapman)的男人用零點(diǎn)三八英寸口徑的左輪手槍向約翰·列儂(John Lennon)連開五槍,之后坐在列儂旁邊看著《麥田里的守望者》靜等警察的到來。據(jù)說當(dāng)警察帶走他時(shí),他對(duì)著倒在血泊中的列儂說:“你變了?!?/p>
雖然我們已經(jīng)無從考察查普曼是否真的說過這樣的話,但卻可以肯定,“你變了”這樣句含義模糊的話反而適用于今天的蘋果?!皬囊I(lǐng)潮流變成了隨潑逐流,在沒有了喬布斯的時(shí)代,蘋果所做的一切都顯得那么毫無生趣,死氣沉沉,再也無法帶給人以驚喜和震撼,再也無法“Make different”。沒有喬布斯的蘋果徒有軀殼,已然成為行尸走肉。蘋果,你變了。”這是一位果粉的內(nèi)心獨(dú)白,卻說出了許多果粉的心聲。不可否認(rèn),后喬布斯時(shí)代的蘋果儼然是一個(gè)“問題專業(yè)戶”,全無當(dāng)年的“高大全”。但是沒有什么船能夠永不沉沒,也沒有什么能夠長(zhǎng)立于神壇,哪怕是“喬幫主”在世?;蛟S我們一直以朝圣般的心態(tài)對(duì)待蘋果,卻忘了蘋果也僅僅是一家公司。
回顧蘋果的歷史,就如同觀看一場(chǎng)跌宕起伏的電影。從開始在車庫里為電腦裝配零件到創(chuàng)造出Apple I,從喬布斯的黯然離開到后來的強(qiáng)勢(shì)回歸,終于創(chuàng)造出屬于蘋果的神話。期間有過輝煌,但也不乏低谷,有過驚世駭人之作,也有過敗筆。蘋果只是一家公司,而喬布斯也不是神。
我們不應(yīng)該苛求每年的WWDC都會(huì)帶來“改變世界”的產(chǎn)品。當(dāng)今天的蘋果努力甩掉了喬布斯的影子,以更友好、更開放的姿態(tài)面對(duì)消費(fèi)者時(shí),我們是否會(huì)發(fā)現(xiàn),與其說是蘋果變了,倒不如說是我們未曾改變。WWDC猶如春晚,不管你愛它恨它,你都會(huì)看它,然后變成一個(gè)戒不掉的癮,變成我們生活中一個(gè)不可或缺的節(jié)日。行文至此,我們只愿滿懷理想,將希望交給未來——WWDC,明年見。
“扁平化”設(shè)計(jì): iOS的華麗轉(zhuǎn)身?
或許你還不曾注意到,我們手中的iPhone已經(jīng)6歲了。從起初對(duì)手機(jī)的重新定義,到現(xiàn)在的持續(xù)盤踞暢銷機(jī)榜首,iPhone在帶給這個(gè)這個(gè)世界改變的同時(shí),自身也在不斷完善和提高。但面對(duì)越來越挑剔的用戶需求,如何保持產(chǎn)品的獨(dú)特性并且引領(lǐng)行業(yè)的發(fā)展,成為了蘋果人不得不解決的問題。在三強(qiáng)爭(zhēng)霸的手機(jī)系統(tǒng)時(shí)代,面對(duì)Android的反超與Windows Phone的追趕,iOS系統(tǒng)的革新已經(jīng)是勢(shì)在必行。
在6月10日召開的WWDC 2013大會(huì)上,蘋果推出地iOS 7更是以顛覆性的扁平化設(shè)計(jì)讓所有人眼前一亮。我們不禁會(huì)問:什么是扁平化?它與蘋果之前推崇的擬物化又有什么區(qū)別?扁平化是否會(huì)成為未來的主流設(shè)計(jì)?
“扁平化”是什么
簡(jiǎn)單的矩形色塊、直白的信息傳達(dá)、清爽的排版風(fēng)格,這或許是大多數(shù)人看到微軟的Windows Phone或者Windows 8之后最直觀的感受。這種與傳統(tǒng)意義上大相徑庭的UI設(shè)計(jì),被人們普遍理解為扁平化設(shè)計(jì)。
“扁平化”(Flat)并非如字面意思所講,為了拍扁而拍扁,而是一種設(shè)計(jì)理念——利用極簡(jiǎn)化的設(shè)計(jì)來傳達(dá)核心的信息,通過對(duì)視覺的吸引讓用戶以最快的速度找到他們所需要的信息。
在表現(xiàn)手法上,扁平化拋棄那些已經(jīng)流行多年的高光、反光、漸變、陰影等仿真視覺效果,盡量減少運(yùn)用隱喻,而是通過利用簡(jiǎn)單的色塊、圖形,并配以簡(jiǎn)潔的文字,達(dá)到無障礙地傳達(dá)功能意義、高效地完成用戶操作的目的。
當(dāng)生活節(jié)奏加快,人們厭倦了復(fù)雜地操作,更加傾向于簡(jiǎn)潔、準(zhǔn)確地獲取信息;當(dāng)各種屏幕尺寸出現(xiàn)在你我的手中,以往的設(shè)計(jì)風(fēng)格在使用起來既費(fèi)時(shí)費(fèi)力又不能達(dá)到很好的兼容;當(dāng)各種平板、超極本的出現(xiàn),滑動(dòng)手指完成操作成為了人們的最愛,但觸摸設(shè)備的精確點(diǎn)擊卻成了令使用者頭疼的問題;更重要的是,人們已經(jīng)在iOS和Android的狂轟濫炸中審美疲勞了!
于是扁平化呼之而出。簡(jiǎn)約方便地操作,強(qiáng)大的適用性,快速地滑動(dòng)瀏覽,耳目一新的用戶界面都在瞬間給人以好感,加之對(duì)成人來講幾乎為零的超低學(xué)習(xí)成本和“glance and go”(瞥一眼,就上手)的用戶體驗(yàn),扁平化不火都難。
“扁平化”VS“擬物化”
喬布斯對(duì)界面設(shè)計(jì)有這樣一個(gè)理想:任何年齡的人,任何經(jīng)歷的人,都可以在拿到設(shè)備后的幾分鐘內(nèi)輕松掌握它的用法。于是,“擬物化”(skeuomorphism)——這種低學(xué)習(xí)成本和低設(shè)計(jì)理念誕生了。
打個(gè)不恰當(dāng)?shù)谋确?,如果說扁平化是牙牙學(xué)語的幼童涂鴉簡(jiǎn)筆畫的話,那么擬物化則是西方寫實(shí)主義畫家筆下完美逼真充滿立體感的油畫。站在扁平化“對(duì)立面”的擬物化,則是通過模仿原有事物的形象特征,并以逼真的視覺效果、豐富的隱喻呈現(xiàn)給使用者。iOS便是擬物化最好的代表。真皮縫制感的日歷,木質(zhì)紋路的書架,磨砂的玻璃和金屬打磨材質(zhì)的邊框……一切的設(shè)計(jì)都是為了讓使用者以更貼近生活的思維去接受這場(chǎng)“視覺盛宴”。
但隨著時(shí)間的推移,傳統(tǒng)的視覺隱喻已無法讓今日的人們產(chǎn)生共鳴。除去無法挽回的審美因素和時(shí)代變遷之外,對(duì)實(shí)際功能的不夠重視無疑是擬物化最大的短板。那些費(fèi)盡心思的隱喻和花里胡哨的裝飾帶給人們的只有冗雜無序的感覺,“視覺的盛宴”變?yōu)榱恕耙曈X的意淫”。人們迷失在眼花繚亂的界面中卻不能在第一時(shí)間完成操作。
也許有人會(huì)問:“你難道是在宣判擬物化的死刑嗎?”當(dāng)然不是。雖然扁平化的興起已是大勢(shì)所趨,擬物化的沒落也無法挽回,但這些都無損于擬物化獨(dú)一無二的價(jià)值。優(yōu)秀的擬物化設(shè)計(jì)所蘊(yùn)含的古典美學(xué)氣息,以及親和的操作環(huán)境、感性與趣味性的操作手法和“上到九十九,下到剛會(huì)走”都能上手的低學(xué)習(xí)難度,都為擬物化贏得了不少的堅(jiān)定的擁躉。如果僅僅因?yàn)榭吹搅艘恍┦〉臄M物作品或則跟風(fēng)隨大流便徹底否定擬物化,實(shí)在大大低估了其設(shè)計(jì)魅力。細(xì)心的你如果回想下第一次看到iOS的情境,擬物化設(shè)計(jì)如同催化劑讓心中的驚奇、激動(dòng)、興奮、愉悅在那一刻迸發(fā)出最美的化學(xué)反應(yīng)。
扁平化和擬物化不是UI設(shè)計(jì)的標(biāo)簽,更不是UI設(shè)計(jì)的總和,甚至二者之間沒有絕對(duì)的界限劃分。這兩種迥異的設(shè)計(jì)風(fēng)格所傳遞出的設(shè)計(jì)理念卻也存在著諸多的契合點(diǎn):近乎苛刻的設(shè)計(jì)要求,學(xué)習(xí)成本最小化的不懈訴求,追求完美的用戶體驗(yàn)……兩種設(shè)計(jì)理念讓我們意識(shí)到設(shè)計(jì)是相通的,設(shè)計(jì)沒有好壞優(yōu)劣之別,只有合適與否之分。扁平化與擬物化以其各自的特點(diǎn)占據(jù)著自家的山頭,招攬門徒,引領(lǐng)著一時(shí)的風(fēng)騷。
但不得不說,在這場(chǎng)不算對(duì)決的對(duì)決中,擬物化這位大哥被扁平化這個(gè)小弟KO(打倒)在地,歲月無情,年老體衰終敵不過身強(qiáng)力壯。我們?cè)诮o扁平化唱贊歌的同時(shí),不要忘了給遠(yuǎn)去的擬物化投去深深的敬意。
“扁平化”的昨天,今天和明天
那些被歷史銘記的設(shè)計(jì)師的偉大之處就在于他們先于時(shí)代預(yù)見了未來社會(huì)的需求,并在社會(huì)未能敞開胸懷接受之前,將這種未來大行其道的社會(huì)需求表達(dá)出來。
回望扁平化的發(fā)展史,首先想到的便是上世紀(jì)六十年代風(fēng)靡美國的“瑞士風(fēng)格”。清新質(zhì)樸、簡(jiǎn)約實(shí)用的瑞士風(fēng)格憑借線條、色塊、實(shí)木和光線的運(yùn)用,不僅在當(dāng)時(shí)轟動(dòng)一時(shí),對(duì)后世也印象深遠(yuǎn)?!皹O簡(jiǎn)主義”、“后現(xiàn)代”等風(fēng)格都能打上瑞士風(fēng)格的烙印。而IT界繼承這一精神的便是喬布斯和他的蘋果,從最早的蘋果機(jī)到iPod、iPhone,極簡(jiǎn)主義風(fēng)格的影子隨處可見。雖然iOS的擬物化已夕陽西下,但誰也不可否認(rèn)是蘋果讓人們知道了什么“極簡(jiǎn)主義”。之后扛起這面大旗的是另一個(gè)偉大公司——被喬布斯戲稱“沒品位”的微軟。
當(dāng)蘋果的iOS和谷歌的Android還在絞盡腦汁思考如何更完美地呈現(xiàn)應(yīng)用對(duì)象的時(shí)候,微軟另辟蹊徑,推出了具有全新理念的Metro UI,這便是我們所熟知的Windows Phone和Windows 8的前身。其實(shí)仔細(xì)觀察微軟Logo的演進(jìn),就會(huì)發(fā)現(xiàn)如今的Logo和1985年的相差無幾;而1995年的微軟電子百科全書就已經(jīng)出現(xiàn)了Metro的概念??梢奙etro是在經(jīng)過了足夠的汲取和積累之后,帶著微軟人的光榮與希望來到我們的面前,豐富了UI設(shè)計(jì)的定義。
曾有一個(gè)朋友自嘲道:“當(dāng)Metro UI發(fā)布的時(shí)候,人們都不屑一顧;當(dāng)Android 4.0發(fā)布了,大家都在想為什么Android也要跟著變;當(dāng)iOS也走上了扁平化的道路時(shí),所有人都傻眼了?!辈粌H僅是UI,App、Web都在向扁平化的方向發(fā)展,扁平化的星星之火終成燎原之勢(shì)。后知后覺的我們除了驚訝贊嘆之外,又多了一絲疑慮:扁平化的熊熊烈火能夠燒多久?如果此刻就對(duì)還在迅速成長(zhǎng)的扁平化設(shè)計(jì)評(píng)說優(yōu)劣的話,或許為時(shí)尚早,但扁平化方便快捷、簡(jiǎn)單可人的設(shè)計(jì)風(fēng)格以及觸屏電腦普及、擬物化退出所形成的巨大市場(chǎng)空間,都預(yù)示著扁平化無比燦爛的未來。
或許幾年之后,時(shí)間告訴我們扁平化僅僅是蜻蜓點(diǎn)水、曇花一現(xiàn)。但我相信設(shè)計(jì)者對(duì)扁平化設(shè)計(jì)所投入的心血和勇氣,值得我們每個(gè)人尊重;扁平化對(duì)UI設(shè)計(jì)內(nèi)涵的豐富,值得每個(gè)從業(yè)者思考;扁平化以其特立獨(dú)行,正在改變著這個(gè)行業(yè)的發(fā)展軌跡。中國兩千多年前的手工文獻(xiàn)《考工記》曾這樣記載:“知者創(chuàng)物。”“知”者,“智”也。古人的這句話不僅意味著設(shè)計(jì)需要智慧,更是強(qiáng)調(diào)設(shè)計(jì)理念對(duì)這個(gè)世界的意義。當(dāng)扁平化的矩形色塊填滿我們生活的時(shí)候,它也在潛移默化地改變著這個(gè)世界。
iOS7與iOS6的區(qū)別對(duì)比
顏色和邊界
iOS 7的顏色和邊界在這個(gè)應(yīng)用上有很明顯的區(qū)別。iOS 7舍棄了邊界,依靠色彩來體現(xiàn)交互、信息的分隔;相應(yīng)地控制也變成了隱形的,基于標(biāo)簽或者圖標(biāo)以及主題顏色(每個(gè)應(yīng)用都有不同,聯(lián)系人用藍(lán)色、音樂用紅色、筆記用黃色)的控制。另外細(xì)長(zhǎng)的字體并不是所有人都看得慣,但是事實(shí)就是之前iOS 6那個(gè)邊框就這樣被移開了。
信息對(duì)話
嚴(yán)格來說iOS 7不是完全扁平化的,界面還有微妙的陰影、燈光效果、漸變以及視差效果,但不是純粹二維的。
扁平化的直接目的是要強(qiáng)調(diào)內(nèi)容而非介質(zhì),所以相對(duì)于iOS6,iOS 7上應(yīng)用只在內(nèi)容上強(qiáng)調(diào)了它的美學(xué)和概念特性,功能和信息裝飾只出現(xiàn)在必要的地方。所以以Messages為例,桌面沒有很明顯的控制,重點(diǎn)只關(guān)注對(duì)話的清單。
新界面的發(fā)光非常明顯,頂部的導(dǎo)航按鈕就像互聯(lián)網(wǎng)上的“<”符號(hào)。
通話界面
之前的凸凹變化、握柄、壓花、陰影、內(nèi)發(fā)光、硬按鈕邊界等設(shè)計(jì)元素占去了60%的顯示屏空間。新版本則直接讓你看到來電者的大照片,旁邊有幾個(gè)選項(xiàng)(字符)掛在旁邊可供你選擇。
明亮度
iOS 7比iOS 6要光亮多了,界面也看起來更開闊,透氣的空格無處不在,整體的界面風(fēng)格也更加均勻。讓我們來看一看i OS 6與iOS 7的一系列應(yīng)用的拼圖就能發(fā)現(xiàn)。
如果減少顏色的復(fù)雜性,就可以看得更明顯。等于是iOS 6幾個(gè)不同的視覺風(fēng)格在iOS 7上已經(jīng)變成了兩個(gè)主要的主題:紙張般的、明亮的風(fēng)格占據(jù)75%;剩下的就是暗色的實(shí)用風(fēng)格。
主屏幕
目前爭(zhēng)論最多的似乎是主屏幕,特別是它的新圖標(biāo),主屏幕更多的是一個(gè)桌面啟動(dòng)器,你會(huì)經(jīng)常訪問,但不會(huì)一直盯著它。 iOS 7的主屏幕比iOS 6要明亮、簡(jiǎn)單,圖標(biāo)間的間距也有了變化,單個(gè)圖標(biāo)的像素也看起來更大了,下面的文字標(biāo)簽也變大了,最下面一排應(yīng)用圖標(biāo)墊了一層淺淺的“磨砂板” 設(shè)計(jì)??偟膩碚f,犧牲了邊界,換取了圖標(biāo)的易讀性,更加突出圖標(biāo)的內(nèi)容。