KG快购APP的设计与制作

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

该项目以Photoshop为主要的开发工具，原型图与交互效果使用Axure RP 8这款软件，该软件可以设置效果图的交互效果，使得用户有较好的体验感，使用HBuilder完成web一级栏目展示的静态官网。主要界面有启动页、引导页、首页（推荐页面、鞋子页面、美妆页面、数码页面、家电页面）、分类（球鞋页面、箱包页面、美妆页面、数码页面、家具 页面、运动页面、家电页面、配饰页面）、购物车、我的（设置页面、账户设置页面、支付设置页面、个人信息页面、我的收货地址页面）、用户的登录页面、注册页面等。

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

关键词：界面设计 交互设计 快购  

目 录

1 引言 1

1.1 KG快购APP的开发背景 1

1.2 KG快购APP的意义和设计目的 1

2 开发工具及环境介绍 2

2.1 KG快购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

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 KG快购APP结构图 12

6 APP界面设计 13

6.1 APP原型图设计 13

6.1.1 首页 13

6.1.2 分类页面 14

6.1.3 购物车页面 15

6.1.4 我的 17

6.1.5 账户设置 18

6.1.6 个人信息 19

6.1.7 登录注册页面 20

6.2 APP界面实现 21

6.2.1 启动页 21

6.2.2 引导页1 22

6.2.3 引导页2 23

6.2.4 引导页3 24

6.2.5 首页 25

6.2.6 鞋子 26

6.2.7 美妆 31

6.2.8 数码 39

6.2.9 购物袋 41

6.2.10 我的 42

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.6 结算 62

快购APP思维导图 63

总结与展望 63

致谢 65

参考文献 67