扁平化,扁平化還能撐多久?
擬物化——藝術(shù)模仿生活
喬布斯喜愛(ài)擬物化設(shè)計(jì),他認(rèn)為這樣的設(shè)計(jì)可以讓用戶更加輕松地使用這些軟件,因?yàn)橛脩裟芰⒖讨肋@個(gè)軟件是做什么的。當(dāng)蘋果系統(tǒng)大行其風(fēng)的時(shí)候,人們普遍認(rèn)為,在界面上堆滿類似現(xiàn)實(shí)世界的東西用戶就能輕松學(xué)習(xí),結(jié)果,設(shè)計(jì)師創(chuàng)造的界面像辦公室一樣,有桌子、文件柜、電話機(jī);或一摞紙,或帶著符號(hào)和街道的建筑。但是近些年來(lái),傳統(tǒng)辦事的流程都被搬到app上來(lái)使用,擬物化的生活場(chǎng)景使目標(biāo)流程迂回曲折,大量信息、過(guò)多的層級(jí)在擬物化設(shè)計(jì)中不堪重負(fù),讓用戶無(wú)法沉浸在完整和諧的視覺(jué)流之中。
上圖是微軟1995年時(shí)的突破性創(chuàng)新產(chǎn)品,曾打算用它代替Windows 3.X界面,沒(méi)趕上那一年,想想也是崩潰的。
模擬生活場(chǎng)景的app,要透過(guò)種種特效來(lái)判斷事物的本質(zhì),想想也是蠻辣眼睛的。
那么是否擬物化過(guò)時(shí)了?
no,在一些功能單一、層級(jí)較少的應(yīng)用中,擬真設(shè)計(jì)將被保留,例如ipaid彈鋼琴,或手機(jī)游戲中,因?yàn)樗粫?huì)給用戶造成負(fù)擔(dān),而且由于和現(xiàn)實(shí)世界相似,擬物化在此更易于使用和理解。
扁平化設(shè)計(jì)走向了新時(shí)代
隨著android、windowsphone和ios7的降臨,我們正式進(jìn)入了交互設(shè)計(jì)的后隱喻時(shí)代。現(xiàn)代設(shè)備的用戶界面(UI)以內(nèi)容和數(shù)據(jù)為中心,更專注于簡(jiǎn)單,整潔的二維平面及界面,把UI控件的認(rèn)知度降至最低。
windowsphone 的Metro Design才是正宗的扁平化設(shè)計(jì),簡(jiǎn)潔明亮的顏色,不同功能間用以對(duì)比鮮明的色彩區(qū)分。
而ios是看似扁平卻有層次的設(shè)計(jì),包含漸變和毛玻璃效果等微妙的處理。
而andriod的material design 則是材料設(shè)計(jì)。模擬紙片層疊、合并、分離,擁有現(xiàn)實(shí)中的厚度、慣性和反饋,同時(shí)擁有液體的一些特性,能夠自由伸展變形。
現(xiàn)在正在流行什么呢?
扁平化+擬物化=“準(zhǔn)”扁平化設(shè)計(jì)?
準(zhǔn)扁平化整體上趨近極簡(jiǎn)主義設(shè)計(jì)理念。基調(diào)仍然是扁平風(fēng)格的,但會(huì)在設(shè)計(jì)方案中添加一種,一到兩種主色調(diào),且僅添加一種特效,無(wú)論是陰影也好、梯度也好……
這種設(shè)計(jì)風(fēng)格比嚴(yán)肅的扁平化更加靈活。設(shè)計(jì)師們喜歡它,因?yàn)榭梢蕴砑由疃群图y理;用戶喜歡它,因?yàn)樗苡兄谥庇^的交互。但反過(guò)來(lái),也有設(shè)計(jì)師不喜歡它,因?yàn)?ldquo;準(zhǔn)”扁平風(fēng)格是另兩種風(fēng)格的混合體,缺乏明確的定義,會(huì)覺(jué)得它不倫不類。
不過(guò)這是目前很流行的設(shè)計(jì),連material design也開(kāi)始越來(lái)越朝著這個(gè)方向發(fā)展走了,ios似乎朝著安卓的方向走去
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps基礎(chǔ)教程
- 扁平化
- 李李花非花
- 扁平化知識(shí)
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 圖片畫冊(cè)平面設(shè)計(jì)排版ps理論教程
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- Photoshop初級(jí)教程-命令的技巧
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)