我們平常所說的metro是由兩種東西構成,即metro設計原則與metro設計語言。metro設計原則是metro的核心(抽象的),引導我們設計出metro風格的設計;而metro設計語言是一系列關於交互設計、視覺設計、操作流程的一系列規則……
關於metro設計原則
metro設計原則是對設計師的考驗,在用戶看來,呈現在其面前的是如此簡單清新的畫面,以至於有的人戲稱“用簡單的 windows畫圖就能設計出來”,我並不否認簡單的畫圖工具也能設計出符合metro設計原則的優秀設計,但請記住你手中的畫筆不一定比達芬奇手中的畫筆差!
Metro不是chrome!Googlechrome是由谷歌公司開發的一個浏覽器,相比firefox,或許正如其自吹自擂所說,它的速度快極了?在這裡我不討論firefox和chrome誰快誰慢,我想說的是,Metro不是chrome,簡單不是簡簡單單的刪減功能或者信息。
排版是如此的重要,但除了信息。metro是個優秀的設計理念,達芬奇也說過“簡單即是極大的高深”,請記住在metro設計原則中,信息是最重要的,排版是為了更好的處理信息。優秀的設計師往往充分利用空白,即是“留白”等來創造“結構化的信息”。
關於metro設計語言
我們知道機場和地鐵的指示牌給了微軟設計團隊靈感,其風格大量采用大字體,能吸引受眾之注意力。微軟認為Metro設計主題應該是:“光滑、快、現代”。
相比抽象的設計原則(IOS,andriod的設計風格源自於IOS,兩者並無本質差別),metro設計語言是具體的。這種具體的設計語言(全景圖Panorama、Pivot樞紐、Pages頁面)是一種導航,指引我們去點擊,混動,觸摸,通過什麼?手勢!“可視化的手勢”正是windows phone metro設計比webos設計高明的地方。我討厭用手去點擊屏幕上方的按鈕,這就是我討厭IOS設計的地方,這也是為什麼我喜歡 windowsphone的地方!
請注意,不要過度使用全景圖,濫用樞紐!全景圖Panorama承載的信息有限,正如雜志封面一樣;而Pivot樞紐可以呈現更多的“信息概況”;Pages頁面?我們常常用它來輸入內容和呈現“完整的單個信息”。
是時候該給你的中文應用替換字體了!在《metro UI的故事》中,我們知道metro設計語言使用了更美的字體。然而國內的開發人員們似乎忽略了這條信息“…和WP設計團隊總設計師 MikeKruzeniski面談中國風格設計問題,最終確認:等線字體是WP官方簡體中文字體,並分常規和加黑兩種形式……”