起點(diǎn)課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識再見Metro，Windows 10通用應(yīng)用設(shè)計(jì)趨勢分析
眾所周知，當(dāng)初微軟在Windows 8上做了非常大膽的變革，除了開創(chuàng)性的Metro設(shè)計(jì)語言，傳統(tǒng)桌面和平板兩種模式的融合也是一大特色，可這兩種操作模式在使用體驗(yàn)上的不一致也成為Windows 8飽受用戶詬病的原因之一，但微軟自始至終都朝著平臺大融合的目標(biāo)堅(jiān)定前行著。經(jīng)過一路探索，微軟終于通過在Windows 10系統(tǒng)的公布，展示了一個更加清晰明了的戰(zhàn)略方向：構(gòu)建一個面向全部Windows設(shè)備的核心操作系統(tǒng)。下面，本文就通過系統(tǒng)新特性和已公布的通用應(yīng)用，來簡單分析一下Windows 10通用應(yīng)用的設(shè)計(jì)趨勢。
一. 系統(tǒng)新特性
首先，我們先來了解幾點(diǎn)與應(yīng)用設(shè)計(jì)相關(guān)的一些系統(tǒng)特性：
通用應(yīng)用（Windows Apps）
在微軟Windows 10發(fā)布會上，通用應(yīng)用（已經(jīng)由Universal Apps更名為Windows Apps）是出現(xiàn)頻率很高的一個名詞，那什么是通用應(yīng)用呢？簡單來說，在Windows 10上將真正實(shí)現(xiàn)以盡可能少的開發(fā)量即可打造全平臺都可運(yùn)行的應(yīng)用，從電腦、平板、智能手機(jī)，甚至到Xbox One都無縫過渡，并且保持整體一致的用戶界面和操作體驗(yàn)。與Windows 8上的Metro應(yīng)用只有全屏模式不同的是，通用應(yīng)用在桌面模式下支持窗口模式，這意味著觸屏和鍵鼠兩種操作將得到更好的融合。
通用應(yīng)用具有以下優(yōu)勢：
1. 統(tǒng)一的UI和體驗(yàn)可以減少用戶在不同平臺間的學(xué)習(xí)成本
2. 大大減少了開發(fā)成本
3. 可通過一個應(yīng)用拉動不同平臺的用戶群
自適應(yīng)用戶體驗(yàn)（Adaptive UX）
微軟針對Windows 10系統(tǒng)專門提出了自適應(yīng)用戶體驗(yàn)的這種理念，并為通用應(yīng)用提供了一套統(tǒng)一的跨設(shè)備自適應(yīng)控件。這套控件的視覺元素和交互體驗(yàn)都是整體一致的，但針對不同的操作場景和設(shè)備有細(xì)微不同的體現(xiàn)，比如觸摸屏、應(yīng)用彈出控件等，當(dāng)用戶觸摸時自動使用較大面積按鈕，使用鍵盤時與之相反。
Continuum模式
Continuum模式是專門為混合形態(tài)設(shè)備設(shè)計(jì)，比如Surface，也就是說開啟此模式后我們的設(shè)備可以自由切換平板狀態(tài)和筆記本狀態(tài)，系統(tǒng)會根據(jù)是否為觸控屏幕以及是否有鍵鼠來判斷是否進(jìn)入“平板模式”。比如有觸控功能的設(shè)備拔下了鍵鼠配件，Windows 10 會提示是否開啟“平板模式”并將應(yīng)用全屏顯示，整個界面會針對觸控略微放大，而且開始菜單也會變成全屏。這種模式較好的融合了觸屏和鍵鼠兩種操作場景，減輕了桌面和平板模式間的孤立感。圖為在桌面和平板模式下開始菜單的不同樣式。
?二. 設(shè)計(jì)趨勢分析
再來看看Windows 10上的官方應(yīng)用對比Windows 8上的版本有什么不同：
應(yīng)用商店（平板）
XBOX（平板）
Skype（平板）
可以看出Windows 10的應(yīng)用標(biāo)準(zhǔn)已經(jīng)與之前的樣式發(fā)生了非常大的變化，筆者認(rèn)為可以歸納如下幾點(diǎn)：
自適應(yīng)布局（響應(yīng)式設(shè)計(jì)）成為通用應(yīng)用核心結(jié)構(gòu)
除了要應(yīng)對通用應(yīng)用在桌面模式下縮小放大的窗口變化，未來搭載Windows 10的設(shè)備尺寸也會多種多樣，所以，靈活且高效的自適應(yīng)布局理所當(dāng)然是最符合通用應(yīng)用跨平臺、窗口化的特點(diǎn)的，在上面的圖中我們可以看到Xbox和Skype都改為了多欄式布局。
橫向滑動不再是典型的系統(tǒng)瀏覽形式
我們都知道Metro UI的設(shè)計(jì)語言之一就是橫向滑動瀏覽，但隨著Surface系列設(shè)備的屏幕比例從前幾代基于橫向操作而設(shè)計(jì)的16：9變成了Surface Pro 3的3：2，似乎已經(jīng)是微軟在傳遞調(diào)整產(chǎn)品方向的訊息。而如今我們可以看到上圖中Windows 10官方通用應(yīng)用基本已經(jīng)摒棄了整個信息流的橫滑瀏覽，只是在個別分類下采用。對此變化，可以想到的原因之一是通用應(yīng)用在桌面模式下為窗口模式，當(dāng)窗口尺寸變得窄小時，自然不適合用橫滑來瀏覽信息。
探索新的導(dǎo)航解決方案
既然Windows 10已決定弱化橫向?yàn)g覽，那必然需要一種更好的導(dǎo)航形式來替代之前的大字號橫滑導(dǎo)航，大部分的通用應(yīng)用都開始嘗試采用“漢堡菜單”（Navigation Drawer）來作為統(tǒng)一的導(dǎo)航形式。雖然漢堡菜單已經(jīng)被廣泛應(yīng)用在網(wǎng)站、IOS及Android系統(tǒng)中，但是由于其易用性還存在很大爭議（特別是在Phone上），所以在正式版發(fā)布前，漢堡菜單會不會成為微軟的最終解決方案還不得而知。
更多元化的設(shè)計(jì)風(fēng)格
在Windows 8上，不論是手機(jī)還是平板應(yīng)用，在系統(tǒng)設(shè)計(jì)規(guī)范的指引下都顯得“高度統(tǒng)一化”，以至于每一個應(yīng)用看起來幾乎都是大號字體+方塊磁片的組合。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ì)語言已被逐漸弱化，微軟開始鼓勵并給予開發(fā)者更大的設(shè)計(jì)自由，未來Windows 10將逐漸和IOS及Android平臺的扁平化風(fēng)格趨于統(tǒng)一。
不同設(shè)備和操作場景需要定制化設(shè)計(jì)
雖然在理論上開發(fā)者可以通過一次編寫和一套UI使通用應(yīng)用在所有Windows平臺上運(yùn)行，但根據(jù)實(shí)際情況來看，小尺寸的設(shè)備界面并不等同于大尺寸的設(shè)備界面縮小為窗口化時的效果，設(shè)計(jì)師仍然需要針對不同的設(shè)備和操作場景（如觸屏或鍵鼠）來定制設(shè)計(jì)方案。在保證應(yīng)用設(shè)計(jì)統(tǒng)一性的同時，也要兼顧不同設(shè)備的使用體驗(yàn)，這對設(shè)計(jì)師來說也許是一個挑戰(zhàn)。
針對不同的設(shè)備特點(diǎn)，同一個通用應(yīng)用運(yùn)行在手機(jī)和平板上的區(qū)別
最后，根據(jù)以上趨勢分析，再補(bǔ)充兩個小Tips：
1.開發(fā)者們可以利用這次Windows 10設(shè)計(jì)風(fēng)格向其他平臺靠攏的機(jī)會，更方便的從IOS及Android平臺將應(yīng)用移植到Windows 10，或者對原有的Metro版本進(jìn)行優(yōu)化，保證品牌和設(shè)計(jì)的統(tǒng)一性。
2.很快，通過免費(fèi)升級到Windows 10的PC用戶將會占絕大多數(shù)，所以在為通用應(yīng)用進(jìn)行設(shè)計(jì)時應(yīng)以窗口模式鍵鼠體驗(yàn)為基準(zhǔn)進(jìn)行設(shè)計(jì)，再保證全屏觸控模式的可用性。
總結(jié)：
這一次，微軟再次徹底的顛覆了自己，也許我們開始從Windows 10身上看到其他平臺的影子，也許曾經(jīng)獨(dú)樹一幟的Metro UI即將與我們告別，但是從目前的體驗(yàn)來看，筆者認(rèn)為Windows 10毫無疑問是變得更優(yōu)秀了，只不過跨平臺統(tǒng)一這條路是否好走，未來還有待驗(yàn)證?，F(xiàn)在，背負(fù)著改變微軟命運(yùn)這個沉重使命的Windows 10即將起航，祝愿它。
- 目前還沒評論，等你發(fā)揮！
