Metro UI 界面完全解析

2014-12-11    藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù).

每一個(gè)扁平化界面設(shè)計(jì),都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)


來(lái)源:http://zwkufo.blog.163.com/blog/static/2588251201211311143818/?suggestedreading&wumii

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

Metro在微軟的內(nèi)部開(kāi)發(fā)名稱為“ typography-based design language”(基于排版的設(shè)計(jì)語(yǔ)言)。它最早出現(xiàn)在微軟電子百科全書(shū)95,此后微軟又有許多知名產(chǎn)品使用了Metro UI,這包括:Windows媒體中心、Zune播放器等等。該技術(shù)已于2010年初(美國(guó))獲得Metro UI專利批準(zhǔn)(USPTO)。Metro UI的應(yīng)用是windows phone 7智能手機(jī)系統(tǒng),并將應(yīng)用于未來(lái)的windows 8、office 和 Xbox 360產(chǎn)品中。

Metro UI是微軟的一種設(shè)計(jì)方案。該設(shè)計(jì)方案已用于移動(dòng)操作系統(tǒng)Windows Phone 7和多款微軟產(chǎn)品。微軟Segoe WP字體,屬于Segoe字體家族的一員,細(xì)膩堅(jiān)韌給人一種優(yōu)雅的美感,同時(shí)它也是WP7手機(jī)系統(tǒng)的默認(rèn)字體。

源自瑞士的設(shè)計(jì)風(fēng)格:Metro UI

求本溯源,Metro UI是基于瑞士平面設(shè)計(jì)原則,其最初在Windows XP的Windows Media Center就中有體現(xiàn),這有利于以文字為主的界面導(dǎo)航。2006年著名的Zune播放器開(kāi)始使用類似Metro的設(shè)計(jì)風(fēng)格。微軟的設(shè)計(jì)師計(jì)劃重新設(shè)計(jì)現(xiàn) 有用戶界面、更清爽的排版和較少的重點(diǎn)以便于用戶使用。Zune的桌面客戶端程序也使用了不同于以往Portable Media Center用戶界面,其清爽排版和設(shè)計(jì)給用戶耳目一新的沖擊。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:Segoe WP字體

機(jī)場(chǎng)和地鐵的指示牌給了微軟設(shè)計(jì)團(tuán)隊(duì)靈感,其設(shè)計(jì)團(tuán)隊(duì)指出:Metro UI是來(lái)源于美國(guó)華盛頓州金縣都會(huì)交通局(King County Metro)的標(biāo)識(shí)設(shè)計(jì),這種風(fēng)格大量采用碩大突兀的字體,能吸引讀者的注意力。微軟認(rèn)為Metro設(shè)計(jì)主題應(yīng)該是:“光滑、快、現(xiàn)代”。Metro UI中圖標(biāo)設(shè)計(jì)也會(huì)不同于Android和iOS界面。

Metro UI設(shè)計(jì)具備以下五點(diǎn)原則:

1. 干凈、輕量、開(kāi)放、快速

2. 要內(nèi)容,而不是質(zhì)感

3. 整合軟硬件

4. 世界級(jí)的動(dòng)畫(huà)

5. 生動(dòng),有靈魂

Metro之父:瑞士平面設(shè)計(jì)風(fēng)格概述

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

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:瑞士平面設(shè)計(jì)

瑞士平面設(shè)計(jì)風(fēng)格穩(wěn)健,四平八穩(wěn)的傳達(dá)設(shè)計(jì),給人印象深刻。不少人認(rèn)為瑞士風(fēng)格是一個(gè)統(tǒng)一的、單一的風(fēng)格,瑞士設(shè)計(jì)家大部分不同意這種看法,他們往往強(qiáng)調(diào)瑞士國(guó)家雖然小,但是設(shè)計(jì)風(fēng)格變化多端,極為豐富。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:瑞士平面設(shè)計(jì)

