Microsoft細說Modern Design [複製鏈接]

allencth

Teenager I

Rank: 7 Rank: 7 Rank: 7

好友: 0
帖子: 4697
積分: 9363
最後登錄: 2018-7-25
在線時間: 0 小時

電梯直達

樓主

發表於 2013-6-9 14:06:07 |只看該作者 |倒序瀏覽

Microsoft近年在旗下各產品都使用了一種全新的用戶界面，其設計強調內容、動態和簡單化。對了，這就是Modern UI。近日Microsoft設立了一個頁面，跟廣大的用家細說其現代設計的故事。

原來在第一代Windows Phone出現前，Microsoft已經在構想全新的用戶界面。從網頁上的短片可見，初時的界面設計還是保留了很多獨立Widget、Toolbar、半透明版面等元素。但是，越往後的設計就越把枝節拋棄，將重點放在功能本身，而非周邊的裝飾。

從該網頁上的資料可以知道，Microsoft的新界面設計是受到三大影響而成:

Modern Design Movement (The Bauhaus)
現今的設計有時會著重在界面上模擬現實所見的物件，例如玻璃的透明度、金屬表面的紋理、因遮蓋光源而出現的陰影等，而這些元素與「功能」是沒有關係的。相對地，Bauhaus所注重的是要美化「功能」本身，而非周遭的裝飾。
International Typographic Style (Swiss Style)
針對簡潔、可讀性及客觀性 (原文: cleanliness, readability and objectivity) 的設計，其概念對於字體、界面的規劃、粗字體和平實的顏色運用較為突出。這種設計其實在繁忙的交通指示牌和標示十分多資料的界面很常見，例如鐵路圖、機場指示牌等等。將這種設計概念與用家的圖片、聯絡人名單和Apps融合起來，就是大家在Windows Phone所見到的界面設計了。
Motion design
大家在按下Live tiles、按下App bar、在People hub和Office hub所見到的動態效果，則是受此所啟發。

Microsoft的界面設計師受上述的設計概念啟發後，進一步確立其產品設計要求快速、順暢、全面數碼化。傳統的軟件界面設計會有很多如突出的按鈕、模擬木質或金屬素材的版面，Microsoft新一代設計則認為軟件是數碼世界的物件，由螢幕上的像素、字體和資訊動態的流動所組成的。
The New York Times:

It might sound audacious to think that Microsoft, the arbiter of uncool, was at the forefront of design a few years ago. But it was.

Design Museum, England:

The language that Windows Phone 8 presents is a very digital language, it says ‘this is digital information presented on a smartphone,’ and as such is not trying to bring in other cultural ideas. … It is a nice, clean, pure color, interface. The tiling system is intuitive. It is not over-designed to bring in other narratives from other objects.

Yves Behar:

I like where Microsoft is going; they’re moving away from skeuomorphism and thinking more about touch.

當然，Microsoft離將新設計全面帶到產品的每個角落還是有很多工作要做，例如Windows上不同的小圖示，很多地方仍在使用舊有的設計。
本文只提及原文部份內容，讀者可到Microsoft網站閱讀全文。
資料來源: Modern Design At Microsoft
(謝謝讀者Johnny於Facebook fan page的留言告知)