汇GO汇购APP的设计与制作

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

该项目以Photoshop为主要的开发工具，原型图与交互效果使用Axure RP 9这款软件，该软件可以设置效果图的交互效果，使得用户有较好的体验感，使用Visual Studio Code完成web一级栏目展示的静态官网。主要界面有启动页、引导页、首页（保存、类别、超值特价、热门活动）、分类（antiques、art、baby、books、crafts、DVD、music、watches、sports、stamps、travel、video）、购物车页面、我的（设置页面、消息页面、帮助页面、正在追踪页面、保存页面、再次购买页面、购买记录页面、出价及议价页面、付款方式页面、最近浏览页面）、搜索页面、通知页面、出售页面等。

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

关键词：拍卖 海淘 出售   

目 录

1 引言1

1.1 汇GO汇购APP的开发背景1

1.2 汇GO汇购APP的意义和设计目的1

2 开发工具及环境介绍2

2.1 汇GO汇购APP开发环境2

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

2.2.1 Photoshop CC 20172

2.2.2 Axure RP 93

2.2.3 Visual Studio Code3

2.2.4 XMind 7.5 Update 13

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 汇GO汇购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 我的17

6.1.6 账户设置18

6.1.7 登录注册页面20

6.2 APP界面实现21

6.2.1 启动页21

6.2.2 引导页122

6.2.3 引导页223

6.2.4 引导页324

6.2.5首页26

6.2.6 分类31

6.2.7 购物车41

6.2.8 我的42

6.2.9 搜索42

6.2.10 通知42

6.2.11 出售42

6.2.12登录注册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 推荐42

7.3.6 注册62

7.3.7 登录62

总结与展望68

致谢69

参考文献70