1. 云裂变
  2. 营销
  3. 网站运营
  4. 特殊情况下的APP设计(5):最全的临时框设计

特殊情况下的APP设计(5):最全的临时框设计

作者: 日期:2022-03-06 人气:178

 

一共有五种临时框:警告识图,操作菜单,全局模态,Toast,SnackBar。知道这五类临时框的作用与特点,就能在设计APP临时框时做到心中有数,游刃有余。

特殊情况下的APP设计(5):最全的临时框设计

智能手机经历了十年的发展,目前市场上主流的移动端操作系统只有两个:Android和iOS。智能手机的硬件和软件已经同质化很严重,所以我会把Android和iOS的临时框放在一起讲,因为站在设计的角度,它们的边界在变得模糊。基本上在iOS存在的设计样式,在Android都能找到对应。

一. 模态临时框

临时框可以分为两大类,一类称为模态临时框,另一类称为非模态临时框。模态临时框需要用户必需选择一项操作后才会消失,好比 Alert 确认等;而非模态临时框并不需要用户必需选择一项操作才会消失,好比页面上弹出的 Toast 提示。

模态临时框主要有以下三类:

1. 警告视图(Alert View)

Alert View是iOS中的概念,中文翻译为警告视图,官方定义是:警告框用于告知用户一些会影响到他们使用 app 或设备的重要信息。与之对应的临时框,在Android系统中被称为dialog,翻译为对话框。

回想一下,当听到一个令人震惊消息时你的反应是?大部分人的反应是“什么?”或者“你说什么?”你潜意识要求对方再说一遍。为什么?因为这个信息太出人不测了,所以你要再次确认下是不是真的!

同理,当你触发了删除按钮时,App是什么反应?删除的操作太敏感了,所以需要让再次确认,这里用到的即是警告视图Alert View。

App要获取位置信息;拜候相册和相机;询问是否升级App等等,这些都需要用到警告视图。

特殊情况下的APP设计(5):最全的临时框设计

滴滴出行&网易云音乐

除此之外,警告视图还能作为运营活动的入口或者引导页。

特殊情况下的APP设计(5):最全的临时框设计

韩国某APP&回家吃饭

从上图可以看到,警告视图包孕三个部分:标题;正文;按钮。有些简单的警告视图只有标题和按钮,不需要正文来说明;别的一些可能会没有按钮,点击临时框外部区域临时框会消失。

2. 操作菜单(Action Sheet)

iOS中Action Sheet中文翻译为操作菜单,对应Android中的Bottom Sheets,中文翻译为底部动作条。

某天你正在用某音乐App听一首歌,看着播放界面,这时候你想要查看歌手信息,专辑信息,还想要保藏这首歌……在当前页面要满足这这么多需求,就要用到操作列表Action Sheet。针对当前页面,用户想要执行的操作太多了,不成能把这些操作都放出来,这样页面上全都是密密麻麻的icon、button。用操作列表的形式把这些按钮都放在一个临时框里就完美的解决了这个问题。

特殊情况下的APP设计(5):最全的临时框设计

网易云音乐&XY

上面两张图,看起来完全纷歧样,但是原理是我上面所说的,万变不离其中,只不过换了个UI样式。它们都属于操作菜单类临时框。

该类临时框还有一类变种,不在底部弹出,而是在用户触发操作的区域附近弹出,如下图:

特殊情况下的APP设计(5):最全的临时框设计

蜗牛读书&支付宝

3. 全局模态(Modal View)

全局模态属于一种很特殊的临时框,因为它的区域会占据整个屏幕。但在iOS的设计规范中,全局模态被放在了临时框中。官方定义是:一个以模态形式展现的视图,它为当前任务或当前工作流程提供独立的、自包罗的(self-contained)功能。

特殊情况下的APP设计(5):最全的临时框设计

邮件APP

全局模态有一下几个特点(对照上面iOS自带的邮件APP的图会更容易理解):

占据整个屏幕,或者占据整个父视图的区域。包罗完成当前任务所需的文字和控件。通常也包罗一个完成任务的按钮,和一个取消按钮。

关于全局模态和普通二级页面的区别,以及什么时候该用全局模态,什么时候该用普通二级页面?

二. 非模态临时框

非模态临时框有Toast、SnackBar:

1. Toast

Toast是Android平台的设计形式,iOS规范中并没有规定这种形式,但是由于Toast能很好的起到轻量级反馈的作用,现在很多iOS的APP也在使用这种临时框。

toast属于一种轻量级的反馈,常常以小弹框的形式出现,一般出现1到2秒会自动消失,可以出现在屏幕上中下任意位置,但同个产品会模块尽量使用同一位置,让用户产生统一认知。

关于Toast的显示时间,Android自带的两种时间属性Toast.LENGTH_SHORT和Toast.LENGTH_SHORT别离为2秒和3.5秒,但是我的设计习惯一般会自定义为1.5秒和2.5秒。Toast中的文本超过10个字符用2.5秒,少于10个字符用1.5秒。

在样式上,尽量和产品整体风格连结一致,这样会更和谐,不至于突兀。

特殊情况下的APP设计(5):最全的临时框设计

淘宝&豆瓣

2. Snackbar

同Toast,SnackBar同样是Android特有的临时框。

