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

我們平常所說的metro是由兩種東西構(gòu)成,即metro設(shè)計(jì)原則與metro設(shè)計(jì)語言。metro設(shè)計(jì)原則是metro的核心(抽象的),引導(dǎo)我們設(shè)計(jì)出metro風(fēng)格的設(shè)計(jì);而metro設(shè)計(jì)語言是一系列關(guān)于交互設(shè)計(jì)、視覺設(shè)計(jì)、操作流程的一系列規(guī)則……
關(guān)于metro設(shè)計(jì)原則
metro設(shè)計(jì)原則是對設(shè)計(jì)師的考驗(yàn),在用戶看來,呈現(xiàn)在其面前的是如此簡單清新的畫面,以至于有的人戲稱“用簡單的 windows畫圖就能設(shè)計(jì)出來”,我并不否認(rèn)簡單的畫圖工具也能設(shè)計(jì)出符合metro設(shè)計(jì)原則的優(yōu)秀設(shè)計(jì),但請記住你手中的畫筆不一定比達(dá)芬奇手中的畫筆差!
Metro不是chrome!Google chrome是由谷歌公司開發(fā)的一個(gè)瀏覽器,相比firefox,或許正如其自吹自擂所說,它的速度快極了?在這里我不討論firefox和chrome誰快誰慢,我想說的是,Metro不是chrome,簡單不是簡簡單單的刪減功能或者信息。
排版是如此的重要,但除了信息。metro是個(gè)優(yōu)秀的設(shè)計(jì)理念,達(dá)芬奇也說過“簡單即是極大的高深”,請記住在metro設(shè)計(jì)原則中,信息是最重要的,排版是為了更好的處理信息。優(yōu)秀的設(shè)計(jì)師往往充分利用空白,即是“留白”等來創(chuàng)造“結(jié)構(gòu)化的信息”。
關(guān)于metro設(shè)計(jì)語言
我們知道機(jī)場和地鐵的指示牌給了微軟設(shè)計(jì)團(tuán)隊(duì)靈感,其風(fēng)格大量采用大字體,能吸引受眾之注意力。微軟認(rèn)為Metro設(shè)計(jì)主題應(yīng)該是:“光滑、快、現(xiàn)代”。
相比抽象的設(shè)計(jì)原則(IOS,andriod的設(shè)計(jì)風(fēng)格源自于IOS,兩者并無本質(zhì)差別),metro設(shè)計(jì)語言是具體的。這種具體的設(shè)計(jì)語言(全景圖Panorama、Pivot樞紐、Pages頁面)是一種導(dǎo)航,指引我們?nèi)c(diǎn)擊,混動,觸摸,通過什么?手勢!“可視化的手勢”正是windows phone metro設(shè)計(jì)比webos設(shè)計(jì)高明的地方。我討厭用手去點(diǎn)擊屏幕上方的按鈕,這就是我討厭IOS設(shè)計(jì)的地方,這也是為什么我喜歡 windowsphone的地方!
請注意,不要過度使用全景圖,濫用樞紐!全景圖Panorama承載的信息有限,正如雜志封面一樣;而Pivot樞紐可以呈現(xiàn)更多的“信息概況”;Pages頁面?我們常常用它來輸入內(nèi)容和呈現(xiàn)“完整的單個(gè)信息”。
是時(shí)候該給你的中文應(yīng)用替換字體了!在《metro UI的故事》中,我們知道m(xù)etro設(shè)計(jì)語言使用了更美的字體。然而國內(nèi)的開發(fā)人員們似乎忽略了這條信息“…和WP設(shè)計(jì)團(tuán)隊(duì)總設(shè)計(jì)師 MikeKruzeniski面談中國風(fēng)格設(shè)計(jì)問題,最終確認(rèn):等線字體是WP官方簡體中文字體,并分常規(guī)和加黑兩種形式……”
機(jī)遇與困境
相比傳統(tǒng)的設(shè)計(jì),metro設(shè)計(jì)看似簡單,但卻難以把握,這很考驗(yàn)設(shè)計(jì)師的本領(lǐng)。多學(xué)習(xí)、交流、觀摩、改進(jìn),我相信你的APP會更加完美。
metro設(shè)計(jì)原則是對設(shè)計(jì)師的考驗(yàn),在用戶看來,呈現(xiàn)在其面前的是如此簡單清新的畫面,以至于有的人戲稱“用簡單的 windows畫圖就能設(shè)計(jì)出來”,我并不否認(rèn)簡單的畫圖工具也能設(shè)計(jì)出符合metro設(shè)計(jì)原則的優(yōu)秀設(shè)計(jì),但請記住你手中的畫筆不一定比達(dá)芬奇手中的畫筆差!
Metro不是chrome!Google chrome是由谷歌公司開發(fā)的一個(gè)瀏覽器,相比firefox,或許正如其自吹自擂所說,它的速度快極了?在這里我不討論firefox和chrome誰快誰慢,我想說的是,Metro不是chrome,簡單不是簡簡單單的刪減功能或者信息。
排版是如此的重要,但除了信息。metro是個(gè)優(yōu)秀的設(shè)計(jì)理念,達(dá)芬奇也說過“簡單即是極大的高深”,請記住在metro設(shè)計(jì)原則中,信息是最重要的,排版是為了更好的處理信息。優(yōu)秀的設(shè)計(jì)師往往充分利用空白,即是“留白”等來創(chuàng)造“結(jié)構(gòu)化的信息”。
關(guān)于metro設(shè)計(jì)語言
我們知道機(jī)場和地鐵的指示牌給了微軟設(shè)計(jì)團(tuán)隊(duì)靈感,其風(fēng)格大量采用大字體,能吸引受眾之注意力。微軟認(rèn)為Metro設(shè)計(jì)主題應(yīng)該是:“光滑、快、現(xiàn)代”。
相比抽象的設(shè)計(jì)原則(IOS,andriod的設(shè)計(jì)風(fēng)格源自于IOS,兩者并無本質(zhì)差別),metro設(shè)計(jì)語言是具體的。這種具體的設(shè)計(jì)語言(全景圖Panorama、Pivot樞紐、Pages頁面)是一種導(dǎo)航,指引我們?nèi)c(diǎn)擊,混動,觸摸,通過什么?手勢!“可視化的手勢”正是windows phone metro設(shè)計(jì)比webos設(shè)計(jì)高明的地方。我討厭用手去點(diǎn)擊屏幕上方的按鈕,這就是我討厭IOS設(shè)計(jì)的地方,這也是為什么我喜歡 windowsphone的地方!
請注意,不要過度使用全景圖,濫用樞紐!全景圖Panorama承載的信息有限,正如雜志封面一樣;而Pivot樞紐可以呈現(xiàn)更多的“信息概況”;Pages頁面?我們常常用它來輸入內(nèi)容和呈現(xiàn)“完整的單個(gè)信息”。
是時(shí)候該給你的中文應(yīng)用替換字體了!在《metro UI的故事》中,我們知道m(xù)etro設(shè)計(jì)語言使用了更美的字體。然而國內(nèi)的開發(fā)人員們似乎忽略了這條信息“…和WP設(shè)計(jì)團(tuán)隊(duì)總設(shè)計(jì)師 MikeKruzeniski面談中國風(fēng)格設(shè)計(jì)問題,最終確認(rèn):等線字體是WP官方簡體中文字體,并分常規(guī)和加黑兩種形式……”
機(jī)遇與困境
相比傳統(tǒng)的設(shè)計(jì),metro設(shè)計(jì)看似簡單,但卻難以把握,這很考驗(yàn)設(shè)計(jì)師的本領(lǐng)。多學(xué)習(xí)、交流、觀摩、改進(jìn),我相信你的APP會更加完美。
相關(guān)文章
AudioContext 實(shí)現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實(shí)現(xiàn)音頻可視化,要實(shí)現(xiàn)音頻可視化得先實(shí)現(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)時(shí)的基礎(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)隊(duì)的開發(fā)協(xié)作,提高代碼質(zhì)量和打造開發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個(gè)部分。我們知道,當(dāng)一個(gè)團(tuán)隊(duì)開始指定并實(shí)行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團(tuán)隊(duì)遵循和約定的代碼書寫規(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的實(shí)現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法。希望對大家有所幫助。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗(yàn)的朋友確很少,在安裝過程中總會出現(xiàn)這樣那樣的問題,基于這些問題,下面小編抽個(gè)時(shí)間把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