哈喽,​小摹​​来啦~


“金牌原型师——模板征集大赛”的活动已经圆满结束,小摹共计收到了几百份的模板提交,在此十分感谢各位小伙伴的热情参与😘


RP原型资源分享-购物类App_原型设计


最近小摹会将优秀的模板一一展现给大家。之前已经出了3期,还没看的小伙伴,可以直接点击下面链接查看啦~



好啦,今天是分享模板的第四期,小摹跟大家继续分享6个新鲜出炉的原型模板!!


RP原型资源分享-购物类App_原型设计_02


这次的6个原型模板分别是:


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

​2)待办类App​

3)美食类App

4)购物类App

5)旅游类页面精选

6)机票预订App



一、商品展示页面


本套UI Kit是商品展示页面的模板,可供购物类App参考和复用,设计简洁,添加了必要的交互。


RP原型资源分享-购物类App_设计师_03


其中共有19个页面,包括:


1)商品展示主页
2)商品分类
3)商品详情
4)筛选款式
5)购物车
6)下单填写地址
7)下单选支付方式
8)下单查看订单
9)完成订单等



下载链接

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




二、待办类App


一款待办类的手机软件,其中共制作了15个页面:


待办列表呈现、个人完成任务数量统计、创建任务表单、时间线、日历等维度的待办事项页面、登录、注册、新手引导页面等。


RP原型资源分享-购物类App_还原_04


模板使用了RP内容面板以实现顺滑的页面切换效果,另输入框、按钮等内容也使用了RP原生组件,模板添加了页面跳转,可以演示App中的真实使用效果。


下载链接

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




三、美食类App


随着大家的消费水平逐渐提升,人们对“吃”的要求越来越高,这也意味着美食类App受到了广大用户的青睐。


RP原型资源分享-购物类App_还原_05


本原型中,根据美食APP创建了基本应用组件,包含商品卡片、餐厅列表、标签、按钮、侧边导航、下拉框、搜索框等,适用于基础的美食APP原型绘制。


下载链接

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




四、购物类App


本套 APP UI是一套购物类APP原型模板,本套模板是一套深色版,添加了交互效果,接近真实APP效果;设计风格上,以欧美视觉为参考,可以用作海外原型设计参考。


RP原型资源分享-购物类App_产品经理_06


模板使用了内容面板、辅助画板以实现页面轮播的切换效果,另输入框、日期选择器、开关等内容也使用了RP原生组件,快来一键复用吧~


下载链接

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




五、旅游类页面精选


本案例是一套旅游类APP页面的高保真原型,共计15个页面,使用的组件有:输入框,按钮,内容面板(及辅助画板),视频框架,面板,开关等。


RP原型资源分享-购物类App_还原_07


核心页面包括:


  • 登录、引导、注册页
  • 首页及搜索、评论页
  • 多种列表及详情页组合
  • 个人中心及设置页


下载链接

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




六、机票预订App


该作品以购买飞机票为场景设计的订票APP。主要采用绿色+橙色作为主色调。


RP原型资源分享-购物类App_原型设计_08


包含:登录页、航班查询默认页面、选择日期页、修改人数页、航班选择页、航班确认页、下单成功提示页、账户信息页、语言设置页、我的付款卡列表页等。


作为一套高保真原型,可以快速复用~


下载链接

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


在模板例子中还有许多各个种类的案例,大家可以看看:模板例子-快捷传送门