扁平化設(shè)計(jì)之于蘋(píng)果的真正意義

2018-01-17 2264 0
大猜想!扁平化之于蘋(píng)果的真正意義 揭開(kāi)iOS7扁平化的外衣,深入探索蘋(píng)果的新式設(shè)計(jì)語(yǔ)言,一起來(lái)猜想一下新的設(shè)計(jì)風(fēng)格是如何在iWatch iTv iCar上實(shí)現(xiàn)。 當(dāng)談到Jony Ive,我們就不得不談到他在iOS7上的大改造,普遍看法是,這種改變僅僅是外觀上的改變,換湯不換藥。 iOS7的神秘面紗于2013年6月揭開(kāi),設(shè)計(jì)靈感來(lái)自德國(guó)已故傳奇設(shè)計(jì)師Otl Aicher。
Jony Ive在iOS上決定采用扁平化風(fēng)格,這就意味著以下幾點(diǎn)風(fēng)格的轉(zhuǎn)變:
1、用色愈發(fā)大膽、鮮艷;
2、界面會(huì)擁有更多的留白空間,讓元素更好的呼吸;
3、字體運(yùn)用會(huì)更加優(yōu)雅靈活;
4、即將使用大量的幾何形狀。 這就是Jony Ive摒棄擬物設(shè)計(jì)的原因。iOS7的推出,也可以看成是Jony Ive對(duì)擬物設(shè)計(jì)的宣戰(zhàn)。 iOS7的扁平化設(shè)計(jì)非常”萬(wàn)金油”,不但適應(yīng)了今天的iPhone以及iPad設(shè)備,也能夠應(yīng)用于未來(lái)的iWatch,iTV,iCar等設(shè)備。
車(chē)載iOS將iOS7的圖標(biāo)擴(kuò)展成矩形iOS起步于智能手機(jī)和平板,但是蘋(píng)果看的更遠(yuǎn),打算把這個(gè)系統(tǒng)做大。iOS僅僅出現(xiàn)在手機(jī)、平板、便攜播放器上是遠(yuǎn)遠(yuǎn)不能滿(mǎn)足蘋(píng)果的野心的。蘋(píng)果6月的WWDC大會(huì)上,蘋(píng)果揭示了iOS即將在汽車(chē)上出現(xiàn):車(chē)載iOS。這個(gè)新功能大大方便車(chē)主,開(kāi)車(chē)時(shí)打電話(huà)、聽(tīng)歌、導(dǎo)航、發(fā)信息都會(huì)變得很輕松,所有的這些集成在一塊小面板上。 iOS重設(shè)計(jì)的原因很可能跟車(chē)載iOS項(xiàng)目有關(guān)。如果考慮到在多個(gè)設(shè)備上運(yùn)行的體驗(yàn),扁平化外觀的操作系統(tǒng)運(yùn)行起來(lái)效果比擬物外觀更佳,為何?因?yàn)閕OS7在多設(shè)備上的體驗(yàn)非常一致。從設(shè)計(jì)的角度,車(chē)載iOS有幾個(gè)亮點(diǎn)。 首先,它的視覺(jué)設(shè)計(jì)將和iPhone iPad保持一致——也即是扁平化風(fēng)格。 但是是界面稍有不同,矩形取代了iOS中傳統(tǒng)的圓角方形,原因很簡(jiǎn)單:為了保證操作的正確性。當(dāng)你開(kāi)車(chē)的時(shí)候,你肯定無(wú)法專(zhuān)心操作iOS,因此這種更大的矩形按鈕操作失誤率會(huì)低很多,掃一眼便能操作。 盡管形狀不同,大小也不同,但是按鈕內(nèi)部的圖標(biāo)可以保持相同——這就是扁平化設(shè)計(jì)的優(yōu)勢(shì)。
initpintu_副本 利用扁平化設(shè)計(jì),可以隨意改變圖標(biāo)的形狀,而整體變化卻不大我舉個(gè)例子吧。現(xiàn)在有兩款正方形圖標(biāo)需要移植到車(chē)載iOS上。一款是紅色底框,白色的手機(jī)輪廓線(xiàn)條:典型的扁平化設(shè)計(jì)。另外一款是高度擬物、像照片一樣的的圖標(biāo)設(shè)計(jì)。 現(xiàn)在要把兩款設(shè)計(jì)放入矩形內(nèi),同時(shí)還要保持原汁原味的設(shè)計(jì)。
扁平化圖標(biāo)的修改非常簡(jiǎn)單,只需要在邊緣填充紅色即可,看起來(lái)依然出眾。 擬物設(shè)計(jì)呢。尷尬了,背景畫(huà)的不夠?qū)?,如果矩形按鈕高度比較小的話(huà),問(wèn)題更棘手了,可修改性不是很高,這時(shí)若想采用這款圖標(biāo),就需要重新設(shè)計(jì)。扁平化圖標(biāo)水平方向和垂直方向可以任意修改,拓展后只需要填充空白區(qū)域即可。 而擬物圖標(biāo)若想修改成其它形狀,需要做的改動(dòng)很多。
蘋(píng)果的iOS7圖標(biāo)想改成什么形狀,就改成什么形狀,只需要填充即可。 所以,這就和一款產(chǎn)品產(chǎn)生了關(guān)聯(lián)——極有可能是彎曲屏的iWatch
扁平化風(fēng)格非常適合iWatch的彎曲屏這會(huì)極大的簡(jiǎn)化蘋(píng)果的工作,提高他們視覺(jué)設(shè)計(jì)語(yǔ)言的適用性。如果蘋(píng)果將來(lái)發(fā)行iTV,那么需要更大的圖標(biāo),應(yīng)用扁平化設(shè)計(jì),蘋(píng)果就不用重新設(shè)計(jì)圖標(biāo)了。 不要認(rèn)為這是偷懶,你要考慮到各個(gè)平臺(tái)統(tǒng)一產(chǎn)品的一致性,這樣會(huì)降低教學(xué)成本,更好的引導(dǎo)用戶(hù)。否則,電視上更大的圖標(biāo)需要更復(fù)雜的圖案,更精細(xì)的陰影,更逼真的光效,更細(xì)膩的漸變,肯定會(huì)與手機(jī)上、平板上的圖標(biāo)有所不同,用戶(hù)用起來(lái)會(huì)很困惑:”這跟手機(jī)上的是不是同一個(gè)應(yīng)用啊?”未來(lái),屏幕會(huì)有多種形狀、多種尺寸、規(guī)則的、不規(guī)則的。三星已經(jīng)在Galaxy Round上采取了彎曲OLED屏幕,而iWatch據(jù)說(shuō)也是彎曲屏。在彎曲屏上,擬物設(shè)計(jì)的視覺(jué)表現(xiàn)肯定不如扁平化設(shè)計(jì)。 諷刺的是:更平的設(shè)計(jì),適合不平的屏幕。三維感強(qiáng)的設(shè)計(jì),卻并不適合彎曲屏。所以說(shuō),扁平化設(shè)計(jì)是”萬(wàn)金油”(具備良好的各平臺(tái)兼容性),并不為過(guò),這是蘋(píng)果為未來(lái)下的一步棋。

30
評(píng)論區(qū)(0)
正在加載評(píng)論...
相關(guān)推薦