从设计及体验模式的角度出发，该应用可以大致被解构为六个方面：

　　

1.布局和导航

　　

2.命令与行为 

互联网的一些事

　　

3.契约(Contract)：搜索、分享及其他

　　

4.触控与手势

　　

5.屏幕定向与视图模式

　　

6.消息通知

　　接下来我们将依次对这六个方面的要素进行分析与对比。

　　布局与导航

 

y

　　聚焦于内容

 

　　这款相片日志应用要有能力对两方面的内容进行良好的呈现，即展示用户的相片以及
与这些相片相关的最新社交动态。在创建

Metro 风格应用时，我们的第一个目标就是将原有

iPad 应用当中的那些与核心功能和内容没有直接关联的界面元素统统移除，例如顶部的导
航栏、底部的页面指示符、标签栏等。不用担心导航的问题，我们在后文中会谈到如何让用户
在需要的时候调出

app bar。

　　

iPad 版本：

　　

●A.导航栏

　　

●B.内容

　　

●C.页面指示符 

互联网的一些事

　　

●D.标签栏 

　　

Metro 版本：

　　

●B.内容与 Logo 

互联网的一些事

　　相片内容的呈现方式

 

m

　　两个版本都会按照月份次序来组织内容，不过对于月份的表现方式有所差异。在

iPad

版本中，相片会根据上传月份的不同而被划分到

12 个区块当中。在 Metro 版本中，我们倾

向于以更加直接的方式呈现出更多的相片及社交方面的信息，使用户对内容的上下文环境
具有更强的认知。