設(shè)計(jì)趨勢(shì),Windows 10通用應(yīng)用設(shè)計(jì)趨勢(shì)分析(3)

來源:isux.tencent 作者:isux.tencent 學(xué)習(xí):3836人次

我們都知道Metro UI的設(shè)計(jì)語言之一就是橫向滑動(dòng)瀏覽,但隨著Surface系列設(shè)備的屏幕比例從前幾代基于橫向操作而設(shè)計(jì)的16:9變成了Surface Pro 3的3:2,似乎已經(jīng)是微軟在傳遞調(diào)整產(chǎn)品方向的訊息。而如今我們可以看到上圖中Windows 10官方通用應(yīng)用基本已經(jīng)摒棄了整個(gè)信息流的橫滑瀏覽,只是在個(gè)別分類下采用。對(duì)此變化,可以想到的原因之一是通用應(yīng)用在桌面模式下為窗口模式,當(dāng)窗口尺寸變得窄小時(shí),自然不適合用橫滑來瀏覽信息。

探索新的導(dǎo)航解決方案

既然Windows 10已決定弱化橫向?yàn)g覽,那必然需要一種更好的導(dǎo)航形式來替代之前的大字號(hào)橫滑導(dǎo)航,大部分的通用應(yīng)用都開始嘗試采用“漢堡菜單”(Navigation Drawer)來作為統(tǒng)一的導(dǎo)航形式。雖然漢堡菜單已經(jīng)被廣泛應(yīng)用在網(wǎng)站、IOS及Android系統(tǒng)中,但是由于其易用性還存在很大爭(zhēng)議(特別是在Phone上),所以在正式版發(fā)布前,漢堡菜單會(huì)不會(huì)成為微軟的最終解決方案還不得而知。

設(shè)計(jì)趨勢(shì),Windows 10通用應(yīng)用設(shè)計(jì)趨勢(shì)分析

設(shè)計(jì)趨勢(shì),Windows 10通用應(yīng)用設(shè)計(jì)趨勢(shì)分析

更多元化的設(shè)計(jì)風(fēng)格

在Windows 8上,不論是手機(jī)還是平板應(yīng)用,在系統(tǒng)設(shè)計(jì)規(guī)范的指引下都顯得“高度統(tǒng)一化”,以至于每一個(gè)應(yīng)用看起來幾乎都是大號(hào)字體+方塊磁片的組合。Metro UI這種去掉所有裝飾只呈現(xiàn)信息的設(shè)計(jì)理念其實(shí)一定程度上等于剝離了帶給用戶情感化體驗(yàn)的元素,從而使用戶越發(fā)審美疲勞。還好在新的通用應(yīng)用設(shè)計(jì)中,我們可以看到除了開始菜單以外,曾經(jīng)那些單一的Metro元素已經(jīng)越來越少,而線型圖標(biāo)、居中布局、圓形、分割線等等元素的加入使界面變得更加豐富起來,可以說Metro UI的設(shè)計(jì)語言已被逐漸弱化,微軟開始鼓勵(lì)并給予開發(fā)者更大的設(shè)計(jì)自由,未來Windows 10將逐漸和IOS及Android平臺(tái)的扁平化風(fēng)格趨于統(tǒng)一。

不同設(shè)備和操作場(chǎng)景需要定制化設(shè)計(jì)

雖然在理論上開發(fā)者可以通過一次編寫和一套UI使通用應(yīng)用在所有Windows平臺(tái)上運(yùn)行,但根據(jù)實(shí)際情況來看,小尺寸的設(shè)備界面并不等同于大尺寸的設(shè)備界面縮小為窗口化時(shí)的效果,設(shè)計(jì)師仍然需要針對(duì)不同的設(shè)備和操作場(chǎng)景(如觸屏或鍵鼠)來定制設(shè)計(jì)方案。在保證應(yīng)用設(shè)計(jì)統(tǒng)一性的同時(shí),也要兼顧不同設(shè)備的使用體驗(yàn),這對(duì)設(shè)計(jì)師來說也許是一個(gè)挑戰(zhàn)。

設(shè)計(jì)趨勢(shì),Windows 10通用應(yīng)用設(shè)計(jì)趨勢(shì)分析

針對(duì)不同的設(shè)備特點(diǎn),同一個(gè)通用應(yīng)用運(yùn)行在手機(jī)和平板上的區(qū)別

最后,根據(jù)以上趨勢(shì)分析,再補(bǔ)充兩個(gè)小Tips:

1.開發(fā)者們可以利用這次Windows 10設(shè)計(jì)風(fēng)格向其他平臺(tái)靠攏的機(jī)會(huì),更方便的從IOS及Android平臺(tái)將應(yīng)用移植到Windows 10,或者對(duì)原有的Metro版本進(jìn)行優(yōu)化,保證品牌和設(shè)計(jì)的統(tǒng)一性。

2.很快,通過免費(fèi)升級(jí)到Windows 10的PC用戶將會(huì)占絕大多數(shù),所以在為通用應(yīng)用進(jìn)行設(shè)計(jì)時(shí)應(yīng)以窗口模式鍵鼠體驗(yàn)為基準(zhǔn)進(jìn)行設(shè)計(jì),再保證全屏觸控模式的可用性。

總結(jié):

這一次,微軟再次徹底的顛覆了自己,也許我們開始從Windows 10身上看到其他平臺(tái)的影子,也許曾經(jīng)獨(dú)樹一幟的Metro UI即將與我們告別,但是從目前的體驗(yàn)來看,筆者認(rèn)為Windows 10毫無疑問是變得更優(yōu)秀了,只不過跨平臺(tái)統(tǒng)一這條路是否好走,未來還有待驗(yàn)證,F(xiàn)在,背負(fù)著改變微軟命運(yùn)這個(gè)沉重使命的Windows 10即將起航,祝愿它。

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

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

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

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