Metro風(fēng)格的應(yīng)用是針對(duì)你的用戶需求而設(shè)計(jì)的全屏幕應(yīng)用程序。他針對(duì)其所運(yùn)行的設(shè)備所設(shè)計(jì)，針對(duì)觸摸屏幕及Windows用戶界面優(yōu)化。Windows幫助你與你的用戶進(jìn)行交互，從而使用戶與你的應(yīng)用產(chǎn)生互動(dòng)。本文將幫助你了解Metro風(fēng)格的應(yīng)用設(shè)計(jì)以及一些基本的開發(fā)技巧。

針對(duì)你的用戶所設(shè)計(jì)的應(yīng)用

當(dāng)用戶使用Metro應(yīng)用時(shí)，他應(yīng)該能體驗(yàn)到：

沉浸式：你的Metro應(yīng)用應(yīng)該是全屏幕的，讓用戶沉浸在你所創(chuàng)建的體驗(yàn)之中。在這種全屏體驗(yàn)中，用戶能極力享受到他所喜愛的內(nèi)容。為了充分展示你的內(nèi)容，我們移除了不是必須的操作系統(tǒng)的邊框。你的應(yīng)用程序就是Windows的核心體驗(yàn)。請(qǐng)充分利用屏幕的空間來設(shè)計(jì)你的應(yīng)用程序，但不要讓他過于雜亂。讓用戶專注于他需要專注的任務(wù)之中。

增進(jìn)與活躍：你的Metro應(yīng)用能幫助用戶找到他們關(guān)注的信息。Live titles的更新幫助用戶在第一時(shí)間找到有用的興趣，并引導(dǎo)用戶進(jìn)入你的應(yīng)用程序。

開始畫面幫助展示你應(yīng)用最好的一面。App tiles上呈載了實(shí)時(shí)的狀態(tài)與更新，來鼓勵(lì)用戶進(jìn)入你的應(yīng)用。當(dāng)我們?cè)O(shè)計(jì)tiles，我們應(yīng)當(dāng)：

1、突出你的品牌。app tile能幫助你視覺化你的品牌。應(yīng)當(dāng)設(shè)計(jì)得有足夠吸引力以及與其它應(yīng)用的差異化。

2、在app tile上盡可能的展現(xiàn)用戶關(guān)注的信息以及更新。你會(huì)寄希望于用戶經(jīng)常來查看你的tile，查看最新的應(yīng)用中的更新。你寄希望于這些更新能吸引你的用戶點(diǎn)擊使用你的應(yīng)用。考慮周全的信息設(shè)計(jì)能充分增進(jìn)你的用戶與應(yīng)用的聯(lián)系。

有關(guān)更多的設(shè)計(jì)app tile的信息，請(qǐng)查看 Guidelines and checklist for tiles 以及 Guidelines and checklist for notifications.

保持連接：你的用戶能夠分享內(nèi)容到他的社交網(wǎng)絡(luò)或設(shè)備上。了解更多有關(guān)Searching， sharing， and connecting （JavaScript）。

交互性與觸控優(yōu)先：你的應(yīng)用應(yīng)當(dāng)為觸控以及自然操作方式而設(shè)計(jì)，Windows會(huì)自動(dòng)針對(duì)鍵盤、鼠標(biāo)及圖像縮放進(jìn)行處理。了解更多，請(qǐng)?jiān)L問Designing for touch 以及 Responding to user interaction.

自動(dòng)適應(yīng)性視圖：應(yīng)用中的控件應(yīng)當(dāng)支持流式布局，這樣內(nèi)容會(huì)自然的根據(jù)不同的設(shè)備進(jìn)行適應(yīng)性排版。相應(yīng)的平臺(tái)上提供了自動(dòng)縮放功能能幫助我們處理多分辨率以及屏幕方向問題。了解更多Designing for different form factors.

可信賴的應(yīng)用：用戶可以安全的下載、安全、使用及更新，而不會(huì)影響到其它應(yīng)用。

為多任務(wù)而設(shè)計(jì)

當(dāng)應(yīng)用程序全屏幕運(yùn)行時(shí)，Windows同時(shí)也能支持多任務(wù)操作。

1、Snapped View。用戶喜歡同時(shí)做多件事情。他們希望使用你的應(yīng)用時(shí)同時(shí)還能聊天、上網(wǎng)、看視頻或其它，所以請(qǐng)讓你的snap view能滿足用戶的需求，同時(shí)在Snap以及非Snap狀態(tài)時(shí)能流暢的切換。

2、Filled View。用戶可能將其它應(yīng)用作為Snap View而把你的應(yīng)用作為Filled View。注意考慮到水平方向減少面積時(shí)你的應(yīng)用如何更好的適應(yīng)。

為你定制的開發(fā)者體驗(yàn)

開發(fā)者同樣能受益：

選擇你鐘愛的開發(fā)語(yǔ)言：你能夠使用JavaScript加HTML5以及CS3，或C++/C#/VB加XAML。

新的布署方法：你的用戶可以安全和簡(jiǎn)單的安裝和刪除應(yīng)用。你無需過多的考慮系統(tǒng)性能。

1、Metro應(yīng)用發(fā)布方式：你的應(yīng)用程序?qū)⑹褂萌�新的Metro應(yīng)用的發(fā)布方式，安裝、更新與刪除的過程非常干凈，不會(huì)改動(dòng)操作系統(tǒng)。

2、Windows Store

新的UI與觸控輸入：你可以直接按你用戶所能接受操作方式來設(shè)計(jì)你的應(yīng)用，所有的UI控件都直接支持這些操作方式。

本地化：你可以開發(fā)一次即可布署應(yīng)用到不同的區(qū)域和語(yǔ)言。不僅如此，Windows Developer Preview提供的API能讓你的應(yīng)用響應(yīng)用戶的語(yǔ)言和文件設(shè)定——如日期、時(shí)間及貨幣格式，只需要簡(jiǎn)單的開發(fā)。最終的結(jié)果能讓你開發(fā)國(guó)際化的應(yīng)用程序。了解Globalizing your app.

開發(fā)工具：Microsoft Expression Blend與Microsoft Visual Studio 11 Express的預(yù)覽版目前免費(fèi)提供，你將獲得完整的開發(fā)環(huán)境和模板來設(shè)計(jì)、開發(fā)、打包、調(diào)試及布署你的應(yīng)用。

本文編譯自allan，原文地址。

譯文出處：experience10.com

標(biāo)簽： Metro Metro風(fēng)格 應(yīng)用設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。