设计原汁原味的Windows Phone应用

Windows Phone面试也有很长一段时间了，其简洁的视觉风格，完全区别于iOS及Android的交互方式受到很多设计师的青睐。

目前Marketplace中的应用数量相较App Store和Google Market还是比较少的，具有平台特色的创新交互方式也没有非常成形，我们了解这个平台最简单的方式就是先按照最接近原生体验的方式去设计应用，在充分并深入理解这个平台之后再去创造更多新颖的交互方式。

下面就从这个系统所提供的最原生的交互方式出发简单分析一下如何设计一个最为原汁原味的Windows Phone应用。

瓦片（Tile）的合理运用

Windows Phone中最大的一个特点就是主页面是由一个一个方形或长方形的“瓦片”建起来的。瓦片可不仅仅是一个icon，它还能承载应用想要展示给用户的一些信息，所以合理运用瓦片可以展示的信息将会给我们设计的应用增色不少，在用户诸多的选择中脱颖而出。

最基本的，可以像系统自带的短信功能那样，提供一个未读短消息条数的数字提示。

稍复杂点，可以在瓦片中显示一些静态或动态的图片、文字信息。不过要注意一点，Windows Phone的设计原则就是简洁为主，大色块配合尽量少的颜色展示内容比较符合这个系统整体的风格，如果把瓦片设计的太过于花哨和复杂就有点背离系统设计初衷了，放置在主界面上可能也不会有特别好的视觉效果。

不仅如此，瓦片并不是一个固定的模块，系统提供了很多翻转、推动之类的切换效果，这意味这我们可以将其视为正反两面进行看待，正面延续之前所说的设计方式，主要展示应用名称、logo及一些必要信息，反面就可以灵活放置我们想展示给用户看的内容，这就给设计师提供了很广阔的空间，想放什么？尽情开动脑筋吧。不过也有一点需要注意，目前来说，瓦片切换的动作及时间间隔是开发者不可控的，所以瓦片背面放置的东西还是应该尽量以简洁为主。

Windows Phone 7.5（芒果）系统中提供了一个新的功能，就是可以把应用中的操作或内容模块发送到桌面上形成瓦片，方便用户快速进入需要的内容或操作，如微博客户端的发微博操作或者某一分组的微博内容。这就需要设计师在设计前就想好哪些操作用户可能需要快速触发，而后告诉研发同事在相应的地方设置好发送到桌面的操作。

细心的用户还会发现，系统自带的联系人功能在瓦片中是以一种很炫的九宫格的方式进行展示的，整个瓦片被拆车3*3的小块，以每一个小块为单位进行切换，还会将相邻四个小块拼成一张大图。可惜微软官方没有将这个设计权限开放给开发者，可能是考虑到主界面运行效率和整体效果的的因素吧。这是个小小的遗憾，期待之后能用到这个效果设计出比较酷的瓦片展示方式。下图所示即为九宫格效果：

在瓦片效果的使用上，USA Today就做得非常出色：模拟了九宫格试布局，正面使用icon及新闻图片的拼接图，在反面展示了天气信息，效果很好。

标签： Windows-Phone Marketplace App 

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。