内容标签:

热门文章

    现在很多企业都着手于做重庆seo排名,因为SEO是获取精准流量比较稳定且长期发展好的方式之一,同时也能提升自身企业的品牌形象,因为SEO本身就是基于用户体验优化而做的,因此做好SEO

6768

网络营销时代,软文营销已成为企业传播品牌、促进订单转化的重要手段。不同于硬广形式,软文营销的精华就在于“软”字,即广告绵里藏针,要在能提供给用户有价值内容的基础上进行广告

 文库营销指的是借助一些文库平台上传文档,通过知识分享来做品牌营销,目前常见的文库平台有百度文库、360图书馆、道客巴巴、豆丁文库等。文库营销对文档质量要求较高,需要用户自

网站对于很多的企业来说,不仅仅是业务的渠道拓宽,也是多一个网站推广的途径和客户渠道等,很多的企业虽然有自己的网站,但是重视程度不够,很多的企业都只依靠网站就能够养活一个公

3236

企业品牌推广对于企业的生存来说是极其重要的,如果没有一个好的推销渠道的话,可能就会让自己的商品卖不出去。在新闻中总是看到哪儿有什么产品卖不出去了,形成滞销,让个人或是企业

3196

一方面,不同客户的建站需求不同;另一方面,网站建设人员的技术水平高低不一;同时,时效、地域因素也会对建站成本有所影响。所以网站建设的报价暂时没有统一标准,建设费用更是从几

3015

最先剖析要散播的目的客户人群的陋习与话动范畴; 精心安排合乎网民爱好的论坛推广时件或话动; 积淀论谈有关社交圈子資源,会对进行论坛推广出示挺大适用; 搞好数据分析,以知道论坛推广的成功失败之举,加以改进。

人们常常会遇上有些人做论坛推广的当时,以便能短期内内看到作用,就在每个论谈网站上注冊很多的id,花两三天的時间就把各大论坛上贴的浓浓的全是软广,可是隔过段时间回来看,以前公布的全部贴子都被删的干净整洁,情况严重将会注冊的id也被封的干净整洁,而针对这类人只有说成爱好者的论坛推广技巧了。在进到这一议论以前,人们看一下自身是不是存有那样的难

在互联网高速发展的今天,在众多同行品牌的强势竞争下,新品牌想要打开市场并不是一件容易的事儿。但不推广就难以生存,那么我们应该如何做好新品牌推广,快速打开市场?云裂变徐国

2919

一个生产企业想要发展必须要创立自己的品牌,在人们购买东西讲究牌子的今天,如果你所生产的产品连个牌子都没有,恐怕会无人问津的。但是,有了品牌,对于小公司来说若是得到消费者的

2893

现在的推广营销方式与以前比起来可是多了不少,放在以前也就是还没有网络的时侯,商品商家和生产厂家想要把自己生产的和自己销售的产品或是商品成功推销出去那可就得想想办法了。比如

2889

说起网络营销,让人们想起了网上购物,比如在刚过去的520,就是一波网购的热潮,各种打折促销返利活动让许多人心动,看花了眼。又比如每年的双11、在双12的网上促销活动可谓是一年之内

2846

很多企业在官网搭建完成之后,便放任不管,既不更新内容、也不做任何的排名优化,最后网站没排名、没流量、没访客;即使有排名、有流量导入,但是跳出率极高,依然产生不了任何效益。

2829

随着网络营销、全网覆盖等口号喊得越来越响,现在有不少的企业做网络营销都是被同行带起来的,本质上对网络营销推广的作用都了解不多。那么网络推广好在哪?为什么一定要做好网络推广

论坛推广就是,企业利用论坛这种网络交流的平台,通过文字、图片、视频等方式发布企业的产品和服务的信息,从而让目标客户更加深刻地了解企业的产品和服务。最终达到企业宣传企业的品牌、加深市场认知度的网络营销活动。1、电子公告板(BBS)是虚拟网络小区的要素方法,小量的交流信息全是历经BBS进行的,vip历经贴到消息也许回应消息抵达互相联系的目地。一些简

受互联网大趋势影响,很多传统企业纷纷着手布局网络营销,考虑到企业自身在营销经验上有欠缺,不少老板会选择找全网营销外包公司合作,这个时候就会出现很多选择难题。比如说找了10家

2770

随着社会的发展和人们消费观念的改变,现在人们的消费已经从单纯的商品能使用消费阶段到了商品品牌消费阶段了。在进行商品购买时总是看商品的品牌,就拿一些年轻人来说吧,对于耐克、

2760

百科营销是一种以权威知识分享的形式对企业做有目的性的品牌宣传,可以有效提高潜在客户对企业品牌或产品服务的信任度及认可度,最终达到提升企业品牌知名度美誉度的双重作用。那么百

护肤品作为当下大受女性追捧的快消品,行业竞争激烈,且更新换代尤其迅速。那么如何在如此变幻莫测的市场竞争中占领高地呢?这自然少不了大面积的营销推广(包括线上和线下),下面全

一、前端seo代码优化注意事项1、提高页面加载速度。CSS可以用来解决不使用背景图片的问题,也可以尝试压缩背景图片的大小,你可以在一张图片上放置几个图标,使用CSSsprite,使用背景位置

2642

最新文章