您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

电商支付,打赏支付,钱包充值提现的原型模板都在这儿了!可直接

原创文章 分类: 教程 版权:
945 2 0 0
2019-08-12
4.8

在几年前,在国外,看到老外出门只需要带一张信用卡,就可!做梦也想不到,几年后的现在,在中国,出门只需要带一部智能手机就dei!这样的便捷离不开移动互联网和各种电商类、社交类等产品的支付功能的支持。

对现在很多app来说,“支付”是其盈利的关键一环。一个便捷的【支付页面】更能支持资金滚滚来~

本文整理了不同企业正在使用的电商支付,打赏支付,钱包充值提现功能页面的原型模板,都在这里啦!直接复用吧!


原型模板介绍


小红书app中的【订单支付-支付宝】页面,其中包括“商品详情”、“支付方式”和“收货时间”等组件。

Image title


简书中的【打赏】页面,便于读者打赏,包含“金额输入”、“分享弹窗”等组件

Image title


简书中的【提现】页面,包含提现弹窗,包含“金额输入框”等

Image title


摩拜app中的【钱包充值】页面,包含“充值金额”、“选择支付方式”、CTA 按钮 (“去充值”)、跳转到“Apple pay”的弹窗。

Image title


原型模板下载


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

Image title


原型模板快速复用


整体快速复用

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


页面快速复用

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

Image title


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

Image title


组件快速复用

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

Image title


除了以上登录注册原型模板外,我们也给大家提供了钱包、登录注册等基础功能模板资源,感兴趣的话可以注册墨刀,使用模板快速制作自己的产品原型~

墨刀_MockingBot

modao.cc 强大易用的原型设计与协同工具

649粉丝/3关注

诲人不倦小有名气小有见解首页新秀
设计干货:8种卡片设计的技巧一篇文章搞懂「低保真原型与高保真原型」

墨刀_MockingBot

墨刀_MockingBot

modao.cc 强大易用的原型设计与协同工具

诲人不倦小有名气小有见解首页新秀

扫描二维码
去手机端查看海报

墨刀_MockingBot

TA已经获得6枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN