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