對(duì)于瑞士設(shè)計(jì)學(xué)校的師生來(lái)說(shuō),瑞士國(guó)際主義風(fēng)格已經(jīng)是過(guò)去的事情了,但是,瑞士的設(shè)計(jì)教育卻深深地受到這種50 、60 年代發(fā)展起來(lái)的風(fēng)格的影響。直到現(xiàn)在,瑞士的平面設(shè)計(jì)依然具有強(qiáng)烈的整潔、嚴(yán)謹(jǐn)、工整、理性化的特征,一絲不茍,傳達(dá)準(zhǔn)確,形式單調(diào)乏味,不少年輕人感到 瑞士設(shè)計(jì),特別是平面設(shè)計(jì)已經(jīng)太深地陷人瑞士國(guó)際主義風(fēng)格中,瑞士設(shè)計(jì)界需要一次真正的革命、造反,來(lái)蕩滌過(guò)往風(fēng)格的陰影。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:瑞士平面設(shè)計(jì)

獨(dú)特風(fēng)格:Metro UI強(qiáng)調(diào)信息本身

Metro UI是一種界面展示技術(shù),和蘋果的iOS、谷歌的Android界面最大的區(qū)別在于:后兩種都是以應(yīng)用為主要呈現(xiàn)對(duì)象,而Metro界面強(qiáng)調(diào)的是信息本 身,而不是冗余的界面元素。顯示下一個(gè)界面的部分元素的功能上的作用主要是提示用戶“這兒有更多信息”。同時(shí)在視覺(jué)效果方面,這有助于形成一種身臨其境的 感覺(jué)。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:Metro UI強(qiáng)調(diào)信息本身

Metro UI強(qiáng)調(diào)利用時(shí)間碎片

在時(shí)間碎片中找尋到更多的信息。這就是MetroUI為Windows Phone所訂制的設(shè)計(jì)理念?,F(xiàn)在社會(huì)連呼吸都要趕時(shí)間,很多用戶沒(méi)有過(guò)多的時(shí)間來(lái)用復(fù)雜的手勢(shì)操控手機(jī)。在公交車上,我們可能利用從座位起身到在后門排 隊(duì)等著下車的這個(gè)狹窄的時(shí)間間隔中,還想著要看一條微博。也許趁著在超市排隊(duì)結(jié)賬的時(shí)候,都要用微信搖一下周圍的新朋友。著重提高用戶的單手操作準(zhǔn)確性, 就能讓用戶死死的黏在你的應(yīng)用上。

40年用戶界面設(shè)計(jì)歷史簡(jiǎn)單回溯

界面設(shè)計(jì)是軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味,還要讓軟件的操作變得舒適、簡(jiǎn)單、自由、充分體現(xiàn)軟件的定位和特點(diǎn)。

在漫長(zhǎng)的軟件發(fā)展中,界面設(shè)計(jì)工作一直沒(méi)有被重視起來(lái)。做界面設(shè)計(jì)的人也被貶義的稱為“美工”。其實(shí)軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一 樣,是產(chǎn)品的重要買點(diǎn)。一個(gè)友好美觀的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受,拉近人與電腦的距離,為商家創(chuàng)造賣點(diǎn)。界面設(shè)計(jì)不是單純的美術(shù)繪畫(huà),他需要定位使用 者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計(jì),是純粹的科學(xué)性的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)即不是某個(gè)項(xiàng)目開(kāi)發(fā)組領(lǐng)導(dǎo)的意見(jiàn)也不是項(xiàng)目成員投票的結(jié)果, 而是最終用戶的感受。所以界面設(shè)計(jì)要和用戶研究緊密結(jié)合,是一個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺(jué)效果的過(guò)程。在漫長(zhǎng)的人機(jī)交互史中,UI設(shè)計(jì)的理念也在不停迭 代。

1984年1月1日,Apple MacOS 1.1

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

1995年,微軟 Windows 95

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

2005年,Apple OS X Tiger

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

今天,Metro UI設(shè)計(jì)語(yǔ)言誕生

