
随着人们生活水平的日益提高,对生活的要求不仅仅是柴米油盐,更要有诗和远方。说起诗和远方自然离不开一场说就走的旅行,虽然是说走就走,但还是要做行程规划,车票 、船票、住宿等都要提前预定,不过好在现在互联网的极度发达,各种旅行APP遍地开花。今天要分享的原型资源是阿里巴巴旗下的旅行APP——「飞猪旅行」。为什么要分享「飞猪旅行」呢?「飞猪旅行」相比其他旅行APP会更加的年轻化,并且背靠阿里巴巴这颗大树,产品使用体验和商品质量还是有保障的。还是老规矩,原型资源已经放在文末,小伙伴们记得下载哟!
这次分享的资源中主要有哪些内容呢?
首先少不了的是旅行APP中常见的「首页」、「发现」、「目的地」、「行程」、「我的」5个一级页面,这些页面中承载了旅行APP中的绝大部分功能展示和入口,例如:热门旅行目的地以及特价旅行产品等等。同时还有「搜索-购买机票」、「搜索-购买火车票」、「搜索-购买汽车票」等多种购票流程以及相应的订单页面。相信你一定用得到。总体来讲飞猪旅行App整个功能模块划分地非常细致,页面风格也是延续了淘宝系的轻快活泼,如果你也想制作一个旅行类或者购票类的APP,不妨下载文末的原型资源好好研究研究~
动图概览一下产品~

机票购买流程

火车票购买流程

汽车票购买流程

预览一波原型页面

组件库预览

组件库中的组件该如何使用呢?
1、进入 xiaopiu 精选广场的组件库/页面库,搜索「飞猪旅行」,在搜索出的组件库右下角点击「引用为我的公用库」。

2、或直接进入「飞猪旅行」,然后点击右上角的引用按钮~

3、引用成功后,在您的项目编辑页左侧【组件库/页面库】就可以看到我们丰富的资源啦!拖拽组件到自己的页面上改一改就是你的了哟!

资源分享:
往期文章:
「有赞商城」功能强大逻辑鲜明的电商后台管理系统——附原型资源分享
网友评论