認(rèn)識(shí)Remix OS 聊聊類桌面框架和UI設(shè)計(jì)
手機(jī)的主要功能不是被用來打電話，手表的作用也不是被用來看時(shí)間，想要讓活在上個(gè)世紀(jì)的消費(fèi)者能夠有這樣想象力，估計(jì)得考慮為他們移植一個(gè)愛因斯坦的大腦才行。不得不承認(rèn)，當(dāng)一條產(chǎn)品線開始進(jìn)入功能成熟期的時(shí)候，人們便不會(huì)再像它剛誕生時(shí)那樣因?yàn)樾碌奶匦远呏酊F。
在這個(gè)看臉的時(shí)代，殘酷的現(xiàn)實(shí)告訴筆者“顏值”這個(gè)屬性具有延續(xù)用戶關(guān)注度、集中用戶注意力的功效。所以工業(yè)設(shè)計(jì)和UI設(shè)計(jì)（用戶界面）兩個(gè)環(huán)節(jié)在整個(gè)產(chǎn)品研發(fā)的過程中被提升到了一個(gè)相當(dāng)高的高度，畢竟這是用戶與一款無生命的產(chǎn)品之間最主要的兩個(gè)溝通途徑。
筆者最近一直在體驗(yàn)Remix 超級(jí)平板，作為一款算是已經(jīng)過了概念爆發(fā)期的產(chǎn)品代表，其所搭載的Remix OS系統(tǒng)是讓我每天都有去把玩它兩下的動(dòng)力來源。從見過它的朋友口中得知，他們也都覺得這款有著類似微軟 Surface 外觀的產(chǎn)品，更容易抓住眼球的是內(nèi)個(gè)很有新意的Remix OS系統(tǒng)。
■聊聊 Remix OS 的結(jié)構(gòu)設(shè)計(jì)
好的開始是成功的一半，對于吸引用戶關(guān)注到Remix OS的這個(gè)過程來說，解鎖屏幕之后從視覺神經(jīng)傳入大腦的圖形界面決定了這個(gè)開始的好壞。然而對于規(guī)劃Remix OS 系統(tǒng) DNA的產(chǎn)品經(jīng)理來說，找到了適合這套系統(tǒng)的平臺(tái)，以及如何用一套合理的圖形交互界面去駕馭它，才能算是個(gè)好的開始。
扁平化設(shè)計(jì)、沉浸式設(shè)計(jì)，通識(shí)符號(hào)轉(zhuǎn)義，毛玻璃特效，一聊到UI設(shè)計(jì)我們很容易將自己的思維收窄，從而忽略了一些宏觀的框架設(shè)計(jì)。其實(shí)前者至于后者的關(guān)系，就好比房屋的后期裝修與初始的戶型設(shè)計(jì)，如果沒有一個(gè)好的結(jié)構(gòu)裝修工作也會(huì)很困難。對于Remix OS來說就是如何匹配2in1的形態(tài)。
※桌面布局
將桌面系統(tǒng)的體驗(yàn)融入到平板中去，這是Remix OS給自己定的使命，但對于一個(gè)以Android 4.4為基底而開發(fā)的定制系統(tǒng)來說并不容易，因?yàn)閺?.0版本（代號(hào)：IceCream Sandwich）之后，Android 在手機(jī)與平板兩種產(chǎn)品形態(tài)上的呈現(xiàn)越來越相似，不過眼前的Remix OS則讓我們看到了一些不同。
在原生 Android 3.0 之后手機(jī)與平板的界面差別越來越小
屏幕底部任務(wù)欄（Taskbar）的出現(xiàn)是一個(gè)明顯的標(biāo)志，這套與智能手機(jī)不同的任務(wù)管理方式，也出現(xiàn)于我們常見的圖形化桌面操作系統(tǒng)Windows和Mac OS之中。常用應(yīng)用可以常駐在任務(wù)欄之中，點(diǎn)擊任務(wù)欄中的圖標(biāo)可以激活應(yīng)用窗口，并且還實(shí)現(xiàn)了手機(jī)APP的多窗口運(yùn)行，一切都很熟悉不是么？
屏幕底部任務(wù)欄的出現(xiàn)是識(shí)別Remix OS系統(tǒng)的一個(gè)重要標(biāo)志
因?yàn)榻苽鹘y(tǒng)桌面系統(tǒng)的視覺引導(dǎo)和交互引導(dǎo)很容易讓老用戶產(chǎn)生一種親切感，所以本人在第一次玩兒到Remix 超級(jí)平板的時(shí)候，很自然地就摸清了它的使用法則。而具體到視覺設(shè)計(jì)方面，任務(wù)欄中應(yīng)用圖標(biāo)的尺寸很明顯為觸控操作做了專門優(yōu)化，對于一臺(tái)平板設(shè)備來說，這是一種不忘本的體現(xiàn)。
Windows系統(tǒng)的使用經(jīng)驗(yàn)減降低Remix OS的使用門檻
※分欄布局
分欄式布局是擁有大尺寸屏幕的平板區(qū)分于手機(jī)的最明顯特征，從最開始的iPad 版iOS，隨后的Android 3.0系統(tǒng) ，以及前一陣的Windows 8都在使用。這種方式被認(rèn)為有利于在單一屏幕上顯示更多的內(nèi)容，同時(shí)還可以減少不同界面切換過程中的停頓感，用戶只要點(diǎn)擊左側(cè)欄中的項(xiàng)目，右側(cè)隨即變換。
在Remix OS中，這種分欄式布局被應(yīng)用到文件管理器、圖片管理器、圖片、電量管理以及電子郵件等預(yù)裝應(yīng)用中，并且有著統(tǒng)一的風(fēng)格樣式，包括應(yīng)用標(biāo)題欄、子項(xiàng)目的字號(hào)、位置以及按鈕的形狀位置等等。不得不說對這些內(nèi)容做適配，有助于用戶快速建立起一種使用習(xí)慣，同時(shí)看上去也更為舒適。
Remix OS 大量使用分欄布局以應(yīng)對大尺寸的屏幕
※特色布局
除了上面提到的大框架之外，Remix OS還在一些個(gè)別使用場景的布置上花了一些小心思。比如通知欄中的消息是按應(yīng)用進(jìn)行分組的，這種方式也是只有在大屏幕上才是適合的。這些分組通知框被設(shè)計(jì)成三個(gè)一排，在一個(gè)屏幕上可以顯示三排，除了應(yīng)用圖標(biāo)本身外右側(cè)還有數(shù)字標(biāo)記作為通知數(shù)量的提示。
Remix OS 的通知欄采用了通知分組的設(shè)計(jì)（通知數(shù)量、通知時(shí)間）
此外，Remix OS上面還有一些窗口設(shè)計(jì)（非手機(jī)應(yīng)用窗口運(yùn)行莫是）。比如點(diǎn)擊任務(wù)欄右側(cè)多功能鍵后彈出的窗口，系統(tǒng)預(yù)裝應(yīng)用提示（Tips）和下載管理器同樣也使用了窗口設(shè)計(jì)，不過這些后面這兩個(gè)窗口目前還不能在屏幕上進(jìn)行任意位置的拖動(dòng)，只是以一個(gè)窗口的方式固定顯示在屏幕的中間。
■視覺設(shè)計(jì)偏重色彩文字
在前面我們用房屋的裝修為操作系統(tǒng)的搭建做了一個(gè)比喻，那么上面我們說了框架架構(gòu)的問題，下面我們就再來說說具體裝修的問題。筆者本人用了一陣Remix 超級(jí)平板，它在視覺方面留給我的印象有兩個(gè)方面比較深，一個(gè)是色彩很豐富，另一個(gè)是這個(gè)系統(tǒng)中很多的交互元素都是用文字來代替的。
當(dāng)然上面只是提到了兩個(gè)特別容易留下印象的，而如果想展開詳談的話我們還能找到下列幾點(diǎn)：
1.扁平化設(shè)計(jì)
目前在移動(dòng)終端設(shè)備上還在堅(jiān)守?cái)M物化設(shè)計(jì)和多層次設(shè)計(jì)的應(yīng)該只有錘子手機(jī)的Smartisan OS了。iOS、WP（Win 10）、Android等原生系統(tǒng)已經(jīng)先后公布了具有各自特色的扁平化設(shè)計(jì)，這里面也包括了很多基于Android 二次開發(fā)的第三方ROM。Remix OS在整體視覺設(shè)計(jì)上也采用了扁平化處理。
2.沉浸式設(shè)計(jì)
互聯(lián)網(wǎng)帶來了內(nèi)容的徹底爆發(fā)，而隨著智能終端成為了內(nèi)容的主要載體，開發(fā)者們就不得不對用戶的“讀者”身份負(fù)責(zé)。為了減少UI界面層次過多對用戶產(chǎn)生的影響，沉浸式設(shè)計(jì)開始成為主流。在Remix OS的預(yù)裝應(yīng)用中，狀態(tài)欄與應(yīng)用頂部的標(biāo)簽欄融為一體，這更有助于用戶注意力集中在內(nèi)容本身。
Remix OS 系統(tǒng)預(yù)裝日歷應(yīng)用采用了沉浸式設(shè)計(jì)（狀態(tài)欄融入頂部標(biāo)簽欄）
3.透明效果
Remix OS使用了一些透明效果處理，確切的說應(yīng)該是毛玻璃特效，這曾是微軟Win 7系統(tǒng)和蘋果的iOS 7系統(tǒng)中標(biāo)志性的UI設(shè)計(jì)。在這套系統(tǒng)中，它被用在兩個(gè)地方，一個(gè)是桌面下方的多功能任務(wù)欄，一個(gè)是快速設(shè)置面板和通知面板。個(gè)人感覺，這樣的設(shè)計(jì)還是為了這套系統(tǒng)看上去更酷，更炫而已。
Remix OS 的任務(wù)欄和通知欄均使用了毛玻璃特效
4.文字按鈕
雖然是基于Android 定制的，但Remix OS的改動(dòng)方向是偏桌面化的，與傳統(tǒng)手機(jī)廠商做系統(tǒng)的思維有些差異，即便是放在平板電腦中也可以算是一個(gè)異類?；蛟S是出于這個(gè)原因，Remix OS在很多交互按鈕的設(shè)計(jì)上都直接用文字替代符號(hào)或圖形，對于初學(xué)者來說，這種設(shè)計(jì)的學(xué)習(xí)成本應(yīng)該是最低的。
5.溫和色彩
蘋果 iOS 7系統(tǒng)剛剛發(fā)布的時(shí)候，很多老用戶都表示出了一種說不出來的不適應(yīng)，經(jīng)過視覺設(shè)計(jì)師分析這種不適應(yīng)并不是扁平化設(shè)計(jì)造成的，而是因?yàn)樗捎昧艘恍╋柡投?、明度較高的色彩。Remix OS 則采用了與Android L類似的做法，使用色彩的方式比較溫和，減少了對用戶眼球的不必要刺激。
點(diǎn)評總結(jié)：
今天討論的范疇相比上一篇文章要局限很多，那么作為一個(gè)面向大眾消費(fèi)者的操作系統(tǒng)產(chǎn)品，Remix OS在交互層面上的設(shè)計(jì)能夠滿足多數(shù)人對于大平板的使用需求。其次UI方面的設(shè)計(jì)很精妙但還不夠精致，畢竟這是一個(gè)人數(shù)還不足70個(gè)人的公司，還記得老羅曾經(jīng)曝光過的MIUI團(tuán)隊(duì)么（150人）？
其實(shí)歸結(jié)起來，Remix OS的獨(dú)特之處就是將應(yīng)用任務(wù)欄，任務(wù)欄右側(cè)的菜單鍵，以及手機(jī)應(yīng)用的窗口運(yùn)行模式很好地結(jié)合到了一起，在這些東西上你或多或少的會(huì)找到一些前人的身影，但卻從來沒有人想到它們可以以這樣一種方式共存，那么下一篇文章，我們就將探討Remix OS 的多窗口功能?！?/p>
關(guān)注我們
