必威体育Betway必威体育官网
当前位置:首页 > 运营推广

APP吐司功能,如何用Axure画出来?

时间:2019-06-19 05:44:16来源:运营推广作者:seo实验室小编阅读:96次「手机版」
 

吐司app

吐司用来反馈信息或临时提醒用户,俗称提示条。

典型应用场景

原型画法(无交互)

吐司通常包含背景、文案图标,位于页面中间。

1、先画背景。从默认元件库拖动“矩形3”到工作区合适位置,修改尺寸为195*195,修改圆角半径为20,修改填充色为#000000,不透明为50。

2、再画文案。从默认元件库拖动“三级标题”到背景中合适位置,然后双击输入文字“吐司文案”,修改字体颜色为#FFFFFF。

3、再画图标。从默认元件库拖动“图片”到背景中合适位置,修改尺寸为60*60。

4、生成原型HTML并在浏览器中查看效果。

原型画法(有交互)

吐司的常见交互效果:

触发一定条件,显示吐司。

等待了几秒后,隐藏吐司。

以“进入新页面都会检测网络。如果网络不好,就提示用户。”来讲解吐司的交互如何画出来。

5、在之前步骤的基础上,双击吐司文案,修改为“网络不稳定”。

6、选择以上元件,然后右键进行组合。

7、点击该组合元件,设置为隐藏。这样查看原型的时候默认看不到它。

8、点击工作区空白区域,然后设置“页面加载时”事件,添加动作“等待”,组织动作“1000ms”,代表刚进入页面。

9、继续添加动作“显示”,组织动作“勾选该组合元件”。代表网络不好告诉用户,建议提前命名该组合元件方便找到它。

10、继续添加动作“等待”,配置动作“等待时间2000毫秒”,代表该提示显示一段时间。

11、最后添加动作“隐藏”,配置动作“勾选该组合元件“。

12、生成原型HTML并在浏览器中查看效果。

添加到Axure元件库

不同场景下的吐司功能,标题不一样,样式相对固定。

相关阅读

如何用编程思维快速完成产品设计?

舒舟(阿里巴巴1688事业部):人们普遍认为,流程和工具不重要,重要的是想法和思路。话虽如此,不过我认为流程和工具也能反映一个设计师的设

如何用新浪微博做淘宝客,三步实现破零

第一步,注册一个有趣味的微博名字,如减肥瘦身百科,护肤美妆百科,美食营养百科。这样做的目的是便于搜索,目前也是女生关注最多的话题。

如何用数据来做渠道效果的分析(工具篇)

日前和几个 BD 朋友聊天,听到说“现在很多渠道投放的效果犹如雾里看花,点击很多,激活很少,留存更是骨感……”想到自己对当下的统计后

如何用栅格系统布局页面?

什么是栅格系统?主流网站如何使用栅格系统?如何用栅格系统布局页面呢?如果很着急,需要马上使用栅格,可用:http://grid.guide在线栅格工

网站制作教程:新手如何用PageAdmin建立一个网站

PageAdmin是国内很知名的建站系统,国内超过30%的网站都是由PageAdmin搭建而成,现在很多公司或单位都没有自己的独立网站,利于pageadm

分享到:

栏目导航

推荐阅读

热门阅读