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

iOS和Android规范解析底部浮层(下)

4月20日 吴梦筱投稿
  上次的文章(点击查看),介绍了AndroidMD设计规范中对于“底板(BottomSheets)”的定义,这次的文章来跟大家介绍一下iOS设计规范中的底部浮层。
  在iOS规范中,出现在页面底部的浮层有两种:上拉菜单(ActionSheets)和活动视图(ActivityViews)。
  上拉菜单
  上拉菜单,是当用户激发一个操作的时候,出现的浮层。“使用上拉菜单让用户可以开始一个新任务或者对破坏性操作(例如:删除、退出登录等,笔者注)进行二次确认。”使用上拉菜单开始一个新任务,在苹果官方的邮件应用里有很多案例,比如下面这个:
  点击了那个长得很像“回复”的按钮,出现了三个操作供用户选择:回复、转发、打印。
  在用户进行破坏性操作的时候,上拉菜单成为一个确认性质的存在,防止用户误操作引起了破坏性结果。比如删除照片时,如下图:
  有心的好奇宝宝(比如笔者)这里可能就会想了:之前介绍过的警告框(Alerts),在进行一些重要操作的时候也会有再次提示的作用,那么它和上拉菜单有什么区别呢?笔者经过研究,终于在一个英文论坛上找到了答案:
  警告框比较打扰用户的使用,一般是告知出现的问题、希望用户来处理一下;而上拉菜单,往往出现在在用户点击了删除按钮之后,用户比较对此有预期。
  其实这两者在功能上差别不是太大,警告框打扰更大一些。
  另外,对于这种破坏性操作的上拉弹框,苹果建议在设计上突出那个破坏性的操作。比如上面那张图的“删除照片”按钮,就文案的颜色被设计成了红色。此外,上拉菜单必须要在底部有个“取消”按钮;同时,应尽量避免出现滚动条。
  活动视图
  这里的“活动”,指的就是浮层里包含的每一个操作。活动视图里包含的操作,必须是在对当前场景有用的操作。
  iOS规范里提到,活动视图,可以是从底部出现的浮层,也可以是从按钮处展现的弹出框(popover),如下图所示:
  左边是活动视图,右边是弹出框
  至于使用哪一种,苹果建议是根据尺寸和屏幕的放置方向决定。其实,原来手机屏幕较小时,popover这种控件,是专属于iPad设备的,现在随着手机屏幕尺寸越来越大,popover也开始出现在手机应用的设计里。这也是合理的情况。
  另外,在设计活动视图的时候,需要注意图标要能表现出操作的意义,文案要尽量简短明确。如果是系统自带的一些操作,如复制、黏贴,苹果建议直接使用系统自带的样式,不要创造新样式。规范里还特别指出,点击活动视图里的操作,不可在原有活动视图之上叠加出现活动视图或者上拉菜单,最多可以出现警告框这种控件。
  以上介绍了iOS设计规范中上拉菜单和活动视图这两种控件。我们来总结一下:
  上拉菜单可以展示操作(文字形式),也可以对用户的破坏性操作进行二次确认;而活动视图也可以展示操作,只是展示的操作数量更多,且可以使用图标文字的展现形式。
  所以,当操作数目较少的时候,可以考虑使用上拉菜单,而数目较多的时候,最好使用活动视图;对破坏性操作的二次确认,则必须使用上拉菜单。
  对于AndroidMD规范中底部浮层“底板(BottomSheets)”感兴趣的小伙伴,可以查看下面的链接:iOS和Android规范解析底部浮层(上)
  底板示例
  最后顺提一句,讨论会使我们更清楚地认识这个控件。欢迎大家留言讨论。
  相关阅读
  iOS和Android规范解析底部浮层(上)
  iOS和Android规范解析提示框(Toast)对比
  iOS和Android规范解析警告框(Alerts)对比
投诉 评论 转载

