蘋果正在重新思考“扁平化”,開(kāi)發(fā)者該做什么?
2014年1月8日,蘋果發(fā)布了iOS7.1 beta3。開(kāi)發(fā)者已經(jīng)可以通過(guò)OTA升級(jí)下載這一新版本的iOS系統(tǒng)。除了修補(bǔ)一些 bug并進(jìn)一步加強(qiáng)語(yǔ)音輔助功能之外,新版的用戶界面(UI)體系發(fā)生的變化更引人注目。經(jīng)歷了iOS 7發(fā)布之初人們對(duì)其風(fēng)格迥異的“扁平化”設(shè)計(jì)毀譽(yù)參半的爭(zhēng)論,這半年來(lái),iOS7的每次升級(jí),都體現(xiàn)了蘋果的UI設(shè)計(jì)團(tuán)隊(duì)對(duì)“扁平化”的理解持續(xù)深入。
新版iOS7.1 beta 3首先對(duì)鍵盤作出了調(diào)整:字體增粗,刪除和大小寫等按鍵進(jìn)一步增灰,F(xiàn)aceTime和下欄應(yīng)用也有了不同程度的變深:
為什么這么調(diào)整?因?yàn)樗^扁平化的設(shè)計(jì)風(fēng)格,并非直接把UI一刀切地去掉肌理。它的設(shè)計(jì)理念,源于設(shè)計(jì)者希望人們的注意力從過(guò)分聚焦在界面元素的狀態(tài),回歸為重視內(nèi)容本身,而復(fù)雜的肌理只會(huì)干擾內(nèi)容的條理。
但扁平化的設(shè)計(jì)的前提是:對(duì)內(nèi)容的信息架構(gòu)有所要求。確保扁平界面的可用性,首先需要梳理清楚內(nèi)容的層級(jí)結(jié)構(gòu),讓用戶找準(zhǔn)交互對(duì)象,這一點(diǎn)基本功做好的前提下,所謂“擬物化”與“扁平化”的爭(zhēng)論反而不重要了。
從上圖的鍵盤變化我們可以看出,蘋果正把過(guò)于“扁平”以至影響了視線掃描的部分加強(qiáng)。iOS 7.1 beta3由“純平”改良至略有肌理,便是一個(gè)印證,也是一次對(duì)徹底“扁平化”的反動(dòng)。
反面的例子,可參考國(guó)內(nèi)某家科技博客最近改版得接近“純平”的主頁(yè)設(shè)計(jì),你可以發(fā)現(xiàn),層級(jí)結(jié)構(gòu)沒(méi)有做好便“追求***”的后果——信息分散,模塊之間互相產(chǎn)生了排斥。
再上一張iOS 7 Beta 3的圖,同樣的道理,在確保了信息結(jié)構(gòu)后,蘋果進(jìn)一步嘗試通過(guò)提升對(duì)比度來(lái)增強(qiáng)交互元素的表現(xiàn)力:配色、字號(hào)、位置布局等等都是可以改變的元素,為交互提 供必要的視覺(jué)線索及反饋效果,幫助用戶建立認(rèn)知。iOS 7的三大設(shè)計(jì)宗旨:依從、清晰、縱深都得到了很好的詮釋:
iOS 7.1 beta3對(duì)“扁平化”的調(diào)整和改動(dòng),并不僅僅是UI的問(wèn)題。它可以延伸至另一個(gè)思考:如何讓內(nèi)容更直接呈現(xiàn),功能以更低成本完成。
我想到了此前的一款圖片社交產(chǎn)品Civo,Civo 在iOS 7發(fā)布之前便是采用扁平的設(shè)計(jì),理念上已十分貼合,但這并不是重點(diǎn)。在新版里,我們可以發(fā)現(xiàn)這款以產(chǎn)品在同一個(gè)feed流界面上作了大幅度的改良,把內(nèi)容 (圖片)從頭像中“提取”了出來(lái),簡(jiǎn)而言之,它采取了更直接的內(nèi)容呈現(xiàn)方式,減少操作層級(jí),這又是一例。(左側(cè)為原版)
“突出內(nèi)容”,同樣可體現(xiàn)在功能模塊位置的設(shè)置上。以下是三款金融信息類應(yīng)用,我們可以發(fā)現(xiàn),同樣是行情交易軟件,騰訊的自選股進(jìn)入主頁(yè)首先顯示的 是股票報(bào)價(jià),而專業(yè)從事證券信息服務(wù)多年的同花順,卻把用戶帶進(jìn)設(shè)有16個(gè)選項(xiàng)的個(gè)人主頁(yè)面,對(duì)于一款需要用戶爭(zhēng)分奪秒,以行情交易的瞬息變化為操作需求 的產(chǎn)品而言,效率高下立斷。
同樣地,金融信息工具“雪球財(cái)經(jīng)”的客戶端也反映了上述問(wèn)題:在沒(méi)有做好信息架構(gòu)(提供了過(guò)多且不重要的選項(xiàng))分類的基礎(chǔ)上,跟風(fēng)地使用了扁平化設(shè)計(jì),在選項(xiàng)上也沒(méi)有做視覺(jué)的優(yōu)化,底下的毛玻璃肌理還對(duì)內(nèi)容產(chǎn)生進(jìn)一步干擾,這些,無(wú)疑都提升了用戶的交互和認(rèn)知成本。
相對(duì)于視覺(jué)風(fēng)格,iOS 7的本質(zhì)更關(guān)注交互層面的內(nèi)容,“擬物化”與“扁平化”的沖突與中和,背后是一整套完整的設(shè)計(jì)邏輯。如何用這套設(shè)計(jì)邏輯為用戶帶來(lái)最恰當(dāng)?shù)捏w驗(yàn)才是最關(guān)鍵的。當(dāng)對(duì)設(shè)計(jì)理念有足夠的認(rèn)知時(shí),它留下的是一套嚴(yán)謹(jǐn)?shù)纳a(chǎn)標(biāo)準(zhǔn),而不僅是對(duì)潮流的跟隨。