首頁?>?知識?資訊?>?Metro UI是微軟的一種設計方案。?>?正文

Metro UI是微軟的一種設計方案。

2014/1/20 0:00:00 · 稿源:傳誠信

什么是“Metro Ui”?

“metro”字面是“地鐵”的意思,

在微軟的內部開發(fā)名稱為“ typography-based design language”(基于排版的設計語言)。

Metro UI是微軟的一種設計方案。該設計方案已用于移動操作系統(tǒng)Windows Phone 7和Windows 8等多款微軟產(chǎn)品。2010年初(美國)獲得Metro UI專利批準。



起源? ? ??源自瑞士的設計風格(Metro之父)

20世紀50年代期間,一種嶄新的平面設計風格在聯(lián)邦德國與瑞士形成,被稱為“瑞士平面設計風格”,由于這種風格簡單明確,傳達功能準確,因此很流行于全世界,成為二戰(zhàn)后影響最大,國際最流行的設計風格,因此被稱為“國際主義平面設計風格”。

真正的靈感

來源于機場和地鐵的指示牌,碩大突兀的字體,能吸引讀者的注意力。

特征

1.拒絕特效

這個概念最核心的地方就是放棄一切裝飾效果,諸如陰影、透視、紋理、漸變等等能做出 3D 效果的元素一概不用。所有的元素的邊界都干凈俐落,沒有任何羽化、漸變或者陰影



2.簡單元素

通常采用許多簡單的用戶界面元素,諸如按鈕或者圖標之類。設計師們通常堅持使用簡單的外形(矩形或者圓形),并且盡量突出外形,這些元素一律為直角(極少的一些為圓角)


3.專注排版

由于使用特別簡單的元素,排版就成了很重要的一環(huán),排版好壞直接影響視覺效果,甚至可能間接影響用戶體驗。字體是排版中很重要的一部分,和其他元素相輔相成。


4.專注顏色

配色貌似是最重要的一環(huán),通常采用比其他風格更明亮、炫麗的顏色。同時,配色還意味著更多的色調。比如,其他設計最多只包含兩三種主要顏色,Metro平均使用六到八種。

更傾向于使用單色調,尤其是純色,并且不做任何淡化或柔化處理(最受歡迎的顏色是純色和二次色)。另外還有一些顏色也挺受歡迎,如復古色(淺橙、紫色、綠色、藍色等)。


5.最簡方案

網(wǎng)站的整體設計中避免太多花哨的東西。簡單的顏色與文字就已足夠。如果要添加視覺效果,選擇簡單的圖像。


與蘋果的iOS、谷歌的Android的區(qū)別

都是以應用為主要呈現(xiàn)對象,而Metro界面強調的是信息本身,而不是冗余的界面元素。突出產(chǎn)品核心的內容外,沒有更多裝飾性的設計,在視覺效果方面,這有助于形成一種身臨其境的感覺。

趨勢

Metro UI 這種扁平化和簡潔的設計正在成為新的趨勢,越來越多的網(wǎng)站已在UI上走向這種設計路線。

總結

無論風格如何,界面形式都取決于實際的功能。好的設計方案離不開產(chǎn)品前期的規(guī)劃工作,特別是通過草圖或線框原型進行的探索。識別出最核心的用例需求,、使用原型不斷嘗試和驗證,為接下來的界面設計工作打下堅實的基礎。

“大家說的扁平化風格的逐漸盛行固然有它的道理,但本質上它只是設計美學當中的一種;與仿古、高光、金屬質感、木質等視覺效果相同,對視覺風格的選擇必須以良好的信息架構及交互模式為基礎。


文作者來自北京網(wǎng)站建設公司-傳誠信,轉載請注明出處:北京傳誠信(www.94883.cn)

  • 相關推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354