扁平化,扁平化還能撐多久?

來(lái)源:站酷 作者:李李花非花 學(xué)習(xí):6374人次

擬物化——藝術(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é)流之中。

扁平化,扁平化還能撐多久?_theoat.com.cn

上圖是微軟1995年時(shí)的突破性創(chuàng)新產(chǎn)品,曾打算用它代替Windows 3.X界面,沒(méi)趕上那一年,想想也是崩潰的。

扁平化,扁平化還能撐多久?_theoat.com.cn

模擬生活場(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í)世界相似,擬物化在此更易于使用和理解。

扁平化,扁平化還能撐多久?_theoat.com.cn

扁平化設(shè)計(jì)走向了新時(shí)代


隨著android、windowsphone和ios7的降臨,我們正式進(jìn)入了交互設(shè)計(jì)的后隱喻時(shí)代,F(xiàn)代設(shè)備的用戶界面(UI)以內(nèi)容和數(shù)據(jù)為中心,更專注于簡(jiǎn)單,整潔的二維平面及界面,把UI控件的認(rèn)知度降至最低。
 

windowsphone 的Metro Design才是正宗的扁平化設(shè)計(jì),簡(jiǎn)潔明亮的顏色,不同功能間用以對(duì)比鮮明的色彩區(qū)分。

扁平化,扁平化還能撐多久?_theoat.com.cn
<點(diǎn)圖片看大圖>theoat.com.cn

而ios是看似扁平卻有層次的設(shè)計(jì),包含漸變和毛玻璃效果等微妙的處理。

扁平化,扁平化還能撐多久?_theoat.com.cn

而andriod的material design 則是材料設(shè)計(jì)。模擬紙片層疊、合并、分離,擁有現(xiàn)實(shí)中的厚度、慣性和反饋,同時(shí)擁有液體的一些特性,能夠自由伸展變形。

扁平化,扁平化還能撐多久?_theoat.com.cn

扁平化,扁平化還能撐多久?_theoat.com.cn

現(xiàn)在正在流行什么呢?

扁平化+擬物化=“準(zhǔn)”扁平化設(shè)計(jì)?

扁平化,扁平化還能撐多久?_theoat.com.cn
<點(diǎn)圖片看大圖>

準(zhǔn)扁平化整體上趨近極簡(jiǎn)主義設(shè)計(jì)理念;{(diào)仍然是扁平風(fēng)格的,但會(huì)在設(shè)計(jì)方案中添加一種,一到兩種主色調(diào),且僅添加一種特效,無(wú)論是陰影也好、梯度也好……

扁平化,扁平化還能撐多久?_theoat.com.cn扁平化,扁平化還能撐多久?_theoat.com.cn

這種設(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似乎朝著安卓的方向走去

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!