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新一代設計則認為軟件是數碼世界的物件,由螢幕上的像素、字體和資訊動態的流動所組成的。
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.
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.
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的留言告知)
沒有留言
本文還沒有人留言的呀,快來做第一個吧!