起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識淺談Metro Ui界面
最近看了幾篇關“Metro Ui界面”的文章，結合了一些自己的看法，整理了一下，分享給大家~~
?什么是“Metro Ui”？
“metro”字面是“地鐵”的意思，
在微軟的內部開發名稱為“ typography-based design language”（基于排版的設計語言）。
Metro UI是微軟的一種設計方案。該設計方案已用于移動操作系統Windows Phone 7和Windows 8等多款微軟產品。2010年初（美國）獲得Metro UI專利批準。
?起源? ? ??源自瑞士的設計風格(Metro之父)
20世紀50年代期間，一種嶄新的平面設計風格在聯邦德國與瑞士形成，被稱為“瑞士平面設計風格”，由于這種風格簡單明確，傳達功能準確，因此很流行于全世界，成為二戰后影響最大，國際最流行的設計風格，因此被稱為“國際主義平面設計風格”。
真正的靈感
來源于機場和地鐵的指示牌,碩大突兀的字體，能吸引讀者的注意力。
?特征
?1.拒絕特效
這個概念最核心的地方就是放棄一切裝飾效果，諸如陰影、透視、紋理、漸變等等能做出 3D 效果的元素一概不用。所有的元素的邊界都干凈俐落，
沒有任何羽化、漸變或者陰影
2.簡單元素
通常采用許多簡單的用戶界面元素，諸如按鈕或者圖標之類。設計師們通常堅持使用簡單的外形（矩形或者圓形），并且盡量突出外形，這些元素一
律為直角（極少的一些為圓角）
3.專注排版
由于使用特別簡單的元素，排版就成了很重要的一環，排版好壞直接影響視覺效果，甚至可能間接影響用戶體驗。
字體是排版中很重要的一部分，和其他元素相輔相成。
4.專注顏色
配色貌似是最重要的一環，通常采用比其他風格更明亮、炫麗的顏色。同時，配色還意味著更多的色調。比如，其他設計最多只包含兩三種主要顏色，Metro
平均使用六到八種。
更傾向于使用單色調，尤其是純色，并且不做任何淡化或柔化處理（最受歡迎的顏色是純色和二次色）。另外還有一些顏色也挺受歡迎，
如復古色（淺橙、紫色、綠色、藍色等）。
5.最簡方案
網站的整體設計中避免太多花哨的東西。簡單的顏色與文字就已足夠。如果要添加視覺效果，選擇簡單的圖像。
?與蘋果的iOS、谷歌的Android的區別
都是以應用為主要呈現對象，而Metro界面強調的是信息本身，而不是冗余的界面元素。
突出產品核心的內容外，沒有更多裝飾性的設計，在視覺效果方面，這有助于形成一種身臨其境的感覺。
?趨勢
Metro UI 這種扁平化和簡潔的設計正在成為新的趨勢，越來越多的網站已在UI上走向這種設計路線。
?總結
無論風格如何，界面形式都取決于實際的功能。好的設計方案離不開產品前期的規劃工作，特別是通過草圖或線框原型進行的探索。識別出最核心的用例需求，、使用原型不斷嘗試和驗證，為接下來的界面設計工作打下堅實的基礎。
“大家說的扁平化風格的逐漸盛行固然有它的道理，但本質上它只是設計美學當中的一種；與仿古、高光、金屬質感、木質等視覺效果相同，對視覺風格的選擇必須以良好的信息架構及交互模式為基礎。
via:搜狐焦點
- 目前還沒評論，等你發揮！
