2011-10-20 蓝蓝设计的小编
转载蓝蓝设计( www.lanlanwork.com )是一家专注而深入的设计机构 ,为期望卓越的国内外企业提供有效的 BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
理解iPhone和iPad触摸式交互
iPhone和iPad都使用支持多点触摸的电容式触摸屏。用户借助手指的轻击来访问设备。这种方式与鼠标截然不同。
或许应该重点说明:手指并不是鼠标。一般来说,手指比传统定点设备更大,性也更低。这排除了对选择要求较高的某些传统类型的UI。举例来说,iPhone和iPad上没有滚动栏。用"粗大的手指"选择滚动栏要么非常困难,要么需要一个占用大量iPhone珍贵屏幕可用空间的大滚动栏。针对此问题,苹果公司的解决方法是让用户在任何位置轻击,然后通过向特定方向"轻滑"来完成滚动操作。
触摸屏的另一个有趣的元素就是:手指不止一个。还记得iPhone和iPad的触摸屏是多点触摸的吧。这允许用户使用多个手指的"手势"来操作设备。"掐捏式"缩放就是一个例子。用两个手指触击页面,然后分开它们来放大页面,或收拢它们来缩小页面。
最后一点,手指不是持续的。鼠标光标始终位于屏幕上,但手指并非如此,它可以随意轻击多个位置,而其间不用进行移动。你将看到,对于依赖鼠标光标在屏幕上移动的一些传统Web技巧,这可能会引发一些问题。它还提供了一些在SDK程序中经常可见的限制。举例来说,它没有剪切和粘贴的标准,而这是过去生产的计算机所具备的非常普及的特性。
除了对现有界面的一些更改,输入界面还引入了许多新的触摸(单手指输入)和手势(两手指输入),如表1-4所示。
表1-4 iPhone和iPad的触摸和手势允许开发者以新的方式接受用户输入
输入
|
类型
|
概述
|
气泡(
Bubble
)
|
触摸
|
触摸并按住不动。在可单
击元素上弹出信息气泡
|
轻滑(
Flick
)
|
触摸
|
触摸并滑动。滚动页面
|
轻滑,两个手指
|
手势
|
使用两个手指触摸并滑动。
滚动可滚动元素
|
掐捏
|
手势
|
移动两个手指。缩小或放大
|
轻击
|
触摸
|
单击。选择
|
轻击,两次
|
触摸
|
双击。放大列
|
使用SDK进行设计时,不用担心手指鼠标操作的许多细微差异。一些标准控件针对手指使用进行了优化,并且你只能访问iPhone或iPad实际支持的事件。第6章阐述了如何使用SDK中的触摸、事件和动作。虽然许多事情都不用你担心,但作为SDK开发者,你仍然需要变换方式来考虑输入,以更好地支持新设备。