一款阅读产品的设计与应用

摘  要：随着移动互联网和移动设备的大力发展，移动阅读也逐渐成为新的阅读方式，阅读方式从传统的纸质书籍转变成移动阅读类APP,是未来阅读的发展方向。因此设计了简易小说APP这款阅读类产品。简易小说的设计包括两部分：移动APP的设计、Web端设计，让用户能够随时随地阅读到小说。其中，移动端APP提供阅读功能，定位为随时随地读小说；Web端产品提供更广泛阅读功能，定位为分类更多小说资源更多。

本课题基于Photoshop、Axure RP 8等软件实现移动端设计，基于HBuilderX软件实现Web端设计。移动端由书架、精选、免费、分类、个人中心5个模块组成，界面由橙黄为主色，界面设计简约都有基本的交互效果。Web端有首页、完结、免费、客户端下载四个一级静态页面。

关键词：阅读 视觉设计 交互设计 Photoshop Axure RP 8 HBuilderX

目 录

1 引言 1

1.1 课题背景 1

1.2 课题意义 1

2 开发工具及环境介绍 2

2.1 简易小说APP的开发环境 2

2.2 主要开发工具与技术 3

2.2.1 Axure RP 8 3

2.2.2 HBuilderX 3

2.2.3 Adobe Illustrator CC 2018 4

2.2.4 Firefox 4

2.2.5 Adobe Photoshop CS6 5

2.2.6 DIV+CSS 5

2.2.7 XMind ZEN 6

3 项目概述 6

3.1 项目概述 6

3.2 项目风险 8

3.3 项目进度计划 8

4 项目需求分析 9

4.1 行业背景分析 9

4.2 典型用户分析 9

4.3 同类型APP分析 9

4.4 业务工作角色分析 9

5 产品设计说明 12

5.1 设计定位 12

5.2 主题色定义 12

5.3 设计规格定义 13

5.4 产品logo设计 13

6 APP详细设计 14

6.1 App页面结构 14

6.2 首页设计 14

6.3 APP后台界面展示 20

7 网站详细设计与实现 20

7.1 设计理念 20

7.2 设计流程 21

7.3 使用的工具与技术 21

7.4 网站设计说明 21

7.5 网站页面结构 21

7.6 网站页面展示 22

8 项目验证 29

8.1 验证方案设计 29

8.2 验证结果 29

9 总结与展望 31