第3节:APP原型动效库—弹框提示语

发布日期:2018-04-13    浏览量:13537

加入VIP社群,可终身免费下载本站全部VIP原型 查看VIP原型

原型预览地址:http://u.pmdaniu.com/gLB3

一、功能点

  1. 新建元件库,通过元件库反复调用提示弹框;
  2. 同一个提示框,在同一个界面,可以分别调取多条提示语;
  3. 通过提示语的类型,自动显示对应的图标。

二、准备工作

  1. 素材:导航图标、各个界面所需图片,下载文件中已包含所有素材;
  2. 新建【index】、【登录】、【购物车】等原型中的界面,将手机壳导入【index】界面;
  3. 新建元件库【动效库】,在元件库中拖入一个【动态面板】(Box1,231*90px),动态面板中拖入一个【中继器】(Rpt_Box1,231*90px);
  4. 在中继器中,在拖入一个【动态面板】(Icon_Rpt_Box1,38*38px);拖入一个【图片元件】(Background_Rpt_Box1,231*90px),拖入一个【文字编辑元件】(Words_Rpt_Box1,231*30px)。

三、实现步骤

1、创建元件库,取名【动效库】:

2、【动效库】中设计提示弹框:

3、在需要的界面中调用弹框提示语:

原型预览地址:http://u.pmdaniu.com/gLB3

Axure产品原型

Axure产品原型官网(pmyuanxing.com)—— 专注于提升Axure产品原型的效率与体验!
为产品经理、交互设计师、UI设计师提供:Axure原型模板下载、APP原型下载、电商原型下载、APP元件库等整站原型的下载,以及Axuer教程和Axure视频教程的服务。
欢迎加入VIP社群,与小伙伴一起学习交流,共同成长!

合作伙伴

  • 微信公众号
  • QQ交流群

Axure产品原型:专注于提升Axure产品原型的效率与体验! ©Axure产品原型,版权所有 侵权必究  粤ICP备18031656号-1