本港台开奖现场直播 j2开奖直播报码现场
当前位置: 新闻频道 > IT新闻 >

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

时间:2017-07-14 01:43来源:668论坛 作者:开奖直播现场 点击:
toast属于一种轻量级的反馈,常常以小弹框的形式出现,一般出现1到2秒会自动消失,可以出现在屏幕上中下任意位置,但同个产品会模块尽量使用同一位

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特有的临时框。

SnackBar继承了Toast的所有特性,即:为小弹窗的形式,会自动消失。有三个差异化:①可以出现0到1个操作,不包含取消按钮;②点击SnackBar以外的区域,SnackBar会消失;③一般只出现在屏幕底部。

在实际的产品设计中,我没采用过SnackBar这种形式,在平时使用APP时也很少看到。所以放了两张MD规范中的图。

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

带一个操作 & 不带操作

举个可以采用SnackBar临时框的场景:当删除某张照片时,可以在屏幕底部出现Snackbar,提示“照片成功删除”,并附带撤销操作,当用户点击撤销时,照片可恢复。用户不进行操作Snackbar则消失,照片删除成功。

APP中所有临时框的设计,基本上不会脱离上面提到的五种形式,这五种形式是按照临时框的作用和呈现形式来划分的。当然也可以按照开发的实现方式来划分(Android端):Dialog、Toast、SnackBar、Popupwindow、Activity等等。但这种划分对用户来说并没有什么价值,但对于设计师来说知道什么样的临时框可以用什么代去实现,会更容易推动自己的设计方案。

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

特殊情况下的APP设计(1):注册登录页设计

特殊情况下的APP设计(2):启动页的设计

特殊情况下的APP设计(3):如何处理加载页面

特殊情况下的APP设计(4):网络异常时该如何设计?

#专栏作家#

邹志楠,微信公众号:邹志楠,人人都是产品经理专栏作家。用户体验设计师,专注于互联网产品设计。

(责任编辑:本港台直播)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容