UI设计基础知识-手势应用 已回复

会员ID:一个像素设计 男 64岁 时间:2016-11-02 03:04:48

整理:小政

不同于传统的按键界面,手势操作的隐藏性很高。如果我们没有阅读过某个手势应用的帮助信息的话,我们很难知道这个应用中到底隐藏着多少种手势。不直观的手势加大了新用户的上手难度。虽然手势有很多弊端,但我们不能抛弃手势。

我们今天就先介绍几种最常见的手势吧。

一、单击

点击一下,这个是最简单最基础的手势,类似于鼠标单击。

案例:视频播放器界面单击出现很多功能图标等。

二、双击

通过双击对象,快速聚焦单击的内容对象。比如照片可以通过双击局部变大。

案例:

iPhone手机双击AssistiveTouch中主屏幕就能删除应用使用记录。

微信首页中,双击标题栏可快速返回最顶部页面。

三、上下滑动

快速滚屏,方向是上下滑动

案例:

界面中上下滑动可以快速浏览页面内容。

ios系统中从上往下滑动顶端可展开通知中心。

下拉刷新,也是上下滑动的手势

四、左右滑动

通过横向滑动,展示或者切换页面。

案例:

一般界面中分类信息运用左右滑动形势来切换页面,新闻类运用的比较多。

还有读书类软件左右滑动实现        翻页效果。

微信信息列表页,向左滑动可展开删除按钮。

五、长按

“长按”,按住屏幕超过两秒。此动作通常用来调出“菜单”。

案例:

比如站酷文章详情,长按文章上面的文字,可以出现“复制”相关操作。

微信中发布朋友圈功能,长按发布按钮就会跳转到直接发布文字界面,不需要选取照片。

六、拖动

“拖动”,准确来说应该叫做“按住并拖动”。滚屏或移动对象,将对象从界面的一边移动到另一边。

案例

iPhone界面就是通过按住图标来移动图标的位置。

七、张开/闭合

“缩放”“闭合”动作,是查看图片、网页时最常见的操作

案例

照相时也可使用缩放手势来进行调焦。照片也可以夸大缩小。

其实还有很多双手指,三手指,五根手指的一些操作。这里就不一一举例啦。

反正最好的手势一来简单,二来支持单手操作。想要手势好用,满足下面条件就哦啦。

*简单易用。不仅动作简单,还要能在拥挤的地铁上单手操作。

*容易记忆。其一手势要好记,其二要让人愿意记住。

*自然。也就是说,该手势一方面要遵循人的自然习惯和意识,另一方面要契合手势即将产生的操作。

*实用。手势要让用户感到舒服,鲜有用户愿意点两次才看到想看的东西,让会让他们感到麻烦。

*愉悦的体验。Winkler认为好的手势会有神奇的感觉。UX总是个未知数,而且难于言传。但这恰是我们认识、享受科技的一种表现。

作者的微信,小伙伴可以加一下。

- 文章结束 -


本文版权归原作者所有

转载请注明原作者及出处授权发布

设计师应该是一个有灵魂的职业,

我们为世界的一切变得更美好而生。

设计师的灵魂在于创造力,

而创造力源自生活的方方面面。

www.ui28.cn

推荐一个超实用的设计师网址导航

点击左下方“阅读原文”即可进入


评论 ( 753 条评论)
科普问题免费提问
无需注册,10分钟内回答