当前位置: 首页 > 科技观察

MeeGo移动端设备开发UI设计基础教程

时间:2023-03-20 16:55:16 科技观察

曾经给大家介绍《移动开发界面设计两大关键要素》,其中界面设计以UI设计原则为核心信条,他驱动我们的每一次讨论都基于设计步骤。MeeGo的界面可以根据不同的屏幕尺寸、分辨率和比例进行调整,还支持纵向和横向模式。使用本教程可以帮助您解决在设计和开发MeeGo应用程序时遇到的问题。他们的内容是“活”的,所以他们的内容也会随着项目的开发而增加和变化。推荐主题:MeeGo:无处不在的移动操作系统MeeGo开发如何使用本信息目标您可以将这些指南用作设计MeeGo程序的指南。目前他们的内容主要涵盖交互和视觉设计部分。未来视觉设计指南会有新的版本或手册。这不是一本真正的手册这些指南无意取代具有详细技术内容的手册。相反,它是对MeeGo交互模式的一般描述。我们期待真正的手册能尽快提供下载,其中将对每个开发工具进行详细说明并提出相关建议。一、MeeGo基础UI模型概览(Overview)MeeGoUI设计概览锁屏(LockScreen)当用户第一次唤醒移动设备时,会显示主页(Home),通过按按钮。显示最喜欢的应用程序并且可以访问开始键。启动器访问移动设备上可用的任何应用程序。手势和触摸操作简介。手势和触摸操作介绍。锁定。锁定的移动设备屏幕显示壁纸(用户可以自行更改)、日期和时间以及解锁按钮。用户可以通过将屏幕上的解锁按钮拖动到壁纸区域来解锁屏幕。移动设备在屏幕锁定时仍然可以接收消息和通知,它们将以类似的方式堆叠在通知栏中。LauncherLauncher是一个包含链接(图标)的平面,这些链接(图标)显示移动设备上安装的所有应用程序。在启动栏中,用户可以浏览各个应用,也可以将最多4个应用的链接(图标)添加到屏幕底部的快速启动栏中。在编辑模式下,用户还可以更改这些应用程序的链接(图标)的顺序。启动器所有应用程序都将以4x4网格的形式显示在启动器中。当应用超过16个时,系统会自动在原页面右侧新建一个完全相同的页面,放置多余的链接(图标)。用户可以通过将当前页面抬离屏幕来完成页面之间的转换。每当用户安装一个新的应用程序时,新应用程序的链接(图标)就会放在首页。切换器(Switcher)很多时候用户会同时运行多个应用,比如边听歌边写短信,这不仅仅是多任务处理。切换器是管理多任务处理的区域。切换器的基本功能如下:当用户第一次启动应用程序时,切换器启动一个新的任务。此任务将作为应用程序中当前内容的动态缩略图出现在切换器中。用户可以选择通过屏幕左上角的主页键(home)进入切换台。当打开第二个应用程序时,新任务将添加到切换器。在这种情况下,MeeGo允许用户通过按下主页按钮(home)来切换应用程序。用户可以从启动栏打开应用程序,也可以从一个应用程序打开另一个应用程序,例如打开电子邮件中的地图或图片。当用户在启动栏中点击一个之前已经打开过的应用程序时,系统会显示该应用程序,并且不会重启该应用程序。程序顺序、浏览模式和不同模式之间的转换MeeGo中的任务将按照它们被打开的顺序从左到右显示。每当打开一个新任务时,它会将前一个任务的面板推到左侧,并在前一个任务的右侧添加一个缩略图。切换器默认的显示方式是将焦点放在最近使用的任务上,其他任务在右边排成一排。缩略图按任务打开的时间排列。用户可以通过缓慢拖动缩略图或从列表的一侧快速平移到另一侧来浏览打开的任务。快速切换时,用户可以点击屏幕停止在点击的位置,但不会打开应用程序。要打开应用程序,用户需要点击相应的缩略图。用户可以使用多点触控手势将切换器置于概览模式。双指向内滑动手势将缩略图带入网格显示。网格最大可以达到3x3,达到这个最大尺寸后,切换器将开始创建新页面以显示上一页未显示的缩略图。#p#核心交互(CoreInteractions)UI反馈(UIFeedback)直接反馈指的是用户在使用touchUI时收到的信息反馈。只要有操作,就会有反馈。间接反馈是指用户没有使用移动设备时收到的反馈,或者收到的反馈不是由正在使用的UI引起的。直接反馈可以是用户操作后获得的振动反馈、声音反馈或视觉信息反馈。间接反馈基本上是消息或通知类型的反馈。消息或通知可以包括声音和振动反馈,或仅包括视觉信息反馈,或仅包括视觉信息和声音反馈。(但原则上也可以只是视觉信息和振动反馈。)通常,当移动设备的屏幕被锁定时,用户通常没有使用该设备。而如果你想将用户的注意力从其他地方吸引到设备上,你可以使用声音和振动类型的反馈,并添加视觉信息反馈。但有时即使用户正在使用该设备,他们的注意力也会转移到别处。例如,如果一个操作需要等待很长时间,用户的注意力可能会转移到别处,或者当用户的注意力集中在移动设备的某些硬件(比如键盘)上时,那么在屏幕上面发生了什么会被错过。有时,当用户需要在完成某项操作后立即得到反馈时(例如,用户在发送Email时忘记输入“收件人”),只能使用可视化的信息反馈(如消息框),因为此时用户的注意力已经在设备上了。在某些情况下,您可以使用声音和振动反馈来强调视觉反馈。例如,一些确认消息可能会以询问的声音显示,以强调用户需要特别注意该动作。但是,在使用声音和振动时需要小心,因为过于频繁地使用它们可能会让用户感到厌烦。可以只用声音来提示用户,或者声音加视觉信息也是不错的选择,但绝对不要只用声音和振动。当用户不确定他们的注意力是否在移动设备上时,您可以使用振动反馈来提醒用户。例如,当打开一个网页需要很长时间时,即使此时移动设备的屏幕没有锁定,用户的注意力也可能不在设备上。这时候,你可以用一个短暂的振动来提醒他们的页面已经加载。短振动可用于确认用户已完成操作,其中视觉消息反馈可能是多余的。例如,当为移动设备充电时,当连接电源线时(或当移动设备因插入不兼容的电源线而未开始充电时)。在这些情况下,振动反馈非常适用,因为用户手中拿着他们的移动设备。另外需要注意的是,是基于音频反馈的警示音,还是基于视觉信息反馈的消息,取决于用户当时使用的是哪种场景模式。例如,移动设备的铃声可能会在用户通话时发生变化。(有时只会发出嘟嘟声,有时会是振动声)文本输入TextInputMeeGo不仅支持普通物理键盘,还支持虚拟键盘。当用户需要输入文字时,虚拟键盘会自动激活。浏览器的标签栏和状态栏也会同时消失,从而为用户提供更大的展示空间。MeeGo的虚拟键盘还包括纵向和横向两种模式。当用户旋转移动设备的方向,即从竖直状态到水平状态(或者进行相反的动作时),屏幕的整体内容会非常流畅。转换。文本输入用户可以通过点击文本输入字段的外部来关闭虚拟键盘,或者将虚拟键盘拖到屏幕底部。需要注意的是,通过拖动关闭虚拟键盘后,用户无法从下方将其拖出。要重新打开虚拟键盘,用户可以通过再次点击文本输入字段来激活它。文本输入法2只要激活物理键盘,虚拟键盘就会自动关闭。每按一次退格键(backspace)来删除文本,就可以向后删除一个单词。按住可连续删除多个单词。语言输入语言的选择是自动的,MeeGo会在第一次设置移动设备时根据用户的设置选择相应的输入语言。用户可以在“设置”中更改当前设置。确认在大多数情况下,应用程序都会有一个“确认按钮”,例如在发送消息或登录网站时。此外,有些软件会在用户输入文字时自动确认并执行相应的操作。例如在搜索时,MeeGo会在用户输入想要搜索的信息时自动显示相应的搜索结果。不过,MeeGo也有一些其他类型的确认方式。在只有一行的文本字段中,回车键(enter)执行确认功能。(例如输入网址或密码时)确认方式当然,您也可以在文本框下方添加确认按钮,但我们只建议您在需要快速输入信息时使用,例如填写表格。全屏模式有些应用软件只有在全屏模式下才能让用户感觉更好。但是,不要忘记添加一个退出全屏的按钮(***以及适用的导航显示)。MeeGo中有两种全屏模式:两种全屏模式和全屏模式。所有控件(标题栏、状态栏、附加控件栏等)都是不可见的,输出显示为最大尺寸的内容。用户可以通过触摸屏幕来显示控件。全屏模式非常适合多媒体播放。带控件的全屏模式因为一些运行MeeGo的移动设备可能没有相应的导航按钮功能,所以需要提供一个固定的按钮,在播放全屏时具有退出功能。在某些情况下,无法通过触摸屏幕显示控件(例如具有交互式内容的Flash播放器),在这种情况下,用户需要此键随时退出或关闭全屏播放。Embeddingexitfunctioninapplicationcontent在应用内容中嵌入退出功能在少数特殊情况下,比如游戏,需要尽可能让用户玩。因此,当游戏全屏显示时,也有一个退出按钮,让用户退出到另一个界面,从而显示各种选择按钮。英文原文:http://meego.com/developers/ui-d...andset/meego-basics转载地址:http://www.meegoq.com/forum.php?mod=viewthread&tid=149&extra=page%3D1【编者推荐】移动开发界面设计的两大关键要素黑莓开发基础UI库实例分析诺基亚:MeeGo比Android更开放MeeGo新界面曝光集成SNS元素(多图)