Metro的設(shè)計(jì)靈感來(lái)自交通系統(tǒng):它需要幫助人們能夠在短時(shí)間內(nèi),快速找到自己所需的信息。Metro一詞在英文中譯為地鐵的意思,這充分體現(xiàn)了它的淵源和其藝術(shù)風(fēng)格。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:地鐵中的Metro信息版

干貨好料:Metro UI中的設(shè)計(jì)元素

你覺(jué)得Metro UI界面非常的簡(jiǎn)單?它的設(shè)計(jì)理念就是要突出簡(jiǎn)潔與視覺(jué)焦點(diǎn)的引導(dǎo)。如果你是一名Windows Phone移動(dòng)應(yīng)用開(kāi)發(fā)者,或是應(yīng)用UI的設(shè)計(jì)者,那么下面提到的Metro UI中設(shè)計(jì)元素,你都必須應(yīng)該知道。

開(kāi)始界面:下面我們來(lái)看一下Windows Phone中Metro UI的開(kāi)始界面。它具備一些用戶經(jīng)常使用的必要信息。人脈、圖片、游戲、音樂(lè)和視頻、辦公、電子市場(chǎng)等。這個(gè)界面,其內(nèi)容可以縱向滾動(dòng),方便單手拇指操作。同時(shí)在狹小的手機(jī)屏幕中,可以顯示更多內(nèi)容。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:Windows Phone中的“開(kāi)始菜單”

多寶閣設(shè)計(jì):多寶格又稱“百寶格”或“博古格”,是專為陳設(shè)古玩器物的。它是進(jìn)入清代才興起,并十分流行的家具品種。多寶格的獨(dú)特之處在于,它將格 內(nèi)做出橫豎不等、高低不齊、錯(cuò)落參差的一個(gè)個(gè)空間。人們可以根據(jù)每格的面積大小和高度,擺放大小不同的陳設(shè)品。在視覺(jué)效果上,它打破了橫豎連貫等極富規(guī)律 性的格調(diào),因而開(kāi)辟出新奇的意境來(lái)。多寶格興盛于清代,與當(dāng)時(shí)的扶手椅一起,被公認(rèn)為是最富有清式風(fēng)格的家具之一。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:多寶閣傳統(tǒng)家具

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:Metro UI的“多寶閣設(shè)計(jì)”

活動(dòng)方格設(shè)計(jì):在Metro界面中,應(yīng)用都以可以翻轉(zhuǎn)的方形圖標(biāo)的形式呈現(xiàn)在主界面中。他們就好似是多寶格中的 “收藏品”一樣,每一個(gè)應(yīng)用都會(huì)給用戶愛(ài)不釋手的感覺(jué)??煞D(zhuǎn)的圖標(biāo),同時(shí)又印證了多寶格精致的機(jī)關(guān)設(shè)計(jì),給人以一種不斷幻化的新奇感。讓人忍不住去探索 Metro UI中的各種內(nèi)容。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:可以翻轉(zhuǎn)的圖標(biāo)

通過(guò)刷新活動(dòng)方格的內(nèi)容,可以讓一片狹小的區(qū)域顯示更多背后的內(nèi)容。這種設(shè)計(jì),要比單純的圖標(biāo)式界面能呈現(xiàn)更多豐富的內(nèi)容。

Metro UI活動(dòng)方格設(shè)計(jì)精要:

1. 活動(dòng)方格式的圖標(biāo)可以反映出更多應(yīng)用程序的信息。

2. 圖片豐富細(xì)膩,每一個(gè)小方框由173 X 173像素陣列組成,其可以顯示精致細(xì)膩的圖片。

3. 多標(biāo)題的圖片,可以容納下更多內(nèi)容,可以給設(shè)計(jì)師更多的靈感空間,每一個(gè)應(yīng)用都有機(jī)會(huì)構(gòu)建自己的獨(dú)特風(fēng)格。

