技术开发 频道

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

  【IT168技术】界面设计以UI设计法则作为我们的核心信条,他驱使我们的每一个讨论都以设计步骤为基础。MeeGo的界面可以根据不同的屏幕大小、分辨率和比例来调整,同时还支持肖像和风景模式。使用这个教程可以帮助你解决在设计和开发MeeGo应用程序上遇到的问题,他们的内容都是“活”的,因此在项目开发的同时他们的内容也会随着增加和改变。

  专题:MeeGo操作系统大揭秘


▲MeeGo开发

  怎样来用这些信息

  目标

  你可以使用这些指南作为设计MeeGo程序的向导,目前他们的内容主要涵盖了交互和视觉设计的部分。视觉设计的指南今后还会有新的版本或手册。

  这不是真正的说明书

  这些指南不是用来替代拥有详细技术内容的说明书。相反,它是对MeeGo交互模式的一个大概描述。我们期望真正的说明书不久可以提供给大家下载,它将对每一个开发工具做出详细的描述,并且提出相关的建议。

  1、MeeGo Basics

  UI Model 总揽(概况)

MeeGo的UI设计总概

  MeeGo的UI设计总概

  锁屏(Lock Screen)

  当用户第一次唤醒移动设备的时候显示

  主页(Home)

  通过按键进入已经打开的应用程序。显示收藏的应用程序,并且可以进入开始键。

  启动栏(Launcher)

  进入移动设备中任何可用的应用程序

  手势和触摸操作的简单介绍

手势和触摸操作的简单介绍

  手势和触摸操作介绍

  锁屏

  当用户按下电源按键把移动设备从闲置的状态唤醒的时候,该设备的屏幕是锁住的。

锁屏

  锁屏

  移动设备的屏幕上会显示墙纸(用户可以自己更换),日期和时间,还有解锁按钮。用户可以通过拖拽屏幕上的解锁按钮到墙纸区域来解锁屏幕。在屏幕锁定的情况下移动设备仍然可以接收消息和通知,他们会以相似的形式叠放在一个通知栏里。

  启动栏(Launcher)

  开始栏是一个包含了显示所有安装在移动设备里的应用程序的链接(图标)的平面。在开始栏里,用户可以浏览每个应用程序,而且还可以向在屏幕下方的快速启动条里添加最多4个应用程序的链接(图标)。在编辑模式下,用户还可以改变这些应用程序的链接(图标)的顺序。

启动栏

  启动栏

  所有的应用程序会以4x4的网格形式显示在启动栏里。在应用程序超过16个的情况下,系统会自动在原页面的右边新建一个相同的页面来放置多余的链接(图标)。用户可以通过把当前页面托下屏幕来完成页面之间的从转换。每当用户安装了新的应用程序时,这个新的应用程序的链接(图标)将会被放在最后面。

  切换器(Switcher)

  很多时候用户会同时运行多个应用程序,例如在听歌的时候写短信等,这既是多任务处理。切换器是管理多任务处理的一块区域。切换器的基本功能如下:

切换器

  切换器

  当用户第一次启动一个应用程序时,即开始了一个新的任务。在该应用程序里此任务将会以当前内容的动态缩略图形式显示在切换器中。用户可以通过屏幕左上角的主页按钮(home)选择进入切换器。

  当第二个应用程序被打开时,这个新的任务就被加入到了切换器当中。在这种情况下,MeeGo可以让用户通过按主页按钮(home)的方式来进行应用程序之间的切换。用户即可以从启动栏中打开应用程序,也可以从一个应用程序中打开另外一个应用程序,例如从email里打开地图或图片。

  当用户点击启动栏中之前已经被开启的应用程序时,系统会显示该应用程序,并不会重新启动该应用程序。

  程序的顺序,浏览方式和不同模式之间的转换

  MeeGo中的任务会以它们被打开的先后顺序从左到右显示。每当新的任务被打开时,它就会把之前的任务的面板向左推移,并且在之前的任务右边添加一个缩略图。切换器的默认显示方式是把焦点给到最近用过的任务上,其他的任务一字向右排开排列。缩略图按照任务被打开的时间长短来排列。

  用户即可以通过慢慢的拖拽缩略图,也可以通过从列表的一边快速平移到另一边来浏览被开启的任务。在快速切换的时候,用户可以通过轻点屏幕来使其停在被点击的位置,但是该应用程序不会被打开。要打开该应用程序,用户需要点击相应的缩略图。用户可以用多点触控动作让切换器进入总揽模式。使用两个手指同时向内滑动的手势可以让缩略图进入网格显示的界面。该网格最高可以达到3x3的模式,在达到这个规格不凡之后,切换器就会开始创建新的页面来显示之前页面未显示的缩略图。

0
相关文章