2014-6-26 藍藍設(shè)計的小編
轉(zhuǎn)載藍藍設(shè)計( www.88yangsc.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源:http://www.cssn.cn/ysx/ysx_sjx/201310/t20131026_611976.shtmll
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
1蘋果擬物化是外觀設(shè)計與界面設(shè)計的統(tǒng)一
為何UI集體變風(fēng)格 扁平化是未來主流嗎?
在十九世紀(jì),由于大規(guī)模的機械化生產(chǎn),裝飾品被快速及廉價的生產(chǎn)出來,導(dǎo)致商品被過度裝飾。這種裝飾風(fēng)一直都沒有停下來,而且過度裝飾出現(xiàn)在生活中的各個角落。以我們所熟悉的電腦以及手機來講,由于顯示和樣式技術(shù)允許設(shè)計人員能夠創(chuàng)建豐富的視覺界面,導(dǎo)致擬物化設(shè)計(軟件界面模仿現(xiàn)實世界中的實物紋理)和復(fù)雜樣式的過度使用。所以伴隨著Android 4.0系統(tǒng)問世以及手機硬件配置的快速提升,擬物化設(shè)計被越來越多的人所喜歡,當(dāng)然大家最喜歡的還是iOS(扁平化之前的版本)的設(shè)計。
只有外觀設(shè)計與界面設(shè)計統(tǒng)一才會看起來美(圖片引自蘋果官網(wǎng))
蘋果作為“擬物化”設(shè)計的引領(lǐng)者,曾經(jīng)擬物化的iOS被發(fā)揮到了。然而之所以蘋果的擬物化會被大眾覺得美,并不是單單因為它圖標(biāo)的高光、陰影、立體等效果。個人認(rèn)為是產(chǎn)品外觀設(shè)計與系統(tǒng)界面的統(tǒng)一。就以iPhone 4為例,iOS 4系統(tǒng)的逼真立體擬物化設(shè)計與iPhone 4玻璃金屬的外觀設(shè)計搭配在一起,可以說相得益彰,所以人們拿著iPhone 4怎么看都覺得非常漂亮。換句話說,如果當(dāng)初的iPhone 4不是玻璃金屬的這種設(shè)計,換成廉價的塑料材質(zhì),你還會覺得擬物化的iOS 4會非常漂亮嗎?
蘋果的擬物化設(shè)計經(jīng)歷三代版本后轉(zhuǎn)變?yōu)楸馄交O(shè)計,這種轉(zhuǎn)變的原因并非是蘋果設(shè)計師們的突發(fā)奇想,而是因為產(chǎn)品設(shè)計思路的轉(zhuǎn)變以及人們思想觀念的轉(zhuǎn)變。蘋果的轉(zhuǎn)變讓很多不敢變不想變的廠商也開始做出改變。這里筆者就以個人的理解淺析一下。
1.擬物化的設(shè)計是為了讓用戶了解手機的功能
無論是蘋果的擬物化還是其他廠商的擬物化,這種設(shè)計都是為了讓用戶拿到手機看第一眼就能直觀的了解各個圖標(biāo)都是干嘛的??吹健叭祟^”就知道這是聯(lián)系人、看到音符就知道這是用來聽音樂的、看到照相機的圖標(biāo)就知道點擊這個可以用來拍照......在用戶使用智能手機早期,這種擬物化設(shè)計越逼真越形象就越能教育用戶,所以這也就是為什么前兩年我們看到的眾多智能手機的UI都是高度擬物化的設(shè)計。
Jony Ive:用戶不再需要擬物化
作為蘋果系統(tǒng)設(shè)計的負(fù)責(zé)人喬納森·艾維(Jony Ive),在iOS 7被曝出將會摒棄擬物化采用扁平化設(shè)計時,他就向《今日美國報》解釋了軟件設(shè)計的思考過程?!叭ツ?1月當(dāng)我們坐下來探討iOS7系統(tǒng)時,我們認(rèn)為用戶已經(jīng)習(xí)慣了觸摸屏,所以他們不再需要具有物理外形的按鈕。因此我們自由設(shè)計的靈活度很大,不必過于拘泥現(xiàn)實世界。我們嘗試創(chuàng)建的系統(tǒng)環(huán)境不再那么具體化?!睆乃幕卮鹬胁浑y看出,最初的擬物化更多是因為用戶的認(rèn)知來設(shè)計,并非沒有想過扁平化。
2.跟風(fēng)的背后是相信用戶 回歸用戶體驗
扁平化的iOS 7發(fā)布后,很多人都持不同意見,有人覺得奇丑無比,也有人覺得非常贊。但是當(dāng)爭吵糾結(jié)短暫過后,大量的蘋果用戶更新到這一系統(tǒng)。有數(shù)據(jù)測表明,iOS 7是蘋果歷代系統(tǒng)中用戶更新速度最快的一個版本。基于這種變化,國內(nèi)手機廠商在隨后的時間內(nèi),迅速的做出轉(zhuǎn)變,集體性的摒棄了之前的擬物化,紛紛推出扁平化的UI。個人認(rèn)為這些做出轉(zhuǎn)變的廠商們,有一些是跟風(fēng),有一些則確實是認(rèn)識到了扁平化對于用戶體驗的優(yōu)勢。
近兩年各個價位各個品牌的手機層出不窮,幾乎人人都在使用智能手機,人們對于智能手機的一些基礎(chǔ)功能了然于心,即便不是擬物化的設(shè)計,我們也都能知道這個圖標(biāo)是什么功能。所以這種“跟風(fēng)”的背后間接的體現(xiàn)出廠商對于用戶的一種信任,大部分用戶已經(jīng)不再需要繼續(xù)“教育”了。用戶需要是節(jié)省資源回到體驗上來。扁平化將這一部分占用的資源得以釋放,讓系統(tǒng)有更多的能量去處理其他的事情,讓其他功能得到更好的保證,這一點也是用戶所期待的。
扁平化的UI會減少UI對系統(tǒng)資源的占用(圖片來自DownloadBlog.com)
擬物化的UI好看這一點相信大家都不會否認(rèn),但是并非只有這一種形式的才是好看,好看的形式有很多。擬物化的好看背后是大量的、大量的圖標(biāo),因此這種需要耗費系統(tǒng)大量運行資源的設(shè)計是對用戶體驗的一種損傷。
當(dāng)逼真的紋理、高光、陰影這些元素不再存在后,如何能夠即表達本身圖標(biāo)含義的同時又能帶給用戶美感,這是每一個UI設(shè)計師所要思考的。扁平化設(shè)計風(fēng)格與擬物化設(shè)計風(fēng)格這兩種風(fēng)格并非水火不相容,兩者之間存在很多的交集。
從目前的設(shè)計理念來講,扁平化更多的是去掉了該去的一些東西,所以圖標(biāo)看起來不像擬物化那樣立體那樣有真實感。但是扁平化中的一些繪畫元素則并非必須要以抽象來表達,完全可以使用擬物化中的那些具有形象意義的繪畫。這種設(shè)計在一些系統(tǒng)UI上我們現(xiàn)在也看到不少,整體看上去同樣是非常漂亮的。
聚焦內(nèi)容,而不是它的樣式和裝飾。你可能會認(rèn)為這點是老生常談,但有多少次你在網(wǎng)站上看到一個現(xiàn)成的主題?主題是始終建立在虛構(gòu)內(nèi)容,所以,就其本質(zhì)而言,絕不可能完美的代表內(nèi)容。虛構(gòu)文本的主題推動設(shè)計師專注于造型和裝飾,而不是內(nèi)容上,因為那里根本就沒有內(nèi)容。只有當(dāng)你在處理實際的內(nèi)容時,你才開始真正將功能和形式有機結(jié)合。
個人認(rèn)為扁平化是一種極簡主義的表現(xiàn)形式,但并非全部。所以生硬的套用極簡的設(shè)計美學(xué),將界面設(shè)計的簡單而數(shù)字化,時常會是個誤區(qū)。完全的消除視覺效果,如顏色、不同的背景樣式等未必會讓界面更容易使用。在某些情況下,這相反的破壞了界面的層次結(jié)構(gòu)和重點,而之前這些層次結(jié)構(gòu)和重點都是建立在陰影和背景顏色之上的。
所以能夠很好的從功能角度出發(fā)設(shè)計,在扁平的外表下將部分?jǐn)M物元素很好的融合在一起才會讓體驗和設(shè)計到達統(tǒng)一。擬物扁平化或許才是未來UI的一個形式,個人認(rèn)為至少是短時間內(nèi)的一個形式,若干年后會怎么樣這一點沒有人會知道
藍藍設(shè)計的小編 http://www.88yangsc.com