理解iPhone和iPad触摸式交互

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开发者,你仍然需要变换方式来考虑输入,以更好地支持新设备。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档