童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

iOS和Android规范解析手势

1月21日 乔了了投稿
  随着iPhoneX将Home键去掉,手势在交互导航中的作用更加重要了。今天我们来研究一下GoogleMaterialDesign规范和iOS人机设计规范中对于手势的介绍。
  MaterialDesignGuidelines
  手势导航让用户可以使用划动手势在同级或者上下级页面之间切换。支持的手势包括:按住水平拖动、按住上下拖动。
  手势一般建议用在如下情况:
  自然排序的关系,比如表示日历里连续天数的多个页面;
  包含较少下一级页面的页面;
  包含类似内容类型的页面。
  比如下面这个例子:
  在这个例子中,用户按住页面的同时向下拖动,将这个页面收起,从而回到上一级页面。
  iOSHumanInterfaceGuidelines
  在iOS系统中,边缘划动手势起到了全局操作的作用。其中,从屏幕左边缘向右划动,可以返回上一级页面;在iPhoneX之前的手机,从底部边缘向上划动,可以划出控制栏;从顶部边缘向下划动,可以划出消息控制中心浮层。用户通过从底部边缘划动的操作,可以呼出系统级的控制页面,或者返回上一级页面。
  需要额外说明的一点是:对于H5页面,如果从屏幕左边缘向右滑动,会直接退出H5页面,不论你当前处在H5这个系统里的哪一级页面中。所以当我们在设计H5页面时一定要注意,尽量防止用户因为使用返回手势而退出了H5页,导致流失率的上升。
  对于iPhoneX而言,由于这款机型取消了经典的苹果手机的home键,苹果给出了使用手势替代原来点击home键的操作:从屏幕底部向上划动,可以退出当前应用(相当于单击home键);从屏幕底部上划后停留,则进入多任务状态(相当于双击home键)。
  其实安卓手机在多年前,就出现了没有home键的机型,而安卓系统是提供了虚拟按键,来代替home键的功能。苹果的设计,则是使用手势来替代原来的点击home键,操作上十分流畅,且不容易误操作,因此是一个伟大的创新。
  另外,对于底部边缘这种系统级的手势的运用,有一点需要注意:当我们在设计比较沉浸的应用时,比如游戏,有可能会需要使用定制这些屏幕边缘划动的手势,也就是当用户进行了从屏幕边缘划动的操作时,不执行系统的控制面板或者返回上一级页面等操作,而是执行游戏里需要的操作。在这种情况下,苹果的规范建议:
  第一次进行屏幕边缘划动时,执行应用自身的设计;
  第二次进行屏幕边缘划动时,执行系统级的设计,即出现系统的控制面板或者返回返回上一级页面等操作。
  另外,在iOS系统里,如果是iPad设备,则还有一个系统级手势:四个手指向中心捏拢,以返回到桌面。这个手势是天然适应于iPad的大屏幕的,也是手势能表现执行的操作效果这个理念很好的例子。
  今天介绍了安卓和iOS系统里,关于使用手势来进行导航操作的部分。其中,安卓系统中,可以通过按住页面并向下拖动,关闭一个二级页面,回到一级页面。另外在安卓系统中,用户随时都可以使用底部的虚拟按键返回上一级页面;而iOS中可以在任何二级、三级页面中通过从屏幕左边缘向右划动返回上一级页面。相比较而言,iOS的做法会更容易操作一些。
投诉 评论 转载

