金舍民宿APP的设计与制作

摘  要：随着生活水平的不断提升，人们在日常生活中更加注重享受，促进了我国率旅游行业的逐渐兴盛。与此同时，在外出旅游时，人们对住宿也有了更高的需求，因此，民宿逐渐兴起。民宿与宾馆、酒店存在不同，民宿属于旅游资源，具有一定的特殊性，民宿的产生也是为了满足不同消费者的需求，民宿能够问人们的旅游出行创造更多的便利。因此，针对民宿类型与经营现状以及民宿设计方法等内容进行相应阐述。

该项目以Photoshop为主要的开发工具，原型图与交互效果使用Axure RP 8这款软件，该软件可以设置效果图的交互效果，使得用户有较好的体验感，使用HBuilder完成web一级栏目展示的静态官网。主要界面有首页（首单立减、民宿详情、学生优惠）、收藏（民俗详情）、消息（对话框页面）、我的（登录页面、个人资料页面、浏览历史页面、设置页面、联系客服页面）等。

范文分为引言、开发工具及环境介绍、项目概述、需求分析、APP界面设计、WEB界面设计、前台代码测试、总结与展望和致谢十个部分的组成。

关键词：界面设计 交互设计 金舍  

目 录

1 引言 1

1.1 金舍民宿APP的开发背景 1

1.2 金舍民宿APP的意义和设计目的 1

2 开发工具及环境介绍 2

2.1 金舍民宿APP开发环境 2

2.2 本项目应用的主要开发工具 2

2.2.1 Photoshop CC 2017 2

2.2.2 Axure RP 8 3

2.2.3 HBuilder 9.0.6 3

2.2.4 XMind 7.5 Update 1 3

3 项目概述 4

3.1 项目概述 4

3.2 项目风险 4

3.3 项目进度 4

4 需求分析 5

4.1 用户需求 5

4.2 功能需求 5

4.3 同类型APP分析 7

4.4 现行研究存在的问题及解决办法 8

5 APP基本要素 9

5.1 设计规范 9

5.2 LOGO设计步骤与含义 11

5.3 金舍民宿APP结构图 12

6 APP界面设计 13

6.1 APP原型图设计 13

6.1.1 首页 13

6.1.2 收藏页面 14

6.1.3 消息页面 15

6.1.4 我的页面 16

6.1.5设置 18

6.1.6个人信息 19

6.1.7 登录注册页面 20

6.2 APP界面实现 21

6.2.1 启动页 21

6.2.2首页 26

6.2.7收藏 31

6.2.8 消息 39

6.2.9 我的 41

6.2.11 登录注册 50

7 WEB界面设计 52

7.1 WEB功能界面介绍 52

7.2 WEB界面布局介绍 52

7.3 WEB界面实现 52

7.3.1 首页 52

7.3.2 民宿新闻 54

7.3.3 最新动态 56

7.3.4 民宿详情 60

7.3.5 注册 62

7.3.6 登录 62

7.3.7 民宿中心 62

7.3.8 新闻中心 62

总结与展望 68

致谢 69

参考文献 70