在WindowsPhone7UIDesignConcepts一文中介绍了在使用WindowsPhoneDeveloperTools开发WindowsPhone7应用程序时,无论是使用WPDTBeta开发WindowsPhone应用程序,还是开发WindowsPhone上的Silverlight应用程序和XNA游戏程序,良好的用户界面(UserInterface,UI)是开发WindowsPhone应用程序的第一步。我们从未停止对美好事物的追求,也从未停止设计出更美更炫的产品。以微软为例,从Dos6.2到2009年发布的Windows3.1、Windows98、WindowsXP和Windows7,用户界面越来越漂亮漂亮,色彩越来越丰富,操作越来越多更方便,功能也更先进。越来越强。这是微软不断追求用户体验的结果。在本文中,我将介绍WindowsPhone7UI设计中的几个重要问题,分为三个部分:WindowsPhone7UI设计特点、WindowsPhone7UI设计原则和WindowsPhone7应用程序控件。WindowsPhone7UI设计特点在介绍WindowsPhone7UI设计特点之前,先简单介绍一下UI设计和特点。UI设计(UIDesign)是与交互设计、可用性研究、人因学、信息架构师相互关联的概念和职业,各有侧重。这里我们不深究。UI设计主要关注三个方面:人机交互、操作逻辑和界面美观。UI设计更重要的是理解用户和程序之间的关系。一个好的用户界面着眼于用户目标的实现,从视觉元素到功能操作的一切都需要完整和一致。WindowsPhone7中的UI设计也着重于人机交互、操作逻辑和界面美观三个方面。具体来说,它具有以下特点:特点一:多种输入法,专为触控设计WindowsPhone7的用户界面有四种输入法:触摸手势、虚拟键盘、WindowsPhone7硬件按钮和传感器。触摸手势是一个或多个手指在触摸屏上的移动。触摸手势是用户与WindowsPhone7交互的主要方式。支持两种类型的触摸:单点触摸和多点触摸。其中,单点触控手势包括:单击、双击、平移、滑动、长按;多点触控的手势是:缩放。特性2:三种屏幕方向WindowsPhone7支持三种屏幕方向:纵向、左侧横向和右侧横向。横向左和横向之间的区别在于应用程序工具栏和系统托盘的方向。应用不能指定应用工具栏和系统托盘的方向,只支持横向左或横向,需要同时支持。这可能是与计算机上运行的程序的UI非常不同的一个方面。特点三:独特的页面框架和布局WindowsPhone7应用程序基于Silverlight页面浏览模式,用户可以在不同内容的屏幕上相互引导和浏览。WindowsPhone7的页面框架和布局如下图1所示:图1WindowsPhone7的页面框架和布局在图1中,WindowsPhone7的页面包含一个顶层容器控件,叫做FrameControl,它可以主机页面控件(page)。在应用程序中,页面可以分隔内容。WindowsPhone7提供框架和页面类以方便导航到各个内容部分。其实这类似于ASP.Net应用程序中的MasterPage(母版页)。特性4:使用主题这个特性类似于ASP.Net应用程序中的主题。使用主题的好处是保持与Metro设计原则的一致性和兼容性,确保用户界面元素和控件的一致性,防止不和谐。主题。WindowsPhone7UI设计原则界面设计是一项涉及不同学科的复杂工程。认知心理学、设计学、语言学等都在这里发挥了重要作用。用户界面设计的三个原则是:将界面置于用户的控制之下;减轻用户的记忆负担;保持接口的一致性。结合WindowsPhone7UI设计的特点,WindowsPhone7UI设计应遵循以下原则:原则1:支持多种输入,包括触摸、虚拟键盘、按钮和传感器。WindowsPhone7的用户界面专为触摸交互而设计是的,所有导航都是通过一系列手指手势的移动组合完成的。使用触摸时,需要设计点击区域的大小。每一个可以触摸的UI元素都应该是手指可以轻松点击的,如下图2所示:图2WindowsPhone7输入法设计原则2:统一配色,页面框架和整套文字需要使用统一的颜色在电脑端程序中匹配、页框和文本设置,WindowsPhone7的设计也必须遵循这个原则。在WindowsPhone7的页面设计中,考虑容器控件、导航控件和页面的一致性布局,考虑列表的多种展示形式,比如列表展示,或者分屏展示,生动形象。原则三:使用Metro主题控件作为交互元素推荐您在应用程序中使用的标准Metro主题控件。这些控件已针对触摸交互进行了优化,并基于WindowsPhone7UI设计和人机交互指南。Metro主题控件设计UI如下图3所示:图3Metro主题此外,《Windows Phone 7 UI设计及人机交换指南V1.0》中需要注意三点:了解正确使用语音提示音可以创造更具吸引力的EndUserExperience。开发人员应谨慎开发应用程序以提供清晰友好的用户界面。◆定义明确的标准化标准将使您的应用程序保持一致,并防止最终用户在使用时产生粗糙的体验。◆UI设计中必须使用正确的标点符号,同样,在整个应用程序中要保持一致。WindowsPhone7应用程序控件为WindowsPhone7应用程序开发的控件有两种类型:WindowsPhone7应用程序控件和WindowsPhone7系统控件。WindowsPhone7应用程序控件如下图4左图所示:图4WindowsPhone7标准控件和VS.Net标准控件可以看出WindowsPhone7的控件比VS.Net标准控件少,但也有一些在手机开发中用到的很有特色的控件:比如Ellipse(椭圆)、ProgressBar(进度条)、Slider(滑动条)、Border(边框)。除了应用程序控件,还有一些控件也属于WindowsPhone7控件。这些控件是系统控件,包括:系统托盘和应用程序工具栏、上下文菜单、WP消息通知和进度显示。总结在WindowsPhone7的UI设计过程中,我们一方面要考虑屏幕的分辨率,另一方面还要考虑整体界面的风格。幸运的是,WindowsPhone7提供了主题和Metro标准控件,帮助我们设计统一的风格和支持个性化的优化UI。在UI设计过程中,可以使用WPDTBeta进行所见即所得的UI设计,也可以将UI设计与数据分离。[编辑推荐]WindowsPhone7UI设计理念WindowsPhone7UI设计:代码隐藏文件和启动画面WindowsPhone7UI设计:理解MainPage。样本?
