微软官方Windows8设计

View commands

Filter commands

Sort commands

Selection commands

Map view commands

New Item commands

一只手持握，另一只手进行少量到中度的互动

• 在右边缘和底边缘处实现快速互动。
• 右下角可能被手腕挡住。
• 限制有效触控范围可提高触控的准确性。
• 阅读、浏览、发送电子邮件和简单键入。

两只手持握，拇指进行少量到中度的互动

• 在左下角和右下角处实现快速互动。
• 固定的大拇指可提高触控的准确性。
• 屏幕中央的项目难以触及。
• 对屏幕中央进行触控时需要更换姿势。
• 阅读、浏览、简单键入、游戏。

设备位于桌面或腿上，两只手进行少量到大量互动

• 在屏幕底部实现快速互动。
• 下边角可能被手腕挡住。
• 缩小有效触控范围可提高触控的准确性。
• 阅读、浏览、发送电子邮件和复杂键入。

将设备置于桌面或搁架上，使用互动或不使用互动

• 在屏幕底部实现快速互动。
• 在屏幕顶部进行触控操作会遮挡住内容。
• 在屏幕顶部进行触控操作时可能会使处于连接的设备失去物理平衡。
• 隔一定距离处进行互动会降低可读性和准确性。
• 加大目标对象的大小可以提高可读性和准确性。
• 观看影片、听音乐。

7x7 mm：建议的最小值

如果对错误目标的触控可通过一两个手势或在 5 秒内更正，则 7x7 mm 是合适的最小值。目标之间的间距与目标大小同样重要。

当准确性非常重要时

关闭、删除和其他具有严重后果的操作无法承受意外的点击。 如果对错误目标的触控需要超过 2 个手势、5 秒或主要的上下文更改才能更正，则可以使用 9x9 mm 的目标。

当屏幕难以容纳下时

如果你发现很难在屏幕中装下想要的内容，也可以使用 5x5 mm 的目标，只要对错误目标的触控可通过一个手势更正。在这种情况下，在目标之间使用 2 mm 的间距非常重要。 

可视元素

描述

颜色

颜色是展现品牌的关键属性。通过告知人们此应用来自你的企业的方式，应用与你的品牌关联的主要颜色。

图形

通过将字符添加到内容的演示中，使用图形来增强你的品牌。但是过多的图形可妨碍你的内容的流畅性，并且看上去仅仅起到装饰效果或者可能会分散注意力。

图像

插图和摄影也可反映你的品牌。重复使用来自你的公司的其他沟通方式或网站中的相同影像和风格。

网格

Windows 应用商店应用网格系统帮助统一你的应用演示的视觉元素。该网格将调整你的品牌化应用的 UI 以使用 Windows 的其余部分。

布局

所有页面的视觉元素的布局安排都应与你的品牌相关。你还应尽力在页面和内容类型间实现一致性。

徽标

使用你的徽标以帮助人们快速识别你的应用和你的品牌。

版式

字样是 Windows 应用商店应用的一个关键部分。正确的选择可以像颜色、徽标或布局一样对你的品牌具有影响力，因此请考虑你要使用的版式。