伴宠 APP设计与制作

摘要：

界面设计——在漫长的软件发展中，界面设计工作一直没有受到设计师的关注。用户界面作为关键的交互平台,如何建构更有效的界面风格体系,如何建构更好体现产品性能的特定体系成为智能手机全面开发的重点。当手机用户的需求越来越多,当手机界面操作越来越复杂,对界面设计也提出了更高的要求。界面设计从最初的拟物化设计转变为如今的扁平化设计,逐渐朝着贴近用户的需求、偏好、习惯等方向发展。

本项目是一款针对宠物生活的app，有两大主要功能—商城、相亲配对。宠物作为人们日常生活的小伙伴，能带给我们许多欢乐。我们也需要尽自己可能给他们最好的待遇。商城功能可以提供使用者各种各样的宠物日常所需，商品来源正规，保障商品安全。相亲配对功能提供了一个相亲社交平台，使用者可以为自己的爱宠寻找一个伴侣。

关键词：界面设计、商城、相亲配对。

目 录

1 引言 5

1.1 伴宠APP的开发背景 8

1.2伴宠 APP的意义和设计目的 9

2 开发工具及环境介绍 10

2.1 伴宠 APP开发环境 10

2.2 主要开发工具 11

2.2.1 Adobe Photoshop 2020 11

2.2.2 Adobe Illustrator 2020 11

2.2.3  Axure RP8 12

2.2.4 HBuilder X 12

2.2.5 XMind 13

3 项目概述 14

3.1 项目简介 14

3.2 项目风险 14

3.3 项目进度 15

4 需求分析 16

4.1 用户需求 16

4.2 功能需求 17

4.3 同类型APP分析 19

4.4 现行研究存在的问题 21

5 APP基本要素 22

5.1 设计规范 22

5.2 LOGO设计含义 25

5.3 伴宠 APP结构图 26

6 APP界面设计 27

6.1 APP原型图设计 27

6.1.1 首页 28

6.1.2 商城 29

6.1.3 相亲 30

6.1.4 我的 31

6.1.5 登录注册页面 32

6.2 APP界面效果图 36

6.2.1 引导页 36

6.2.2 首页 40

6.2.3 商城 46

6.2.4 相亲 52

6.2.5 我的 61

6.2.6 登录/注册 70

7 WEB界面设计 72

7.1 WEB功能界面介绍 72

7.2 WEB界面效果图展示 73

7.2.1 首页 73

7.2.2商城 74

7.2.3相亲 75

7.2.4购物车 76

7.2.5登录/注册 77

8总结与展望 78

9致谢 79

10参考文献 80