RP原型資源分享-購物類App

語言: CN / TW / HK

哈嘍, ​小摹​ ​來啦~

“金牌原型師——模板徵集大賽”的活動已經圓滿結束,小摹共計收到了幾百份的模板提交,在此十分感謝各位小夥伴的熱情參與:kissing_heart:

最近小摹會將優秀的模板一一展現給大家。之前已經出了3期,還沒看的小夥伴,可以直接點擊下面鏈接查看啦~

好啦,今天是分享模板的第四期,小摹跟大家繼續分享6個新鮮出爐的原型模板!!

這次的6個原型模板分別是:

​1)商品展示頁面​​​

​2)待辦類App​

3)美食類App

4)購物類App

5)旅遊類頁面精選

6)機票預訂App

一、商品展示頁面

本套UI Kit是商品展示頁面的模板,可供購物類App參考和複用,設計簡潔,添加了必要的交互。

其中共有19個頁面,包括:

1)商品展示主頁
2)商品分類
3)商品詳情
4)篩選款式
5)購物車
6)下單填寫地址
7)下單選支付方式
8)下單查看訂單
9)完成訂單等

下載鏈接:

​https://www.mockplus.cn/example/rp/100110​

二、 待辦類App

一款待辦類的手機軟件,其中共製作了15個頁面:

待辦列表呈現、個人完成任務數量統計、創建任務表單、時間線、日曆等維度的待辦事項頁面、登錄、註冊、新手引導頁面等。

模板使用了RP內容面板以實現順滑的頁面切換效果,另輸入框、按鈕等內容也使用了RP原生組件,模板添加了頁面跳轉,可以演示App中的真實 使用效果。

下載鏈接:

​https://www.mockplus.cn/exa‍mple/rp/100111​

三、 美食類App

隨着大家的消費水平逐漸提升,人們對“吃”的要求越來越高,這也意味着美食類App受到了廣大用户的青睞。

本原型中,根據美食APP創建了基本應用組件,包含商品卡片、餐廳列表、標籤、按鈕、側邊導航、下拉框、搜索框等,適用於基礎的美食APP原型繪製。

下載鏈接:

​https://www.mockplus.cn/example/rp/100112​

四、 購物類App

本套 APP UI是一套購物類APP原型模板,本套模板是一套深色版,添加了交互效果,接近真實APP效果;設計風格上,以歐美視覺為參考,可以用作海外原型設計參考。

模板使用了內容面板、輔助畫板以實現頁面輪播的切換效果,另輸入框、日期選擇器、開關等內容也使用了RP原生組件,快來一鍵複用吧~

下載鏈接:

​https://www.mockplus.cn/example/rp/100113​

五、 旅遊類頁面精選

本案例是一套旅遊類APP頁面的高保真原型,共計15個頁面,使用的組件有:輸入框,按鈕,內容面板(及輔助畫板),視頻框架,面板,開關等。

核心頁面包括:

  • 登錄、引導、註冊頁
  • 首頁及搜索、評論頁
  • 多種列表及詳情頁組合
  • 個人中心及設置頁

下載鏈接:

​https://www.mockplus.cn/example/rp/100114​

六、 機票預訂App

該作品以購買飛機票為場景設計的訂票APP。主要採用綠色+橙色作為主色調。

包含:登錄頁、航班查詢默認頁面、選擇日期頁、修改人數頁、航班選擇頁、航班確認頁、下單成功提示頁、賬户信息頁、語言設置頁、我的付款卡列表頁等。

作為一套高保真原型,可以快速複用~

下載鏈接:

​https://www.mockplus.cn/example/rp/100116​

在模板例子中還有許多各個種類的案例,大家可以看看:

模板例子-快捷傳送門