Windows phone 7,
英文原文：smashingmagazine
简介：Windows Phone 7引入了全新的内容管理和用户界面，命名为Metro的设计语言和理论。这一次，微软的目标市场和用户群也与之前的老一代Windows有所不同(终于改变了):从商业和技术用户到普通用户，线上线下生活紧密相连的新兴用户。
对话设计者
我们不会强调设计在手机应用中有多重要。WP7是一个与其他手机平台非常不同的操作系统。虽然还在起步阶段，但是业界还是很看好的。设计师在开发之前应该了解它的平台和用户界面。第二，微软最终会将Metro引入Windows 8，打造一致的手机和电脑界面。9月份发布了Windows 7.5，又名芒果，随后诺基亚发布了他们第一款采用WP7操作系统的手机。我们有理由相信，WP7将在这个智能手机市场扮演越来越重要的角色。
另一种设计方式
Windows团队的灵感来自于路牌的设计。在这些路标的设计中，很重要的一点是，它们去除了一切不必要的元素，以内容为设计核心；他们在WP7的设计中引入了这一点，让内容说话。界面消失，内容是新的界面。现在的接口不是获取内容的方式，而是内容本身。减少视觉设计强调用户和内容之间的直接互动。
平面设计中的网格系统
WP7的形象设计继承了印刷字体的风格，并借鉴了形象设计师Josef Mller-Brockman的设计理念：纯粹的帆布印刷字体，简洁的色彩，方形网格。图标完全融入背景，甚至是内容本身，成为导航的一部分。
简洁的设计和印刷字体，使用鸡尾酒流和融合。
所有这些设计都让人想起专业制图。类似地图的铺设提供方向性；文字简洁明了，方便用户导航；此外，没有多余的视觉元素。
新内容网格
Metro设计强调刚性的内容组织。想想一张地铁图，它的信息架构极具逻辑性。没有多余的图像元素。这一节的内容只用到了信息本身(题外话：电路设计就是基于这个逻辑)。当用户浏览页面时，只有信息和内容以及它们之间的逻辑联系。对于设计师来说，这里内容的视觉运用更轻，而如何接触内容和导航整个应用的设计，用的是重墨重笔。
米兰地铁(图片：维基百科)
根据内容的重要性，或者根据应用程序希望如何向用户呈现信息，它们应该被分类到一个层次系统中，相互联系。就像很多其他手机应用一样，找到合适的用户群进行对话是必不可少的。
Flipboard:内容充当界面。
就像Flipboard的设计理念一样，Metro的UI设计是把重要的内容直接放在板子里。在Windows Phone的主页上，他们使用了8段主页导航，涵盖了手机通讯、联系人、短信、邮件、xbox等。用户可以根据需要更新这8个板块(这个和其他手机一样)。不同的是，它的每个部分都显示最新的内容。例如，电子邮件图标将显示最近收到的电子邮件。这个UI的目的是给用户一个选择：基于信息，选择是否继续浏览。设计师要充分利用这个特点。
组织内容
为此，微软引入了hub概念(Hub)作为内容管理中心。通过“全景”(panorama)、“枢纽”(pivot)、live tile(实时更新板)三个重要的设计理念来实现。
全景(全景模式)
当用户启动应用程序时，他们以全景模式登录，应用程序中的所有信息都放在一个屏幕上(用户可以通过水平滑动预览所有内容)。这个WP设计要特别注意。设置、目录等。应该尽可能放在整个屏幕上，而不是一个单独的窗口。
使用FeedTso全景模式
如上图所示，全景模式给用户一种内容之间的直观联系。
枢轴(枢轴)
透视以逻辑方式排列内容，对信息进行分类，并显示同一内容的不同方面。
第四任市长
如上所示，这个导航控件就像一个选项卡。
实时图块(实时更新部分)
如前所述，这个实时更新部分是WP7的另一个主要功能。如下图所示，天气板显示当前的天气情况。用户无需打开应用程序即可查看最新信息。
AccuWeather和
应用流加速
设计
可点击的文本
WP7的文字是可以点击的，不存在所谓的点击安全区。因此，在设计中要注意运用适当的视觉引导。
动画
WP7强调页面切换或者内容转换的动画效果，能够抓住用户的注意力。
图标
WP7对图标设计有严格的规定。我们建议设计师仔细阅读他们提供的设计指南。图标只能出现在应用程序栏中。
图片实验室
色系
WP7在设置页面上有一个深/浅颜色系统选项。设计应该考虑到用户将在两种颜色系统之间切换。为此，你需要两套方案。除非你的产品颜色系统是一个品牌标志，否则我们强烈建议使用两种颜色系统。考虑到wp7的申请要经过审查，色系是很多申请被拒的主要原因。
设计工具
除了常规工具：Balsamiq、Adobe Illustrator、Fireworks、Photoshop等。你也可以使用表达式混合。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。