通過全新的WIN 10設(shè)計語言,我看到了將來桌面客戶端風向標的5個特點

0 評論 7460 瀏覽 18 收藏 9 分鐘

不單是視覺扁平,交互層級也更加扁平啦~

前不久,國外媒體曝光幾張Win 10的全新設(shè)計語言的截圖,把我給看嗨了(畢竟筆者是設(shè)計Windows 軟件出身的老UI設(shè)計師?。?/p>

于是我搜索了下這幾張截圖的相關(guān)信息,發(fā)現(xiàn)微軟有一個開展了一年多的項 —— Project NEON,它的任務(wù)就是開發(fā)Windows新的設(shè)計語言(類似于設(shè)計實驗室,大膽的做各種概念設(shè)計,大公司就是好,還有這種項目部門~~)

這次的新設(shè)計,相對于目前正在使用的Microsoft Design Language 來說,更加的大膽了,這些大膽既體現(xiàn)在交互層面也體現(xiàn)在視覺層面上。

uisdc-windows-20170114-1

uisdc-windows-20170114-2

(Groove 界面)

uisdc-windows-20170114-3

(Outlook 界面)

比較有趣的是曝光出的截圖界面有兩張都是來自微軟自家音樂播放器界面Groove。筆者發(fā)現(xiàn)一個特點:很多設(shè)計師都喜歡拿音樂或者是視頻播放界面來作為設(shè)計的突破口??赡芤驗檫@些界面在設(shè)計的時候確實容易出效果的原因吧,有各種漂亮的封面,操作按鈕不需要特意解釋都已經(jīng)深入人心了,而且基本天天接觸,想法自然比較多。

看完這幾張截圖不知你有什么想法,或者說發(fā)現(xiàn)了什么東西沒有?

將來桌面客戶端風向標的特點

筆者大致發(fā)現(xiàn)了以下幾個特點,這或許是將來桌面客戶端的一個風向標。

1. 弱化標題欄和菜單欄

傳統(tǒng)的Windows 窗口由標題欄、菜單欄、工具欄、側(cè)邊欄、工作區(qū)域、狀態(tài)欄組成。我們設(shè)計軟件的時候基本也是遵循這幾個模板進行交互布局。讓我們簡單回顧一下Windows的標準窗口~

uisdc-windows-20170114-4

(Windows xp窗口)

uisdc-windows-20170114-5

(Windows 7窗口)

uisdc-windows-20170114-6

(windows 10窗口)

通過上面幾個大版本的窗口截圖對比,不難發(fā)現(xiàn)Windows 一直在想辦法讓界面更輕(只是Win 7由于整個設(shè)計語言是玻璃質(zhì)感,但整體還是要比XP 時期輕很多的)。Win 10 的標題欄和菜單欄更是結(jié)合了在一起~

2. 進一步簡化層級,使操作進一步扁平化

無論是XP 還是Win 10,我們其實都可以看成是三個板塊(下圖),而新的設(shè)計語言將三個層級簡化為兩個層級,通過左右(有點類似于iPad 的App 交互)展現(xiàn)任務(wù)和對應(yīng)任務(wù)的結(jié)果。

uisdc-windows-20170114-7

uisdc-windows-20170114-3

uisdc-windows-20170114-8

(iPad 概念設(shè)計)

3. 強化內(nèi)容可讀性

應(yīng)該說以內(nèi)容為導向進行設(shè)計一直以來是metro遵循的守則吧~大標題、醒目的顏色等。

4.目標導向設(shè)計,讓界面更加干凈和高效

只在觸發(fā)到某個任務(wù)時才展現(xiàn)相關(guān)操作,這樣就不用把所有的功能按鈕都羅列出來,使界面更加Clean,操作更加的渾然天成.

5. 弱質(zhì)感帶來的高級感

uisdc-windows-20170114-9

說到這個“毛玻璃”質(zhì)感~最開始應(yīng)該確實是微軟先弄出來的,當時候Vista的出現(xiàn),還確實是讓眼前一亮的~只是過去的設(shè)計太粗糙了,那么粗的描邊、那么亮的內(nèi)發(fā)光,那么黑的陰影… 并且那個毛玻璃效果不夠“毛”,而且純屬裝飾,沒有什么實際用處。

uisdc-windows-20170114-10

(Win7界面)

然而比較搞笑的是,自家發(fā)明的毛玻璃效果被競爭對手蘋果抄了去,而且青出于藍,這讓微軟情何以堪啊。據(jù)說微軟將這個毛玻璃效果正式命名為Acrylic(亞克力),在系統(tǒng)中會呈現(xiàn)出三種形態(tài):Side-Nav(側(cè)邊欄) Acrylic、Background(背景) Acrylic、In-App(應(yīng)用內(nèi)) Acrylic。

uisdc-windows-20170114-11

uisdc-windows-20170114-12

(Metro的理念)

好吧,以上就是我看了這些圖的基本感受,當然都屬于個人想法,也可能這些理念現(xiàn)在已經(jīng)有了,或者是不夠明顯罷了(主要是我用Mac用太久了,偶爾看回Windows 好有親切感),有不對的地方望見諒。

據(jù)各種傳言都表示 Project NEON 開發(fā)的這套設(shè)計語言將會出現(xiàn)在 2017 年秋季正式推送升級的 Windows 10 Redstone 3 上,也許廣大 Windows 粉絲只要再耐心等待一段時間,就能看見更全面的 Project NEON 設(shè)計成果。

其實我看了這幾張圖覺得曝光的太少了,于是我又跑去各種搜索國外大神的概念設(shè)計。嘿嘿,還真被我搜到了不少,下面分享給大家,超贊的。

uisdc-windows-20170114-13

uisdc-windows-20170114-14

uisdc-windows-20170114-15

uisdc-windows-20170114-16

uisdc-windows-20170114-17

uisdc-windows-20170114-18

uisdc-windows-20170114-19

 

作者:俊宏,UI設(shè)計師,曾是迅雷設(shè)計經(jīng)理,帶領(lǐng)團隊,負責迅雷桌面相關(guān)UI設(shè)計;目前在深圳百度,帶團隊,負責國際化兩個產(chǎn)品的業(yè)務(wù)。信仰——專注和堅持。

來源:微信公眾號【折騰先生】

本文由 @俊宏 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!