设计中的设计:日本公共服务中的点数设计让自己相信,来自于对事物本质的理解,对人心的洞察,和对未来的想象;让别人相信,来自于数据和事实,但同样也来自于讲故事,感染力和影响力。日本设计大师,无印良品艺术总监原研哉……产品迭代:总想着改变,你有关注过不变的东西吗?将战略建立在不变的事物上。很多人在产品的使用上有依赖习惯,会习惯一些固有操作和内容,有时候一段时间没用某个App,如果再次打开已经不是之前的样子,很可能就把它晾在一边了。……浅析OTA中车票类的一元免单免费的订单,免费的获得。一元免单既是花一元钱获取免单的机会,属于抽奖类的免单,文章拿火车票和汽车票来做例子对一元免单服务进行了一些分析。免费的订单,免费的获得。商家为了促……浅析支付系统的整体架构本文主要是简单地描述支付系统的整体架构。支付的典型架构每个公司根据其业务和公司发展的不同阶段,所设计的支付系统也会有所不同。我们先看看互联网公司的一些典型的支付系统……漫谈CRM体系化建设3:如何留住客户《漫谈CRM体系化建设》系列共分五篇,前两篇讨论了企业客户管理的基本业务问题和新客户开发管理问题。本文是第三篇,讨论如何实现新客户向稳定优质客户的转变,重点介绍了客户细分、建模……经验分享ToB产品的登录安全企业级服务产品,产品安全是用户选择时的关键因素,在登录安全,密码安全,设备安全等三个方面都要做到周全且极致。多设备同时登录并不是不安全目前市面上多数产品都是单设备登……以“涨乐财富通”为例,浅析券商开户APP流程及优化点今天介绍一下:客户如果通过APP注册一个股票账户,是什么样的流程?社交、即时通讯等互联网APP产品,产品内容比较容易理解。但互联网金融范围很广,同时需具备一定的专业知识。……当你刷Facebook的时候,应该注意什么?Facebook能千方百计来收集你的个人信息。完全避免使用Facebook是非常困难的;但通过了解它所收集的数据,你能明白使用Facebook的潜在风险,并在使用中更加谨慎。……商品管理系统设计总结:第三方医药电商平台设计这是作者第一次主导系统级的产品项目总结,与大家分享,也希望可以给大家带来一些借鉴、参考。背景从2016年年初开始,我们内部一直在讨论将原来商城代码逐步模块化的构想以……产品方法论:精益产品设计精益创业理论源自于硅谷创业专家《精益创业》和《四步创业法》,通过敏捷思维,小步快跑,快速迭代的方式,将一款最小化产品快速上线并不断迭代优化,最终形成一款现象级的产品。基于……产品功能解读:附近的人是按什么规则计算的距离不一定产生美,还有GeoHash算法。附近的人这样的产品功能,你一定不陌生吧?微信就有附近的人的功能,依托于位置信息,展示平台上与你距离较近的用户,这个功能在各……iOS和Android规范解析底部浮层(下)上次的文章(点击查看),介绍了AndroidMD设计规范中对于“底板(BottomSheets)”的定义,这次的文章来跟大家介绍一下iOS设计规范中的底部浮层。在iOS规……
职场的语录职场的语录职场正能量的语录96条经典职场正能量的语录摘录35条职场心灵鸡汤语录职场心灵鸡汤语录职场的语录68条简单的职场的语录常用职场正能量的语录30条职场正能量的语录46条职场正能量的语录98条职场的语录幼儿园教师工作总结孕妈小贴士怀孕了也可以留长发原形造句用原形造句大全单行道上逆向行驶扣几分自助餐里的海鲜卫生吗不是内向也不是外向使用仿瓷餐具有风险购买需谨慎12岁大风车灌篮!14岁2次晃趴美国大学后卫!他是广东队最大职业院校语言网页制作课程课堂教学方法及技巧都是成龙的亲生儿女,房祖名和小龙女,待遇却天差地别旧的用英语怎么说旧的用英语如何说政策松绑,楼市出现反弹信号了吗?

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