現(xiàn)在使用電子現(xiàn)金的人兒越來越多。可以說，我們身邊很多朋友出門只帶一個(gè)手機(jī)就可以，不用帶現(xiàn)金出門。移動(dòng)設(shè)備的普及，加速了電子現(xiàn)金的發(fā)展。在手機(jī)上，我們既能聯(lián)絡(luò)朋友溝通交流，也可以拿出手機(jī)里的錢包功能，進(jìn)行電子支付。

因此，在金融類 產(chǎn)品原型設(shè)計(jì) 中，產(chǎn)品經(jīng)理都要規(guī)劃著進(jìn)行錢包原型的設(shè)計(jì)，下面我們整理了最最常用的錢包原型模板的典型頁(yè)面，產(chǎn)品經(jīng)理們可以直接復(fù)用哦~

原型模板介紹

首先，這是“錢包主頁(yè)”的原型設(shè)計(jì)模板展示圖。不僅展示了“錢包總額”，同時(shí)也設(shè)計(jì)了兩個(gè)“按鈕”組件和四個(gè)“右拉框”組件，以便支持“充值”、“提現(xiàn)”、“賬單明細(xì)”等相關(guān)功能。

這是“余額充值”中“選擇銀行卡”原型設(shè)計(jì)模板展示圖。其中通過“彈窗”組件來實(shí)現(xiàn)“選擇銀行卡”的功能的進(jìn)行。

“小額免密支付”功能中“設(shè)置小額免密額度”。

“指紋支付”功能中“關(guān)閉指紋支付”頁(yè)面，包含“提示彈窗”組件。

“支付寶支付跳轉(zhuǎn)”頁(yè)面。

原型模板下載

登陸墨刀之后，點(diǎn)擊「新建項(xiàng)目」，選擇「從模板中創(chuàng)建項(xiàng)目」，找到該模板，點(diǎn)擊「使用模板」，即可將下載模板。

原型模板快速?gòu)?fù)用

整體快速?gòu)?fù)用

如果你想要設(shè)計(jì)的產(chǎn)品和這個(gè)產(chǎn)品原型模板的結(jié)構(gòu)、核心頁(yè)面相似，那直接在墨刀中新建項(xiàng)目，選擇使用這個(gè)產(chǎn)品原型模板，在這個(gè)產(chǎn)品原型模板的基礎(chǔ)上修改、新增頁(yè)面即可。

頁(yè)面快速?gòu)?fù)用

如果你覺得原型模板中的某個(gè)頁(yè)面之后可能會(huì)用到，那按Ctrl+A全選頁(yè)面內(nèi)組件，右鍵保存為「我的組件」，下次要使用時(shí)直接從「我的組件」中拖出即可。

當(dāng)然，你也可以選擇需要的頁(yè)面，點(diǎn)擊「移動(dòng)」，轉(zhuǎn)移到你設(shè)計(jì)的原型項(xiàng)目中。

組件快速?gòu)?fù)用

如果你覺得原型模板中的某些組件或組件模塊之后可能會(huì)用到，那可以選中它們，右鍵保存為「我的組件」，下次要使用時(shí)直接從「我的組件」中拖出即可。

除了以上登錄注冊(cè)原型模板外，還有多場(chǎng)景支付、登錄注冊(cè)、啟動(dòng)頁(yè)、輪播圖等基礎(chǔ)功能模板資源，我覺得挺實(shí)用的，不用去絞盡腦汁構(gòu)建原型了