Panorama環(huán)景界面概念:環(huán)景一詞源自于“panorama”,又稱全景圖,它是一種廣角圖,可以以畫(huà)作、照片、視頻、三維模型的形式存在。 全景圖這個(gè)詞最早由愛(ài)爾蘭畫(huà)家羅伯特?巴克提出,用以描述他創(chuàng)作的愛(ài)丁堡全景畫(huà)。現(xiàn)代的全景圖多指通過(guò)相機(jī)拍攝并在電腦上加工而成的圖片。19世紀(jì)中葉, 全景圖成為最常用的景觀和歷史事件的表現(xiàn)手法。1881年,荷蘭海景畫(huà)家梅斯達(dá)格(Hendrik Willem Mesdag)等人創(chuàng)作了梅斯達(dá)格全景畫(huà),并將畫(huà)放在一個(gè)直徑約40米的環(huán)形面內(nèi),畫(huà)長(zhǎng)約120米,高14余米。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:2011中國(guó)移動(dòng)開(kāi)發(fā)者大會(huì)現(xiàn)場(chǎng)環(huán)景圖

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:清明上河圖畫(huà)卷

用戶手中的這臺(tái)WP7手機(jī)的可視區(qū)域是十分有限的。例如諾基亞Lumia 800的屏幕僅為3.7寸,為了能讓用戶透過(guò)窄小的手機(jī)屏幕,看到更為宏大的場(chǎng)景,在Metro UI中就采用了這種Panorama設(shè)計(jì)的概念。它最大的益處是可以在一個(gè)二維平面內(nèi),集中顯示多種類型、多種來(lái)源的信息內(nèi)容。

正如這張清明上河圖所呈現(xiàn)出來(lái)的景象,寬大的卷軸不可能在手機(jī)中整體呈現(xiàn)出來(lái)。但是通過(guò)Panorama設(shè)計(jì)的概念,用戶可以橫向滾動(dòng)卷軸,一點(diǎn)一 點(diǎn)地將整張清明上河圖瀏覽完。并且在花卷橫向滾動(dòng)時(shí),人腦會(huì)記住當(dāng)前屏幕所展示的內(nèi)容以外的部分,并且人腦會(huì)自動(dòng)將這些順序與邏輯關(guān)系都有機(jī)的結(jié)合起來(lái)。 在人的腦海中會(huì)自然呈現(xiàn)出原畫(huà)磅礴的內(nèi)容。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:Panorama風(fēng)格應(yīng)用

Panorama設(shè)計(jì)的準(zhǔn)則,讓用戶可以控制自己的視野,通過(guò)用手指在屏幕上滑動(dòng)來(lái)獲得自己想要看的內(nèi)容。同時(shí),這種操控方式也是可以全屏幕進(jìn)行的,并且可以視作是一種應(yīng)用程序內(nèi)的導(dǎo)航模式。

1. 使用任意單一的顏色作為背景色,或者是一張圖片作為Panorama環(huán)景的背景。

2. 用戶不必使用任何額外的觸筆或者按鍵就能完成對(duì)Panorama的控制。

3. 在應(yīng)用UI的設(shè)計(jì)時(shí),微軟對(duì)設(shè)計(jì)師有一個(gè)明確的要求:Panorama界面不能過(guò)長(zhǎng),要限定在4個(gè)屏幕寬度之內(nèi)。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:Panorama風(fēng)格應(yīng)用

Pivot樞紐:是指最重要的部分,事物相互聯(lián)系的中心環(huán)節(jié)。在構(gòu)造地質(zhì)學(xué)中,在褶皺的各個(gè)橫剖面上,同一褶皺面的各最大彎曲點(diǎn)的聯(lián)線叫做樞紐。Pivot樞紐通過(guò)不同的方式顯示設(shè)置,Pivot樞紐的概念類似古代的“雕花燈籠”在轉(zhuǎn)動(dòng)的樣子。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

Pivot是立體的,它像是一個(gè)有許多面的實(shí)體

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:雕花燈籠

在Metro UI中的樞紐控制,提供了一種快速的獲取和管理信息的途徑,它能夠以多種窗格的形式滾動(dòng)呈現(xiàn)出來(lái)。用戶能夠使用它來(lái)過(guò)濾較大的數(shù)據(jù),通過(guò)它來(lái)查看多重?cái)?shù)據(jù),或者在應(yīng)用程序之間進(jìn)行切換查看。

