2019春北理工--APP用户界面设计.doc

[键入公司名称]

APP界面空间

用户界面设计说明书

冷勇

2019/5/22

修订历史记录

日期

版本号

修改说明

修改人

核准人

1.0

制定大纲及编写正文

2.0

修改界面设计规范

3.0

修改主要界面设计

目录

界面设计目的

1.1 编写目的……………2

1.2 项目背景……………2

1.3定义、缩略词………2

1.4项目理念………2

界面设计以及浏览工具

2.1 APP界面设计说明…………………3

2.2 色彩方案………3

2.3工作环境………3

2.4浏览工具………3

APP界面功能模块设计

3.1空间动画………4

3.2 主页……………5

3.3 日志……………7

3.4 日志简介………8

3.5 相册界面………9

3.6 相册展示………10

3.7 音乐……………11

3.8音乐列表………12

3.9个人资料………13

3.10留言板…………14

总结

4.1 技术总结………15

4.2 个人心得总结…………………15

一、界面设计目的

1.1编写目的

随着网络技术以及APP界面制作技术方面的日臻成熟人们越来越关注APP界面的美观性，所以当下APP界面制作的一个最主要的出发点就是APP界面的美观和可操作性。在表达一些理念方面东西的时候能更加的形象化与多样化。就全球上网的人数来说，有很多的人正通过个人空间来改变他们的生活方式，同时学生也学习到了?各个方面不同的知识，人们通过自己的文字来传递着不同的信息。作为一个发展迅速的网络空间,个人空间向我们透露着这个信息传递和情感的平台将影响接下来的几代人.

本文档是对系统界面设计风格进行描述，和用户交互的最终界面在《详细设计说明书》中设计和解释。

1.2项目背景

a.APP界面项目的名称：个人空间

b.用户：普通的用户

1.3定义、缩略词

个人空间：就是一个APP界面，它通常是由简短且经常更新的信息所构成。这些张贴的文章都按照年份和日期倒序排列，也就是必威体育精装版的放在最上面，最旧的在最下面。不同的内容和目的有很大的不同，从对网络资源的整理与评论，到有关公司、个人的构想，从新闻、照片到日记、诗歌、散文，甚至科幻小说都应有尽有。

用户界面：又称人机界面，实现用户与计算机之间得通信，以控制计算机或进行用户和计算机之间得数据传送得系统部件。

GUI：即图形用户界面，一种可视化得用户界面，它使用图形界面代替正文界面。

1.4 个人APP界面设计理念：

本次毕业设计目的就是做一个属于自己的主页，通过一些信息来表达自己的一些思想与观点，还有就是一些个人对于生活的一些心得体会，再其中加入个性化的元素能表现自己符合自己性格的色彩搭配与文字图画以及音频，当然也是对过去的留恋，故空间名取名为流年，给人一种怀旧的感觉。

二、APP界面设计说明以及浏览工具

2.1APP界面设计说明

（1）名称：流年

（2）性质：个人空间

（3）主要内容：这是一个以个人空间为主题的APP界面设计，所包括的页面开场动画、主页、日志、相册、音乐、资料、留言板等。

（4）版式：左边为导航区，右边为展示区。

（5）风格：主调请亲而不失格调，色彩淡雅，版面活泼风趣。

2.2字体、色彩方案

为了个人空间APP界面设计能够更好投入到实际操作中，特此准备了两种方案。

一种为淡暖色系

黄绿色（C：9M：0Y：36K：0）为主色调

橙色调（C：0M：30Y：70K：0）为辅色调

朱红色(C:：32M:：72Y：85K：29）为辅色调

字体均采用华康少女字体、华康采风字体、华康娃娃体。

（2）一种为清蓝色系（备选方案）

淡蓝色（C：9M：0Y：36K：0）为主色调

粉红色（C：7M：33Y：0K：0）为辅色调

桔黄色(C：0M：36Y：47K：0）为辅色调

字体均采用