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

哈嘍， ​小摹​ ​來啦~

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

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

• ​ ​ 金牌原型設計師，你的現金獎勵來啦！ ​ ​
• ​ ​ RP原型資源分享-BOSS直聘 ​ ​
• ​ ​ RP原型資源分享-卡車運輸管理平台 ​ ​

好啦，今天是分享模板的第四期，小摹跟大家繼續分享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）完成訂單等

下載鏈接：

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

二、 待辦類App

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

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

​ ​

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

下載鏈接：

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

三、 美食類App

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

​ ​

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

下載鏈接：

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

四、 購物類App

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

​ ​

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

下載鏈接：

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

五、 旅遊類頁面精選

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

​ ​

核心頁面包括：

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

下載鏈接：

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

六、 機票預訂App

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

​ ​

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

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

下載鏈接：

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