微軟官方設(shè)計(jì)建議:

1. Pivot樞紐控制僅僅能顯示一組項(xiàng)目,或者是類似的數(shù)據(jù)類型。

2. 絕對(duì)不要在Pivote樞紐中包含Panorama型的環(huán)景控制,或者是在Pivot樞紐中再加入Pivot類型的控制。

3.Pivot樞紐中的頁(yè)面,不應(yīng)該被應(yīng)用于任務(wù)流。

4.不要試圖使用觸筆控制或者是滾動(dòng)控制來(lái)代替Pivot樞紐控制。尤其是在sllder、Toggles、Map控制中。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:Pivot控件結(jié)構(gòu)

Pivot VS. Panorama

Pivot和Panorama都是可以橫向拓展視野,一個(gè)是翻轉(zhuǎn),一個(gè)是平移。但是在開(kāi)發(fā)者設(shè)計(jì)UI時(shí),往往會(huì)將他們相互混淆。

Pivot可以支持更長(zhǎng)數(shù)字的項(xiàng)目,因?yàn)樗總€(gè)翻轉(zhuǎn)層都是類似的數(shù)據(jù)。而Panorama主要追求的是更炫的用戶體驗(yàn),在Panorama中每一組數(shù)據(jù)要足夠在一屏的寬度內(nèi)顯示出來(lái),這樣用戶不必來(lái)回滾動(dòng)屏幕翻看內(nèi)容。

在Pivot中,支持豐富的代碼內(nèi)容,開(kāi)發(fā)者可以調(diào)用許多數(shù)據(jù)內(nèi)容,并且以不同的方式呈現(xiàn)出來(lái)。而在Panorama中,需要與一些系統(tǒng)操作相匹配,因此其代碼實(shí)現(xiàn)的功能也相對(duì)簡(jiǎn)單一些。

在Pivot中LoadingPivotltem和UnloadingPivotltem事件可以簡(jiǎn)單的被推遲。另外Pivot還可以讓用戶更加的利用屏幕空間。

對(duì)于Panorama來(lái)說(shuō),其背景圖片可以是任意尺寸,在垂直方面,系統(tǒng)都會(huì)自動(dòng)的適應(yīng)屏幕的大小,確保頂部和底部都完全吻合,而在水平方向,將圖片等分成四個(gè)屏幕視野,同時(shí)確保屏幕滑動(dòng)流暢。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

Pivot(下) VS. Panorama(上)

Metro、iOS、Android之三大UI風(fēng)格對(duì)比

三種移動(dòng)平臺(tái),三種風(fēng)格迥異的UI界面。先有iOS,后有Android,但是Metro UI的風(fēng)格,早在許久之前就深入現(xiàn)代設(shè)計(jì)殿堂。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:Metro UI(左)、iOS UI(中)、Android UI(右)

Live & rich tiles對(duì)決靜態(tài)圖標(biāo)。在Windows Phone中,圖標(biāo)按鈕可以呈現(xiàn)出更加豐富的信息。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:Metro UI能推送更多信息

集成流與獨(dú)立應(yīng)用。WP和Android在一個(gè)應(yīng)用中,四步即可對(duì)一張照片完成剪裁。而在iOS中,需要頻繁的在2個(gè)應(yīng)用中切換,至少6步才能搞定。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:三大平臺(tái)操作誰(shuí)更簡(jiǎn)單?

簡(jiǎn)單的菜單 VS. 各種高級(jí)子選項(xiàng)。沒(méi)有選項(xiàng)卡,沒(méi)有古怪的按鈕,有的僅僅是簡(jiǎn)潔明了的菜單。Metro UI回歸質(zhì)樸,所帶給用戶的是極簡(jiǎn)式的操作體驗(yàn)。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:三大平臺(tái)操作誰(shuí)更直觀?

MetroUI的秘密:誰(shuí)更適合視力有障礙的人?

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:在你視力好的時(shí)候,可能不會(huì)覺(jué)得他們有太大差別

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:當(dāng)你視力有些許的問(wèn)題時(shí),你依舊能準(zhǔn)確操作手機(jī)

