做最酷的Windows Phone应用

应用程序的UI至关重要，应用程序开发者与用户的接触，始于UI也止于UI。用户界面就是我们的脸面。我们都想把最完美的UI呈现在用户面前，那么我们到底该怎么做呢？做了这么久的WindowsPhone相关工作，积累了些许的感悟，下面就和大家谈谈对如何做出最酷的WindowsPhone应用的一些体会。

WindowsPhone 是一个全新的智能手机操作系统，它有着自己独特的系统UI风格和操作要求，因此一个优秀的WindowsPhone应用至少应该从以下9个方面着力。

一 Tile

Tile通常被称为窗格，它是WindowPhones7系统的一个独特设计。应用程序的Tile可以PIN到主界面，并在上面显示图片，数字或者文字信息。基于Metro简洁性的要求，Tile至少应该是纯色的方块，在此基础上，我们可以添加背景图片，数字和文字信息，但不可过分修饰（如图1左侧所示）。例如，3D字体，渐变色，圆角都是不可取的（如图1右侧所示）。除此之外，Tile不能是没有含义的图片，应该是应用程序相关的一个标志。由于WindowsPhone系统主题有“深”和“浅”两种，所以Tile也应该是在这两种主题下都能清晰显示的，这也意味着白底黑景的Tile不是好的设计。

图一

二定制启动页

启动页是应用程序启动时显示的第一个页面，也是一个可以修改的页面。启动页是位于工程目录下的一个名为SplashScreenImage.jpg的图片。只要用自己的图片替换掉系统默认图片，并使用相同的名字，当应用程序在此启动时，就可以在启动页看到自己的图片了（如图二）。另外，启动页面停留的时间不可太长，应在5秒内结束，转入应用程序页面。否则的话，用户有可能会用脚投票，关掉你的应用。

图二

三布局对齐

在应用程序界面中的文字内容，很多时候会是一种多行布局模式，在这种布局下要求屏幕上所有的文字左对齐，每行的第一个文字元素距离屏幕边缘24像素（如图三所示）。这种布局的典型用例就是全景视图和枢轴视图。

图三

四使用深浅两主题

幕的文字配色应该与系统的主题背景“深”或者“浅”相适应（如图四所示）。例如黑色字体在“深”主题背景下看不清，白色字体在“浅”主题背景下也会不清晰（如图四所示）.总之，你要管理好你的主题，使其与系统的色彩规范相适应。

图四

五触碰

相对于PC屏幕，手机的屏幕要小得多，可很多时候，我们总想把大量的内容放进去，其结果就是图片，文字尺寸都比较小，且间隔也很小。这就会产生一个问题：当你用手指点击某一元素的时候，很可能会触碰到与其相邻的其他元素。为了解决这一问题，设计出具有更好用户体验的UI,我们建议：

· 字体最小15pt.

· 建议触碰区域9mm以上

· 最小触碰区域7mm以上

· 元素间最小间距2mm

· 视觉目标尺寸是触碰目标大小60%-100%

· 发生触碰时提供反馈

图五

六反馈与交互

好的用户体验，要求应用对用户的操作提供及时的反馈与交互。例如，当应用在执行大数量的任务时，应该在界面给用户以提示，可以是一个进度条或者是不断变化的数字等（如图六所示）。这里需要提一下，在WindowsPhone下的进度条有两种动画效果，一种是渐变式的，另一种是循环滚动，大家可以根据自己的需求选择合适的动画效果。

图六

七控件

WindowsPhone为大家提供了很多好用的控件，可如果使用不当的话，也会产生反效果。例如使用Silverlight控件，尽量避免使用内嵌Web控件，当应用必须内嵌Web内容时，关闭平移和缩放等触碰功能，确保内容完全可读。在全景视图和枢轴视图中，避免使用开关控件，避免使用游标控件，因为这容易导致手势操作冲突。

此外，为了降低用户在向TextBox输入内容时的复杂度，WindowsPhone针对不同的输入状态提供了有针对性的屏幕键盘。例如针对数字输入的键盘针对拨号输入的键盘，针对登录输入的键盘等。在输入时弹出哪种类型的键盘，由TextBox的InputScope属性决定。需要注意的是，屏幕键盘可以自动弹出，但建议仅当页面中不多于两个文本框时才自动弹出，且要避免挡住屏幕的其他元素（如图七所示）。

图七.A

图七.B

八全景视图