我不是一名UX设计师,你也不是我们不是电影导演,过山车设计师,甚至小说家。我们只是推动者:完成类似清理影院爆米花,按下“启动”按钮,设置软件或网页类型等工作。这些工作可能并不光鲜亮丽,但却实际有用。最……全面屏下的新交互方式全面屏时代,交互方式会有哪些变化?什么是全面屏?2017年可以称为全面屏集中爆发的一年,小米,OPPO,VIVO,华为,三星,苹果等等都在今年发布了全面屏手机,全面……唇语识别,真会是语言交互的终极战场?自出现唇语识别技术出现起,就有声音说唇语识别是语言交互的高阶战,甚至可能带来一场革命。不过,从本文来看,唇语识别还不能快速地普及。在今年的乌镇世界互联网大会上,搜狗展出了……经验分享如何更好地推动产品及交互需求顺利落地?本文作者将从设计流程介绍、需求收集筛选、需求设计评估、需求开发验收及需求管理及开发沟通工具介绍五个维度来分享,如何推动产品及交互需求落地。enjoy我很喜欢这样的一句话:……2018年技术驱动下的UX设计趋势即将到来的用户体验设计趋势,可能会提高最终用户的满意度。用户体验在2017年具有重大意义,不论从产品界面还是用户进行消费的内容各种数字平台。人与物更自然的交互方式在技术的……按钮组设计总结:按钮组排布时,是组合在一起好还是分开好?本文主要是对按钮组的使用场景进行了一个简单的总结,enjoy上周一个朋友问了我一个问题,按钮组排布的时候是组合在一起好还是分开好?这个问题当时就把我问倒了,因为我之前从来……交互设计前期,需求分析的三境界需求分析不能用简简单单的好与坏来评价,需求分析是依存于具体的场景,只有在具体场景下的需求分析才是有意义的。佛家观世有三重境界:第一重境界是“看山是山,看水是水”;第二重境……Materialdesign与iOSHumanInterfa本篇分析对比是基于各自官网最新的Materialdesign与iOSHumanInterfaceGuidelines文档,官方文档地址将在文末给出,供各位交流学习。规范目……iOS和Android规范解析手势随着iPhoneX将Home键去掉,手势在交互导航中的作用更加重要了。今天我们来研究一下GoogleMaterialDesign规范和iOS人机设计规范中对于手势的介绍。……UX设计:一个金融数据可视化案例在UX设计中有一种设计叫信息设计,就是如何让查看信息的人一目了然,金融数据往往会面临这样可视化的问题,让用户看到一张简单易懂的图的背后,是信息的逻辑。小试牛刀,此文做一个简单举……【长文分析】11个角度,全面分析交互设计师(35年)所需要具作为35年的交互设计,都需要怎样的能力?作者从10家一线互联网公司入手,对拉勾等多个招聘渠道的JD信息进行分析总结,拆解出这11项能力,看看你是否符合。交互设计师是国内最……一款APP设计的从0到1之:iOS篇(精华版)很多时候,我们都忙碌在每天的撸图和改稿中,很少的去整理归纳结和思考工作的一些问题和方法,善于总结反思才能达到事半功倍的效果。今天U妹在这里将自己在设计中的一些经验和技巧分享给小……
从4个方面探讨:金融类导流产品的竞品分析(二)讯飞输入法竞品分析报告:功能点差异化分析毒舌电影APP分析报告以“得到”为核心的知识付费类产品调研分析图片社交国内外市场,思考Instagram如何本土化运营手机淘宝产品分析报告InstagramTV会成为移动端视频王者吗?K12在线教育APP竞品分析:VIPKID英语与嗨课堂有什么企业微信深度体验报告网易有道词典APP分析:从用户需求看发展前景十面埋伏“坦白说”6个层面分析贝壳找房APP
联发科全球只有一家公司有芯片发热问题,高通,苹果还是华为?雄兵连:凯莎加戏饕餮王死而复生,炙心离开赵信,凉冰就快复活了 苹果6可以扩大内存吗苹果6怎么扩大内存容量进口跨境电商迎来高速增长天猫国际发布五大进口消费趋势假如我有一只尼尔斯的鹅作文我这十天春的舞步初一作文养胃的八条红线请勿靠近假发片长度怎么选盘点电影史上那些规模大到离谱的电影,有些差点让电影公司破产了iPhone13发布会时间敲定下月举行17日全线开售中国男篮2008奥运最强阵容,能否击败这支小组赛都输的美国男

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界