微軟在Build 2017發表Fluent Design Sys - Windows

Joe avatar
By Joe
at 2017-05-12T18:13

Table of Contents


http://i.imgur.com/Ci07Q9w.jpg

提起 Windows 介面設計,相信不少人都應該聽過傳聞已久的 Project Neon,而如今官方就終於公佈更多詳情。在較早前舉行的 Build 開發者大會上,Microsoft 正式發表全新 Fluent Design System,屆時 Windows 10 的介面設計將會改頭換面,而相關改動將會在今年底前陸續登場。

http://i.imgur.com/rkKoqEU.jpg

作為 Metro Design 的真正後繼者,Fluent Design System 將會是 Windows 10 秋季 Creators 更新的其中一個重要部份,到時不論 PC 版、手機版 Windows 10 及各種應用程式都會改用這種全新風格介面。留意在眾多精細改動當中都加入了如模糊等效果,而這種設計之前在 Windows Vista 就曾經出現過。Microsoft 作業系統部門副總裁 Joe Belfiore 表示,Fluent Design System 將會專注在光線、深度、動態、材質及規模等部份,令 Windows 中的互動過程感覺就好像在移動一樣。

http://i.imgur.com/N4vouyI.jpg

Microsoft 表示雖然 Fluent Design System 是 Windows 10 秋季 Creators 更新項目之一,但他們已經陸續開始作出改動,比如現時部份 Windows 10 應用程式更新之後已經可以看到相關風格設計,而 Microsoft 總監 Aaron Woodman 更表示這將會是一個需要花時間的旅程。最後 Microsoft 同時亦公開了一系列圖片,大家可以從當中看看風格上到底有何改變。

http://i.imgur.com/0qMfqVY.jpg
http://i.imgur.com/O7EuP2R.jpg
http://i.imgur.com/4f97bqs.jpg
http://i.imgur.com/X7Py58v.jpg
http://i.imgur.com/mfWCT9f.jpg
http://i.imgur.com/xR5zFr1.jpg
http://i.imgur.com/egh2Rnj.jpg
http://i.imgur.com/06383aj.jpg
http://i.imgur.com/HLripFD.jpg
http://i.imgur.com/DrMIIRL.jpg
http://i.imgur.com/DQdCp1I.jpg
http://i.imgur.com/8gZCvjF.gif
https://media.giphy.com/media/xUA7aUhaOAvQrKmj1C/giphy.gif

----
可以看出這次的Fluent Design應該是以Metro Design(?)為基底,在原有的Metro元素加入了毛玻璃背景效果,整個質感大提升。不只如此,還會加入陰影效果,甚至在部分的介面還會採用3d元件和飛入飛出的元素,整體質感比起前幾代的windows來說提升非常多,如果所有app都能採用這種ux我覺得這精緻度甚至可以超過mac os。

從截圖已經可以看出,通知欄以及部分apps的title bar已經採用了這項元素,希望能快點用上這種介面的windows阿,感覺就很美~~

不過如果真的如此的話,比較低階的電腦會不會跑起來不順喔阿o_o

--
https://goo.gl/RneevL

--
有一個人打給800客服問:"手機卡掉了怎麼辦?"
客服說:"帶上相關證件去直營門市補辦"
這個人又說:"我不可以撿起來嗎?"
過了一會兒…
客服說:“為了您的安全,我們不建議您彎腰撿卡,腦子裡的水容易灑出來。”


--
Tags: Windows

All Comments

Jake avatar
By Jake
at 2017-05-13T02:09
槓 好美喔
Elma avatar
By Elma
at 2017-05-13T18:31
生產力工具這麼花俏好像有點沒必要,雖然真的很漂亮
Rebecca avatar
By Rebecca
at 2017-05-18T13:48
不必要阿 不過美觀是基本吧
Ida avatar
By Ida
at 2017-05-18T15:56
穩不穩? 還算全民公測版? 能把WMC加回來嗎?
Oscar avatar
By Oscar
at 2017-05-22T02:55
非官方的方法,電視卡抓不到訊號~~,只好乖乖待WIN7
Noah avatar
By Noah
at 2017-05-22T14:46
美觀很重要哇 你看多少人因為Mac好看跑去買的
Ina avatar
By Ina
at 2017-05-27T00:32
那個放心啦 Win10介面弄得再好看 隔壁還是一堆人罵醜

USB serial port (COM**)數字越來越問題

Belly avatar
By Belly
at 2017-05-12T13:02
※ 引述《EOSyu (小悠一下!!)》之銘言: : 我的WIN7 筆電~設定儀器的~~~ : 每次皆不同的設備~~USB serial port (COM**)的COM數字越來越多!!! : 請問一下喔~~有辦法把它歸零嗎??? : COM**數字破百怎辦atat? 之前有人回覆說 delete c:\wi ...

win10如何讓程式在背景執行

Anonymous avatar
By Anonymous
at 2017-05-11T19:46
請問一下 windows要怎麼樣讓程式在背景執行? 最近google了一下 有看到一篇文章利用powershell 寫一段程式碼讓記事本在背景執行 但實測之後有些程式仍然無法隱藏 這種狀況透過第三方程式會比較快嗎? 還是有什麼解決辦法? - ...

firefox vs chrome

Genevieve avatar
By Genevieve
at 2017-05-11T17:56
作業系統: windows 10 pro Service Pack:1607 發生問題頻率:often 是否有做Windows Update:有 問題內容: 公司電腦配備很爛 EeeBook X205TA 有時候需要編輯wordpress firefox就很容易lag 反之 chrome反而比 ...

重新安裝win10

Edith avatar
By Edith
at 2017-05-11T09:16
不好意思要請教各位一個問題 這幾天打算重新安裝windows,本來想從win7再升級到win10 可是爬文以後發現似乎可以直接重新安裝win10就好 但可能小弟腦袋不好orz,還是有點看不懂重新安裝的流程 目前無法理解的部分就是 win10裡有重設可以使用,但好像速度比較慢? 或者是USB安裝(我 ...

win7 sp1 設定失敗

Quanna avatar
By Quanna
at 2017-05-11T04:47
一開始本來要安裝Microsoft.NET 4.61 系統說作業系統不支援 查了一下發現是沒更新SP1的原故 用Windows Update安裝後重新開機 系統告訴我PS1設定失敗 還原設定 開機後跳出視窗安裝失敗 元素找不到 錯誤:ERROR_NOT_FOUND(0x80070490) 又查了一下嘗 ...