SAY討論區

標題: Microsoft細說Modern Design [打印本頁]

---

作者: allencth    時間: 2013-6-9 14:06:07     標題: Microsoft細說Modern Design

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的留言告知)

附件: [170021zbvxs2ff5aw.png] 170021zbvxs2ff5aw.png (2013-6-9 14:06:07, 0 Bytes) / 下載次數 0
http://say.go2tutor.com/forum.php?mod=attachment&aid=MzUxODkwfGY0NmQ5Mzk2fDE3Nzk5MDUxMDl8MHww

附件: [170021o5ycozgm0ww.png] 170021o5ycozgm0ww.png (2013-6-9 14:06:07, 0 Bytes) / 下載次數 0
http://say.go2tutor.com/forum.php?mod=attachment&aid=MzUxODkxfDA1ZGY1NmM3fDE3Nzk5MDUxMDl8MHww

附件: [1700214wtnbktxjwr.png] 1700214wtnbktxjwr.png (2013-6-9 14:06:07, 0 Bytes) / 下載次數 0
http://say.go2tutor.com/forum.php?mod=attachment&aid=MzUxODkyfGQ0ODRiN2QxfDE3Nzk5MDUxMDl8MHww

---

作者: 小妖怪    時間: 2013-6-9 18:08:53

認真回覆每一篇，希望能得到好分數

---

作者: 太陽穴    時間: 2013-6-9 18:15:28

看來這一帖沒有多少人回喔

---

作者: kensiu123    時間: 2013-6-9 18:17:40

呵呵，等著就等著...

---

作者: 北極蝦    時間: 2013-6-9 18:23:52

不錯啊! 一個字牛啊!

---

作者: xiao丸子    時間: 2013-6-9 18:33:06

我也來頂一下..  

---

作者: jackjack99    時間: 2013-6-9 18:47:51

我有家的感覺~~你知道嗎  

---

作者: a_c_e06    時間: 2013-6-9 18:58:33

加油啊！！！！頂哦!!!!!  

---

作者: plas_hoz    時間: 2013-6-9 19:02:01

這論壇不錯，我會跟我好友分享

---

作者: 底褲超人    時間: 2013-6-9 19:05:03

幫你頂，人還是厚道點好

---

作者: ng015856    時間: 2013-6-9 19:07:44

這是一篇不錯的帖子

---

作者: 砵仔糕    時間: 2013-6-9 19:09:37

樓主在那邊抄的呢

---

作者: vol1210    時間: 2013-6-9 19:30:21

我不是隨便的人。我隨便起來不是人

---

作者: nh88    時間: 2013-6-10 09:06:30

要是能在多一點就好了

---

歡迎光臨 SAY討論區 (http://say.go2tutor.com/)

Powered by Discuz! X2