恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
UI设计基础概念(五)之手势应用
0.0°
2016-06-07 原创文章 经验/观点 举报 6232 115 94 17

各种手势操作介绍

所谓手势,有些人可别想歪了噢~手机上面的手势真的是非常多的。我们具体来介绍一下。。

Image title


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

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


一、单击

Image title


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

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



二、双击

Image title


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

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

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



三、上下滑动

Image title


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

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

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

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



四、左右滑动

Image title


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

案例:一般界面中分类信息运用左右滑动形势来切换页面,新闻类运用的比较多。还有读书类软件左右滑动实现        翻页效果。

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



五、长按

Image title


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

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

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



六、拖动

Image title


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

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



七、张开/闭合

Image title


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

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



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

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

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

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

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

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

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

更新:2016-06-07

收藏

115人已收藏

Catwoman

想要Iron Man的Catwoman

  • 20

    作品

  • 1373

    粉丝

  • 24

    关注

  • 诚壹宣传手册
  • 诚壹官方网站
  • UI设计基础概念(十二)之推荐网址
  • UI设计基础概念(十一)之 切图命名

    猜你喜欢

      2016-06-07 原创文章 经验/观点 举报 6232 115 94 17

      UI设计基础概念(五)之手势应用

      0.0°

      你确定要举报UI设计基础概念(五)之手势应用

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年05月27日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      94
      115
      17

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录