MetroUI未來(lái)發(fā)展之勢(shì)

現(xiàn)在,微軟開(kāi)始整合本設(shè)計(jì)風(fēng)格到其他產(chǎn)品中,如新版本的Windows Live Messenger和Live Mesh。而微軟也確認(rèn)Windows 8將全面集成Metro UI設(shè)計(jì)。而根據(jù)Office內(nèi)部測(cè)試版的截圖,Office也會(huì)使用Metro設(shè)計(jì)。微軟美國(guó)官方網(wǎng)站亦部分使用本設(shè)計(jì)。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:Windows8的Metro界面

Metro UI會(huì)被廣大消費(fèi)者接受嗎?

Metro UI會(huì)被消費(fèi)者所接受嗎?這個(gè)情況與iPhone不同,蘋果的iPhone已經(jīng)非常有名,它的各種消息都是媒體們爭(zhēng)相報(bào)道的好題材。當(dāng)iPhone的用戶 在iPhone初代、iPhone 3G和iPhone 3GS時(shí)就有了深厚的積累和廣泛的認(rèn)知,由此在iPhone4推出時(shí)其銷量的爆炸式增長(zhǎng)也就是必然的事情了。對(duì)于iOS的界面來(lái)說(shuō),消費(fèi)者經(jīng)歷了漫長(zhǎng)的過(guò) 程才接受它的。同時(shí)在這個(gè)接受的過(guò)程中,iOS的界面也在各種的反饋聲中不斷的進(jìn)化。

Metro UI 界面完全解析 - 乂乂 - 一個(gè)人,一支煙 ·~~

圖:CSDN微峰會(huì) 諾基亞Lumia 800品鑒交流

當(dāng)Android出現(xiàn)的時(shí)候,其界面與iPhone基本相同。Android抄襲iOS的界面設(shè)計(jì)之所以讓喬布斯非常惱火,就說(shuō)明谷歌在這方面是非常成功的。雖然這二者也有著明顯的差異,但是從主界面的網(wǎng)格式圖標(biāo)布局來(lái)看,容易讓用戶找到所需內(nèi)容。

微軟需要與合作伙伴一起精心的打造Windows Phone的生態(tài)鏈,Windows Phone手機(jī)會(huì)在更多的國(guó)家上市銷售。如果人們買不到Windows Phone,那么其他人就不會(huì)買它。這與手機(jī)系統(tǒng)的設(shè)計(jì)和手機(jī)的質(zhì)量無(wú)關(guān),可以說(shuō)目前Windows Phone手機(jī)上Metro UI正缺乏被社會(huì)廣泛接受的一些必要條件。但是這一設(shè)計(jì)語(yǔ)言必然會(huì)慢慢流行起來(lái)。

三大智能手機(jī)UI誰(shuí)看上去更藝術(shù)?

你可能會(huì)偶爾看到,某個(gè)餐廳的菜單,用的是iOS的界面風(fēng)格。也許你能聽(tīng)說(shuō)某人,設(shè)計(jì)了一個(gè)隨身記事本,其外觀與三星的note手機(jī)極為相似。你可 能會(huì)哇的贊嘆,其UI設(shè)計(jì)的影響力,已經(jīng)從移動(dòng)領(lǐng)域延伸到了日常生活中。但Metro UI則完全相反,它是先被廣泛應(yīng)用在日常的生活中,然后再經(jīng)過(guò)各種優(yōu)化,才植入智能手機(jī)中的。源于生活而高于生活,這才能稱之為藝術(shù)。我國(guó)某位著名的根雕 藝術(shù)大師曾經(jīng)說(shuō)過(guò)這樣一句話:工藝品和藝術(shù)品的價(jià)值至少差著五個(gè)檔次。

掃一掃,案例分享帶回家(藍(lán)藍(lán)設(shè)計(jì)微信公眾平臺(tái))

日歷

鏈接

個(gè)人資料

存檔