metro的介紹以及metro的好處介紹
發(fā)布時間:2012-09-17 17:06:49 作者:佚名
我要評論

我們平常所說的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è)計出來”,我并不否認(rèn)簡單的畫圖工具也能設(shè)計出符合metro設(shè)計原則的優(yōu)秀設(shè)計,但請記住你手中的畫筆不一定比達(dá)芬奇手中的畫筆差!
Metro不是chrome!Google chrome是由谷歌公司開發(fā)的一個瀏覽器,相比firefox,或許正如其自吹自擂所說,它的速度快極了?在這里我不討論firefox和chrome誰快誰慢,我想說的是,Metro不是chrome,簡單不是簡簡單單的刪減功能或者信息。
排版是如此的重要,但除了信息。metro是個優(yōu)秀的設(shè)計理念,達(dá)芬奇也說過“簡單即是極大的高深”,請記住在metro設(shè)計原則中,信息是最重要的,排版是為了更好的處理信息。優(yōu)秀的設(shè)計師往往充分利用空白,即是“留白”等來創(chuàng)造“結(jié)構(gòu)化的信息”。
關(guān)于metro設(shè)計語言
我們知道機(jī)場和地鐵的指示牌給了微軟設(shè)計團(tuán)隊靈感,其風(fēng)格大量采用大字體,能吸引受眾之注意力。微軟認(rèn)為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è)計團(tuán)隊總設(shè)計師 MikeKruzeniski面談中國風(fēng)格設(shè)計問題,最終確認(rèn):等線字體是WP官方簡體中文字體,并分常規(guī)和加黑兩種形式……”
機(jī)遇與困境
相比傳統(tǒng)的設(shè)計,metro設(shè)計看似簡單,但卻難以把握,這很考驗設(shè)計師的本領(lǐng)。多學(xué)習(xí)、交流、觀摩、改進(jìn),我相信你的APP會更加完美。
metro設(shè)計原則是對設(shè)計師的考驗,在用戶看來,呈現(xiàn)在其面前的是如此簡單清新的畫面,以至于有的人戲稱“用簡單的 windows畫圖就能設(shè)計出來”,我并不否認(rèn)簡單的畫圖工具也能設(shè)計出符合metro設(shè)計原則的優(yōu)秀設(shè)計,但請記住你手中的畫筆不一定比達(dá)芬奇手中的畫筆差!
Metro不是chrome!Google chrome是由谷歌公司開發(fā)的一個瀏覽器,相比firefox,或許正如其自吹自擂所說,它的速度快極了?在這里我不討論firefox和chrome誰快誰慢,我想說的是,Metro不是chrome,簡單不是簡簡單單的刪減功能或者信息。
排版是如此的重要,但除了信息。metro是個優(yōu)秀的設(shè)計理念,達(dá)芬奇也說過“簡單即是極大的高深”,請記住在metro設(shè)計原則中,信息是最重要的,排版是為了更好的處理信息。優(yōu)秀的設(shè)計師往往充分利用空白,即是“留白”等來創(chuàng)造“結(jié)構(gòu)化的信息”。
關(guān)于metro設(shè)計語言
我們知道機(jī)場和地鐵的指示牌給了微軟設(shè)計團(tuán)隊靈感,其風(fēng)格大量采用大字體,能吸引受眾之注意力。微軟認(rèn)為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è)計團(tuán)隊總設(shè)計師 MikeKruzeniski面談中國風(fēng)格設(shè)計問題,最終確認(rèn):等線字體是WP官方簡體中文字體,并分常規(guī)和加黑兩種形式……”
機(jī)遇與困境
相比傳統(tǒng)的設(shè)計,metro設(shè)計看似簡單,但卻難以把握,這很考驗設(shè)計師的本領(lǐng)。多學(xué)習(xí)、交流、觀摩、改進(jìn),我相信你的APP會更加完美。
相關(guān)文章
AudioContext 實現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實現(xiàn)音頻可視化,要實現(xiàn)音頻可視化得先實現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細(xì)內(nèi)容2022-02-23- 這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關(guān)資料,需要的小伙伴可以參考一下,希望對你有所幫助2022-02-23
- 這是我通過網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對html,css頁面重構(gòu)時的基礎(chǔ),需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強(qiáng)團(tuán)隊的開發(fā)協(xié)作,提高代碼質(zhì)量和打造開發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個部分。我們知道,當(dāng)一個團(tuán)隊開始指定并實行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團(tuán)隊遵循和約定的代碼書寫規(guī)范,意在提高代碼的規(guī)范性和可維護(hù)性,需要的朋友可以參考下2017-01-21
響應(yīng)式Web之流式網(wǎng)格系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了響應(yīng)式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法。希望對大家有所幫助。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗的朋友確很少,在安裝過程中總會出現(xiàn)這樣那樣的問題,基于這些問題,下面小編抽個時間把Visual Foxpro 6.02015-09-09網(wǎng)站日志200 0 64狀態(tài)碼的分析(協(xié)議子狀態(tài))
網(wǎng)站日志200 0 64狀態(tài)碼的分析介紹2012-10-29