什么是“Metro Ui”？

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

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

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

起源      源自瑞士的設(shè)計風(fēng)格(Metro之父)

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

真正的靈感

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

特征

1.拒絕特效

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

2.簡單元素

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

3.專注排版

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

4.專注顏色

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

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

5.最簡方案

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

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

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

趨勢

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

總結(jié)

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

“大家說的扁平化風(fēng)格的逐漸盛行固然有它的道理，但本質(zhì)上它只是設(shè)計美學(xué)當(dāng)中的一種；與仿古、高光、金屬質(zhì)感、木質(zhì)等視覺效果相同，對視覺風(fēng)格的選擇必須以良好的信息架構(gòu)及交互模式為基礎(chǔ)。

文作者來自重慶網(wǎng)站建設(shè)公司-創(chuàng)新互聯(lián)，轉(zhuǎn)載請注明出處：創(chuàng)新互聯(lián)（www.rwnh.cn）

名稱欄目：Metro UI是微軟的一種設(shè)計方案
本文地址：http://www.rwnh.cn/news/80269.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、手機網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司、品牌網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)