（10.1.2.1）CMDN Club第十期：Metro精彩设计理念与案例分享

似乎用过Windows Phone 7的人，都会被Metro的操作体验折服。虽然看上去好像就是把小图标放大、将圆角改成方形、去掉阴影而已，但事实上，Metro已经脱离了自PC进入人类生活以后，植入人们意识中的icon的设计理念。用Metro，有一种花样滑冰般舒畅和灵动的美感。

那么到底Metro是什么？如何设计好的Metro？应该注意什么？在12月8日微软大厦内举行的Metro精彩设计理念与案例分享活动上，来自微软中国开发合作部技术经理钟为、RedSAFI 创意总监，UX顾问，微软UX产品讲师，MVP李超，Windows Mobile MVP张欣、让我们有机会深度了解Metro的精髓。

首先，钟为解答了Metro是什么的问题。Metro传递的是“简捷、醒目、优雅”的理念。不仅要在第一时间向用户传达出最重要的信息，更要让信息容易看到以及看起来舒适、优雅，这原本是Mobile最本质的特性。而Metro抓住的，就是这些特性。

接下来，李超以第一线开发人员的实战经验告诉开发者，什么样的设计才是好的Metro设计：首先是内容即图标；第二个就是Metro导航和层级模式；第三点是留白和字体；最后是统一的应用体验。同时李超以自己公司的案例，对Metro设计做了一个直观的解析。

最后，来自人人的张欣同学分享了Metro设计中应该避免的错误以及做出好的Metro设计应该遵循的要点，同时以人人网的WP7客户端为例，进行了深入详细的说明。

本次活动内容和精彩，同时又极具Man Page性质，所以我们特别将演讲内容写成了《Windows Phone 7界面设计》系列文章，将会陆续发布出来。希望为正在做WP7应用开发、准备做WP7应用开发的同学们有所帮助和启发。

到底Metro是什么东西？微软布道师钟卫给出了他的解释：

Metro其实很早就在现实生活中有应用了，尤其是指示牌、航空、火车、地铁这些需要“Glance on the go”体验的地方。因为这个特性，Metro很好的契合了Mobile的移动、快速、醒目的特质，Metro的设计理念就是“简捷、醒目、优雅”。这也是为什么一经用过Metro的人，都会对Metro印象深刻的原因之一。

Metro对于信息显示的优先级展现效果非常好，Metro是通过文字不同的颜色、字体表示出层次感，整个界面非常干净。有的页面除了搜索没有别的按键，文字本身就是一个按钮。Windows Phone7一共设计三个按键，倒退、Windows键（类似Home键）以及搜索。Metro体现出的内在用户体验有三个：个性化、有感知力、颜色的用法。

总之就是要体现出优雅、清晰、干净、简单的感觉，所谓的Readability。在简捷醒目的条件下，让用户产生一种在阅读杂志的舒适感受。切换的动作很有动感，能够让用户觉得是沉浸在一个应用里面。所以在界面之间的切换一定要体现出应用的连续性，对于用户来说则是情绪连续性，同时还要重视内容。

Windows Phone是社交化的手机，它提倡的是一个“人脉”的概念而非传统手机的“联系人”的概念。用户可以添加多个帐户，各人际关系的网络可以分到网络中去，通过网络可以知道最近联系人，他近况态等；比较重要的人可以pin到桌面。