23

这是一份超详细的支付宝钱包原型模板,免费使用!(支付宝支付跳转) | 产品壹佰

 4 years ago
source link: http://www.chanpin100.com/article/109925
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
关闭
159298611617776968

这是一份超详细的支付宝钱包原型模板,免费使用!(支付宝支付跳转)

  • 发布于2019年11月04日
  • 阅读13038
我们可以借鉴借鉴~

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

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

原型模板介绍

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

157268203932163876

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

157268204807203390

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

157268205612019795

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

157268206840511340

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

157268207735229279

原型模板下载

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

157268210356525524

原型模板快速复用

整体快速复用

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

页面快速复用

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

157268211398706130

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

157268212563321551

组件快速复用

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

157268213816563361

除了以上登录注册原型模板外,还有多场景支付、登录注册、启动页、轮播图等基础功能模板资源,我觉得挺实用的,不用去绞尽脑汁构建原型了

喜欢 4 收藏 3


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK