首頁 > 網頁教程 > 設計分享 > 移動終端全新界面設計語言“Metro”簡析

江苏十一选五任五:移動終端全新界面設計語言“Metro”簡析

時間:2011-02-13    作者:不詳   來源:百度MUX

江苏十一选五开奖公告 www.ervgn.com 何謂“Metro”?“Metro”本意是指“地鐵”。縱觀機場、地鐵、公交線路圖等,會發現這些導視設計都具有高度概括性,對比度強烈等特點,并被用來指導人們更快的找到自己要去的目的地。

“Metro”之源

一個移動設備的界面設計語言怎么會跟地鐵掛上鉤呢?每一次改革創新的背后,都有一個主導思想。微軟這次推出的Windows Phone 7(以下簡稱WP7)背后也存在著一個設計語言,設計思想,這個設計語言正是源于交通導視圖的這些特點而產生的靈感!在微軟內部這種設計語言被命名為“Metro”。

“Metro”之新

1.圖標

WP7整個界面展現出的“圖標”完全跟 “圓角、漸變、陰影、光澤感”說拜拜,用純二維以及高度概括性弱化了視覺上的復雜性,讓用戶沒有過多的去關注圖標本身,而是增加其辨識性和標識性,達到強化內容和信息的目的。

2.界面布局

Home頁沒有像九宮格那樣整齊排布,而是用一個一個單一的色塊平面化的對界面進行大膽的分割。其他的界面也去掉了那些繁復冗余的設計細節,沒有過多絢麗的色彩,沒有花哨的光影,強調用文字信息進行排版,更多的是關注內容本身,更關注用戶想要什么,用一種銳利直白的視覺語言來表達了真實的內容。

3.字體

字體是“Metro”展現其設計美感的一個重點,它主要使用的是較細的Segoe UI字體,通過把字體放大、縮小來得到好的效果和設計感。在“Metro”中沒有需要操作的復雜的界面來轉移用戶對內容的注意,取而代之的是用戶本身關注的內容,簡而言之:內容即界面!這樣極大地減少了用戶視覺上的干擾、增強了引導性,讓原本“擁擠”了的各種內容和信息的界面顯得更加地“透氣”。

在一個充斥著各種漸變和各種效果的時代,WP7能如此大膽地拋開了傳統視覺設計語言的束縛,不惜代價地提高視覺上的清晰度和辨識度,把追求簡潔發揮到了極致。

相關推薦
分析用戶界面中扁平化設計的優缺點
扁平化設計的前世今生:靈感或來自瑞士風格
扁平化:回歸真實的設計
如何讓網站首頁設計得極具吸引力?
淘寶品牌名店的BANNER廣告設計評價及分析(2)
優秀排版設計的8條建議
版式設計:深入淺出學會網格系統的應用
如何學會版式設計中的主要元素提???
文字排版設計:如何設計出吸引視線的標題?
如何用超大字體元素應用在設計作品集類的網站?
分享:設計法則之恐懼留白 Horror Vacui
什么是“整體網頁設計”?整體網頁設計工作原理
版式設計:不一樣的網頁布局之“方塊布局”
分享:99%的人在做網站設計時都用錯了留白!
留白設計:設計中的留白要如何做?
8種網頁和APP背景設計趨勢分享
設計分享:點線面在版式設計中的作用是什么呢?
版式設計:什么是“三率一界”?
完美構圖之黃金分割在界面設計中的應用
新手教程:9款經典網頁布局設計推薦
二十款網頁圖文混排設計樣式欣賞
如何掌握網頁廣告字體設計的技巧
網站的旗幟(Banner)廣告條字體設計簡析
85個優秀的超大字體網頁設計欣賞
30款超棒的Photoshop文字特效制作圖文教程
30個超炫的Photoshop字體創意設計教程
24個很漂亮用CSS3實現的文本效果演示及教程推薦
10個基于HTML5技術的字體設計應用演示網站
20款漂亮的歐美風格免費創意卷曲字體欣賞(附下載)
網站設計中BANNER(廣告條)中的字體結構分析
無線移動終端APP的文字閱讀體驗設計分享
20個視覺效果令人驚嘆Photoshop文字特效教程
網頁排版設計如何才能讓頁面文字閱讀更舒適?
15個運用創意印刷字體的網站欣賞
38個創意出彩的網頁字體設計案例賞析
再也不怕選字體了!超全面的英文字體小結

精彩推薦

熱門教程