上周有幸玩了一會Metro的平板。單說視覺風格，仍是我的大菜，但真正用起來卻不覺得舒暢，尤其是橫向瀏覽內容列表的時候，視線不停的在X軸與Y軸之間切換，很快感到頭暈目眩，這一切似乎比瀑布流更加兇殘。

當然，僅僅是個人感受；我不想這樣就得出Metro中看不中用的結論。做這篇譯文大致可以代表我的立場，即相比于iOS來說，Windows這套東西確實有很多獨到的精華在里面；我想通過這樣的文章加深認識，了解一些表象背后的東西。也希望本文可以給那些已經熟悉iOS，但對Metro及Windows平板仍屬于初識的朋友們一個小小的起點。接下來讓我們進入正文，一篇與來自微軟官方的案例文章。

iOS是個不錯的平臺，人們在其中創(chuàng)造了各類觸控優(yōu)先、有趣且吸引人的應用。不過，隨著Windows 8的登場，設計師和開發(fā)者們又多了一個釋放創(chuàng)意能量的新舞臺。

在本篇案例當中，我們將幫助各位使用Metro風格的設計原則對原有的iOS應用設計方案進行重新構思，大家會了解到怎樣將iPad當中一些常見的界面元素及體驗模式轉換成為Metro風格，以打造全新的Windows 8應用。我們將對同一款應用在兩個平臺中的不同設計方式進行對比，幫助各位了解怎樣將你的應用與Windows 8以及Metro設計原則進行完美的融合。

我們將要研究的是一款相片日志應用，用戶可以在線查看和管理他們的照片或視頻。下圖是這款應用的Metro版本：

這款應用最初是為iPad設計的，如下圖所示。

從設計及體驗模式的角度出發(fā)，該應用可以大致被解構為六個方面：

1. 布局和導航
2. 命令與行為
3. 契約(Contract)：搜索、分享及其他
4. 觸控與手勢
5. 屏幕定向與視圖模式
6. 消息通知

接下來我們將依次對這六個方面的要素進行分析與對比。

布局與導航

聚焦于內容

這款相片日志應用要有能力對兩方面的內容進行良好的呈現，即展示用戶的相片以及與這些相片相關的最新社交動態(tài)。在創(chuàng)建Metro風格應用時，我們的第一個目標就是將原有iPad應用當中的那些與核心功能和內容沒有直接關聯(lián)的界面元素統(tǒng)統(tǒng)移除，例如頂部的導航欄、底部的頁面指示符、標簽欄等。不用擔心導航的問題，我們在后文中會談到如何讓用戶在需要的時候調出app bar。

iPad版本：

• A.導航欄
• B.內容
• C.頁面指示符
• D.標簽欄

Metro版本：

• B.內容與Logo

標簽： 交互設計 交互模式 Metro 

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