Panorama控件是WindowsPhone中一个非常重要的控件，提供跨越多屏的全景式视图(如图八所示)。Panorama控件可以设置背景，要求背景480×800像素到1024×800像素之间，太小会被拉伸，太大会被自动裁切。此外，背景图片要与主题内容相适应，背景太绚丽会过分吸引用户注意，起到喧宾夺主的反效果，背景颜色与主题颜色太接近，会掩盖主题内容。Panorama的每一个Section比例16:9，Section中缩略图如果不加文字描述的话，可以一行放置两个，并且建议一行最多只放置两个。Panorama的屏数最好不要超过4屏。Panorama的每一屏的内容可以超出屏幕范围，但一定要慎重使用，否则会呈现很不好的用户体验。

图八.A

图八.B

九导航

在做WindowsPhone开发时，我们应该尽量利用手机硬件本身给我们提供的资源，减少开发复杂度。就应用的导航操作来说，所有的WindowsPhone都有一个“返回”键，当我们需要从一个页面返回之前的页面时，直接操作“返回”键就可以了。如果当前页面是应用的第一个页面，操作“返回”键之后，我们应该退出应用。我们不需要在自己的应用中添加“返回”图标，用以提供返回上一页功能，这实际是浪费资源（如图九所示）。同时，除了购物车等复杂场景，很少应用真正需要使用Home键(如图九所示)。

图九

说了这么多算是抛砖引玉，开发者还是要结合自己的产品，去实际验证一下如何做一个最酷的应用。愿应用开发者在Windows Phone平台上开发出最酷的应用，和最精彩的用户体验。

转载于:https://blog.51cto.com/felixyan/690374

做最酷的Windows Phone应用相关推荐

idea 一直在build_CEO季度表彰团队| 我们一直在做最酷的事
扫地机结构研发团队 15个立项项目,4个新平台研究项目,1个量产项目,4个待量产项目,5个准备投模项目,2个研究项目--约30个高重量级项目的背后是25位结构研发人员的奋斗结晶. 在短时间内,扫地机结 ...
微信小程序黑客马拉松即将开始，来做最酷的 Mini Program Creators！
微信小程序黑客马拉松正式启动近日,小程序斩获一项世界级殊荣--作为一项全新的技术和应用创新,小程序首次获选世界互联网领先科技成果.目前小程序应用数量已超过 100 万,覆盖了 200 多个细分行业, ...
微信小程序黑客马拉松即将开始，来做最酷的 Mini Program Creators！ 1
微信小程序黑客马拉松正式启动近日,小程序斩获一项世界级殊荣--作为一项全新的技术和应用创新,小程序首次获选世界互联网领先科技成果.目前小程序应用数量已超过 100 万,覆盖了 200 多个细分行业, ...
Ubuntu还需要做什么才能替代Windows?
ugmbbc发布于 2008-10-30 13:24:17|<script src="http://www.cnbeta.com/counter.php?sid=68420" ...
python随手记自动记账_菜鸟也疯狂！8分钟用Python做一个酷炫的家庭随手记
原标题:菜鸟也疯狂!8分钟用Python做一个酷炫的家庭随手记每个月都有各种各样的开销,不当家不知道柴米贵呀!柴米油盐酱醋茶样样都要开销,吃的穿的,各种开销,每个月都没有啥结余,小编月初是富人,月底 ...
举个栗子！Tableau 技巧（138）：学做炫酷的温度计图表
来自北京的气象分析师提了一个需求:我经常分析温度数据,Tableau 可否实现像温度计那样的图表? 图片来自网络当然,温度计图表在 Tableau 中可以实现!并且,它不仅可以用来呈现温度数据,还适 ...
installshield打包mysql_实现Installshield对Php+mysql+apache做的程序在WINDOWS下打包
实现Installshield对Php+mysql+apache做的程序在WINDOWS下打包 undefined undefined用Installshield对Php+mysql+apache做的 ...
installshield mysql_实现Installshield对Php+mysql+apache做的程序在WINDOWS下打包
实现Installshield对Php+mysql+apache做的程序在WINDOWS下打包上一篇 / 下一篇 2007-09-30 09:39:59 / 个人分类:For Test 实现Ins ...
CMD生疏了？教你10招酷酷的Windows命令行指令
CMD生疏了?教你10招酷酷的Windows命令行指令 [PConline 技巧]经常在电影里看到这样的情节,某大神把键盘敲得震天响,一大串黑屏文字后,屏幕蓦然出现了一行大字"资料已销毁!& ...

做最酷的Windows Phone应用

做最酷的Windows Phone应用相关推荐

最新文章

热门文章