通過全新的Win 10設計語言，我看到了未來的設計趨勢

編者按：據傳Win 10會在今年秋季迎來大改版，是一門全新的設計語言。這篇結合Windows 多年的變化和曝光的截圖，聊聊未來的設計趨勢。

注：前兩天優設一篇好文被新浪微博產品副總轉發，聊的也是設計趨勢喲：《2017年流行的UI風格，可能是你從未聽過的「無框界面」》

歡迎關注作者的微信公眾號「折騰先生」，他的好文合集：

1. 《PS教程！手把手教你繪制萌萌噠的小鳥卡通形象》
2. 《PS教程！手把手教你制作沖擊力超強的美漫風格海報》
3. 《省時高效！7個資深設計師常用的PS實用技巧》

正文

前不久，國外媒體曝光幾張Win 10的全新設計語言的截圖，把我給看嗨了（畢竟筆者是設計Windows 軟件出身的老UI設計師啊）

于是我搜索了下這幾張截圖的相關信息，發現微軟有一個開展了一年多的項 —— Project NEON，它的任務就是開發Windows新的設計語言（類似于設計實驗室，大膽的做各種概念設計，大公司就是好，還有這種項目部門~~）

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

（Groove 界面）

（Outlook 界面）

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

看完這幾張截圖不知你有什么想法，或者說發現了什么東西沒有？

筆者大致發現了以下幾個特點，這或許是將來桌面客戶端的一個風向標。

1. 弱化標題欄和菜單欄

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

（Windows xp窗口）

（Windows 7窗口）

（windows 10窗口）

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

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

無論是XP 還是Win 10，我們其實都可以看成是三個板塊（下圖），而新的設計語言將三個層級簡化為兩個層級，通過左右（有點類似于iPad 的App 交互）展現任務和對應任務的結果。

（iPad 概念設計）

3. 強化內容可讀性

應該說以內容為導向進行設計一直以來是metro遵循的守則吧~大標題、醒目的顏色等。

4.目標導向設計，讓界面更加干凈和高效

只在觸發到某個任務時才展現相關操作，這樣就不用把所有的功能按鈕都羅列出來，使界面更加Clean，操作更加的渾然天成.

5. 弱質感帶來的高級感

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

（Win7界面）

然而比較搞笑的是，自家發明的毛玻璃效果被競爭對手蘋果抄了去，而且青出于藍，這讓微軟情何以堪啊。據說微軟將這個毛玻璃效果正式命名為Acrylic（亞克力），在系統中會呈現出三種形態：Side-Nav（側邊欄） Acrylic、Background（背景） Acrylic、In-App（應用內） Acrylic。

（Metro的理念）

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

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

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

歡迎關注作者的微信公眾號：折騰先生

「2017年，設計師不得不看的趨勢好文」

1. 設計師轉型丨《2017年設計師該如何轉型？來看阿里UED掌門人的演講！》
2. 流行色運用丨《玩轉草木綠！在這里了解2017的年度潘通流行色》
3. UI 設計風格丨《2016年最火的對話式UI，2017年會走向何處？》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com