Windows 8風格的Metro設計

  Windows 8的發佈,從操作界面到操作方式都發生了革命性的變化,尤其是開始菜單的取消以及Metro界面的出現。Metro這種新興設計風格正被大家所熟悉。Metro原意是地鐵,Metro UI設計意念來源於地鐵站牌,其風格大量採用大字體,以吸引觀衆之注意力。微軟認爲Metro設計主題應該是:光滑Sleek、快Quick、現代Modern。
  Windows 8風格的Metro設計 - 以德糊人 - ——挨踢民工 Playkid——
  Metro UI是微軟的一種設計語言和格式,此設計已經用於移動操作系統Windows Phone、Windows8、Office 2013、Xbox360和多款微軟產品。微軟官方網站及微軟旗下Skydrive、Outlook.com亦部分使用此設計。

  Metro UI的命名與世界第三的零售批發超市麥德龍(Metro AG)存在商標侵權,微軟爲了不再與該公司名稱衝突,決定取消「Metro」名稱,改用「Windows 8 Style UI(針對消費者市場)」或者「Modern UI(針對設計開發人員)」取代了Metro UI。
  Windows 8風格的Metro設計 - 以德糊人 - ——挨踢民工 Playkid——
  Metro界面上的程序以Tile(瓷貼)的形式展現,支持動態顯示,可以按照自己的意願分組、刪除Tile等操作。

  Metro設計爲內容而生,設計之前請先想清楚你的應用能給用戶帶來什麼,然後合理的安排你的內容層次。

  Metro設計的導航是流動的,但也是易迷失的,所以我們更應該在內容的呈現形式上做不同的區分,以此來增加用戶對其的辨識和聚焦,減少迷失。

  Metro設計在保持輕量和內容爲主的前提下,適當的增加界面視覺層次和其他圖形或者無圖形的展現,有利於用戶對內容的辨識以及舒適閱讀的。
  Windows 8風格的Metro設計 - 以德糊人 - ——挨踢民工 Playkid——
  Metro(Windows 8)設計5點原則:
  ①乾淨,輕量,開放,快速:
  她在視覺上很獨特,要留有充足的白色空間,同時要減少各種紛雜的因素而突出文字,後者是關鍵設計因素。

  ②要內容,而不是質感:
  設計要集中突出用戶最關心的內容,同時使產品簡單併爲所有人所接受。

  ③整合軟硬件:
  硬件和軟件彼此融合並創造出一種無縫的用戶體驗,比如一鍵進入搜索,開始,返回和照相機,及其他搭載的整合感應器。

  ④世界級的動畫:
  Windows Phone 7在電容屏的觸摸和手勢體驗和Windows 7的桌面體驗是一致的,包含了硬件加速的動畫和過渡效果,以在每一處細節增強用戶體驗。

  ⑤生動,有靈魂:
  我們爲用戶所關心的信息注入個人化,自動更新的觀念,並籍由徹底整合Zune媒體播放器的體驗,爲用戶帶來了戲劇性的照片和視頻體驗。
  這些設計原則都基於這樣一個原則,就是所有的UI元素都應該實實在在的數字化,並附以和諧的、功能化的、吸引人的視覺元素。
  應用程序應該用探索精神和激動人心的視覺設計,界面佈局上的交互應該顯而易見。
  這裏沒有複雜的按鍵設計和奧妙的命令行,鍵盤的職責也僅僅在於輸入文字。用戶可以無師自通的在界面上點擊,划動,直接操作內容,因爲內容就是界面本身。
發佈了363 篇原創文章 · 獲贊 25 · 訪問量 40萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章