这是一份超详细的支付宝钱包原型模板,...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
2255 2 7 2019-09-09

现在使用电子现金的人儿越来越多。可以说,我们身边很多朋友出门只带一个手机就可以,不用带现金出门。移动设备的普及,加速了电子现金的发展。在手机上,我们既能联络朋友沟通交流,也可以拿出手机里的钱包功能,进行电子支付。


因此,在金融类产品原型设计中,产品经理都要规划着进行钱包原型的设计,下面我们整理了最最常用的钱包原型模板的典型页面,产品经理们可以直接复用哦~


原型模板介绍


首先,这是“钱包主页”的原型设计模板展示图。不仅展示了“钱包总额”,同时也设计了两个“按钮”组件和四个“右拉框”组件,以便支持“充值”、“提现”、“账单明细”等相关功能。

Image title


这是“余额充值”中“选择银行卡”原型设计模板展示图。其中通过“弹窗”组件来实现“选择银行卡”的功能的进行。


Image title


“小额免密支付”功能中“设置小额免密额度”。

Image title


“指纹支付”功能中“关闭指纹支付”页面,包含“提示弹窗”组件。

Image title


 “支付宝支付跳转”页面。

Image title


原型模板下载


登陆墨刀之后,点击「新建项目」,选择「从模板中创建项目」,找到该模板,点击「使用模板」,即可将下载模板。

Image title


原型模板快速复用


整体快速复用


如果你想要设计的产品和这个产品原型模板的结构、核心页面相似,那直接在墨刀中新建项目,选择使用这个产品原型模板,在这个产品原型模板的基础上修改、新增页面即可。


页面快速复用

如果你觉得原型模板中的某个页面之后可能会用到,那按Ctrl+A全选页面内组件,右键保存为「我的组件」,下次要使用时直接从「我的组件」中拖出即可。

Image title


当然,你也可以选择需要的页面,点击「移动」,转移到你设计的原型项目中。

Image title


组件快速复用


如果你觉得原型模板中的某些组件或组件模块之后可能会用到,那可以选中它们,右键保存为「我的组件」,下次要使用时直接从「我的组件」中拖出即可。

Image title


除了以上登录注册原型模板外,我们也给大家提供了多场景支付、登录注册、启动页、轮播图等基础功能模板资源,感兴趣的话可以注册墨刀,使用模板快速制作自己的产品原型~


全部评论:2

  • 黑糖咖啡没咖啡

    2019-09-12 17:02

    看到这UI有点劝退。。。

  • UU8

    2019-09-12 16:12

    建议把苹果8,的手机样机优化一下

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票