技术开发 频道

Windows phone MetroUI及触控体验

  【IT168评论】作为未来移动互联网领域三足鼎立的重要平台,微软Windows phone平台在UI设计上下足了功夫。 Windows phone的Metro界面最大的一个个新:每一个小方块是一个用户场景,而不是一个应用,Android和iOS首页的界面图标代表一个应用,每一个小的格子中内容会不断的滚动更新。

Windows phone MetroUI及触控体验

  ▲Windows phone主任项目经理沈文琪

  设计目标:

  1、展示个性:您的日子,您的生活

  2、与您相关

  3、实时连接,随时更新

  Windows phone UI的设计原则:

  1、干净,利索,开放,快捷:给用户感觉反应迅速,优化作业,以少胜多,去繁从简。

  2、印刷体相得益彰:1.基本字体易读,优美2.信息设计清晰明了3.兼顾力度,平衡,缩放。

  3、动感活力:1.反应敏捷,活泼。2.系统化的更新3.提升实用性。4.注重界面转换设计5.注入维度和深感度。

  4、内容比版面操作更重要:删减非内容性的视觉元素2.直接操控内容3.装饰服从内容

  5、货真价实数码化:设计严格,用户界面展示数码内容

Windows phone MetroUI及触控体验
▲信息架构设计

  作为windows phone的主要UI界面,Metro有两个概念:一个是大都市,另一个是地铁标示,非常干净,色彩一致。

  为了让设计的图标更加容易的和触控技术结合,触控要求:每个控件要有触控,对图标大小有要求,

  交互设计过程:1.采用Metro风格设计原则2.设计情绪板块3.设计核心场景

  Windows phone东亚设计架构

Windows phone MetroUI及触控体验
▲东亚印刷体

Windows phone MetroUI及触控体验
▲交互设计的过程

Windows phone MetroUI及触控体验
▲触屏的性能指标

Windows phone MetroUI及触控体验
▲目前包括的六大手势

0
相关文章