有人說(shuō)“只有交互扁平了,視覺才好做扁平”。
還有人說(shuō) “如果一個(gè)產(chǎn)品把希望寄托于視覺上,想靠視覺來(lái)表現(xiàn)產(chǎn)品的扁平化,顯然是不靠譜的”。
確實(shí)是這樣的,扁平化不僅僅是界面視覺扁平無(wú)立體感,更應(yīng)該是交互體驗(yàn)的扁平化,信息架構(gòu)的扁平化。
在進(jìn)入正題之前,我們先來(lái)看一個(gè)例子,我發(fā)現(xiàn)有人用科幻電影中的UI 畫面來(lái)和扁平化視覺相比較,他們說(shuō)這是未來(lái)界面的一個(gè)發(fā)展趨勢(shì),確實(shí)這和現(xiàn)在的UI畫面有一定的相似地方,來(lái)看一些電影畫面截圖。投影光感和色塊的組合簡(jiǎn)潔明了,看起來(lái)很有未來(lái)感和設(shè)計(jì)感。
但是我更認(rèn)為這應(yīng)該是交互扁平化的代表,還記得在《諜中諜4》里面有個(gè)場(chǎng)景:
湯姆·克魯斯的敞篷轎跑車與恐怖分子在迪拜的沙暴中追逐,帶來(lái)了影片的高潮。我自己當(dāng)時(shí)對(duì)這一段的印象非常深刻。
在追逐開始的時(shí)候,副駕的美女就用投影在擋風(fēng)玻璃上顯示出了導(dǎo)航,追逐的位子速度等相關(guān)信息,并開始相關(guān)操作,給阿湯哥指揮。最后成功追到恐怖分子。
可以看到這里的界面視覺表現(xiàn)是以投影光感和色塊為主非常扁平,但是如果它的交互操作和信息展現(xiàn)不夠扁平的話,副駕的美女點(diǎn)半天也找不到位置,甚至在一眼看上去不知道這個(gè)界面要怎么操作的話,呵呵,不要談追逐恐怖分子了,估計(jì)自己都抓狂了~
同樣,如果一個(gè)產(chǎn)品你拿到后不知道他想表達(dá)什么,也不知道要怎么用的,點(diǎn)了半天也找不到你想找的信息的時(shí)候,估計(jì)這會(huì)兒你已經(jīng)沒有耐心了,要不了一分鐘你就會(huì)把它卸載掉。如果視覺好看一點(diǎn)的話或許能吸引你停留的久一點(diǎn),但最終你不會(huì)成為他的忠實(shí)用戶。
所以,交互扁平化和信息扁平化的重要性不言而喻。
先我們來(lái)看為什么扁平化會(huì)那么來(lái)勢(shì)洶洶.
這是因?yàn)槲覀兊男枨蟓h(huán)境在發(fā)生變化。以前我們沒有ipad 沒有智能手機(jī),只有pc,我們只有電腦環(huán)境需求,所以扁不扁平化似乎沒有多重要,再來(lái)看現(xiàn)在我們有著多種智能設(shè)備,需要在各個(gè)場(chǎng)景各個(gè)設(shè)備上隨時(shí)切換,可以看到從pc到各手持設(shè)備的趨勢(shì)是越來(lái)越明顯。
隨著各種智能設(shè)備的多樣性和普及,交互界面需要變得更容易適應(yīng)其變化,很顯然扁平的交互界面要比其它樣式要更容易處理。移動(dòng)互聯(lián)網(wǎng)向著需要低配置、高效能,個(gè)性化以及優(yōu)質(zhì)用戶體驗(yàn)的方向發(fā)展。我們必需快速響應(yīng)這個(gè)趨勢(shì)。
其實(shí)在“扁平化”這個(gè)詞流行以前,我們一直都在強(qiáng)調(diào)交互的易用性和創(chuàng)造優(yōu)質(zhì)用戶體驗(yàn),并一直在努力往這方面去做。其實(shí)在我看來(lái)“扁平化”這個(gè)詞,是這些設(shè)計(jì)目標(biāo)的一個(gè)總概念,可以很寬泛,應(yīng)該是一種內(nèi)在的設(shè)計(jì)思想。
接下來(lái),我們來(lái)看看能有哪些方法可以做到交互扁平化。
平面設(shè)計(jì)
工業(yè)設(shè)計(jì)
CG插畫
UI交互
室內(nèi)設(shè)計(jì)
建筑環(huán)境