2011-05-19 10:58:43heyhan

“Metro”,移動設備視覺語言的新新人類

“Metro”,移動設備視覺語言的新新人類

http://www.inspirr.com

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

“Metro”之源

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

“Metro”之新

1.圖標

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

2.界面布局

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

3.字體

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

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