摘 要随着信息时代的发展，手机和电脑大部分时间都在占据着人们的时间，各种应用软件纷纷涌现。在这个浮躁的时代，人们需要静下心来阅读书籍，思考人生，交流心得。这款APP的主要功能是阅读与分享，主页是书架，可以点击图书进行阅读。在这里，也可以发布动态和查看他人分享，以此来结交到志同道合的朋友。APP本身还会推送一些精选书籍和相关活动。在这里，你可以制定自己的阅读计划，也可以查看他人阅读后的感悟。当然，人们已经不能简单满足APP的功能，现在也要追求视觉上的和谐与良好的用户体验。所以，在这款APP设计的时候就很注重界面的整洁美观，不能让复杂的色彩搭配喧宾夺主。前期在mockplus里绘制大致界面草稿，然后在Adobe Photoshop里绘制出完整的界面。一些icon的设计都是通过Adobe Illustrator来实现。当界面绘制完成，在protopie完成界面交互，类似点击跳转，轮播banner，滑动滚页等效果。APP功能的侧重点就是阅读和阅读后的分享，在阅读一本书之前也可以查看它的评价来进行大致了解，以此来达到阅读意义的最大化。
目 录
1.绪论 1
1.1课题研究背景 1
1.2课题研究目的 1
1.3课题研究意义 2
2.制作软件的介绍 3
2.1平面设计软件 3
2.2交互原型软件 4
3.前期准备 7
3.1同类型软件分析 7
3.2 APP设计规范 7
4.APP规划与设计 10
4.1 APP规划 10
4.2 APP风格 12
5.UI设计全过程 14
5.1 MOCKPLUS原型 14
5.2 APP界面设计 15
5.3 PROTOPIE交互 20
6.总结与思考 26
参考文献 27
致谢 28
工程伦理 29
1.绪论
1.1课题研究背景
我们正处于日新月异的信息化技术时代，信息技术正以其迅猛态势渗透于社会的方方面面，改变着人们的思想观念和生活方式。在这个繁忙的时代，人们闲暇之余都会打开手机来打发时 *景先生毕设|www.jxszl.com +Q: #351916072# 
间，手机上各种软件占据了人们生活的大部分时间。在此背景下，大部分分享社交软件应运而生。人们不论在使用什么软件，都可以把自己的心情体会分享出去。例如分享生活的短视频软件，一起拼团的购物软件，无不透露着现代信息化下网络社交的特质。
1.2课题研究目的
APP的两大中心功能主要是阅读和分享。关于阅读，就是让人们在繁忙的生活中打开手机能够静心投入，忘记烦恼的事物。阅读可以让我们反思自己，走出自己的狭隘境界，体验人文世界，感受不同时代的脉搏。当你的胸襟和见识变的宽阔，就能看的更远，想的更透彻。同时，读书也是提高学习效率的捷径。当你提前了解了很多知识，就少了很多摸索的时间，能够最大限度的完成你想要完成的工作。
本课题UI设计的目的是为了提高阅读分享产品的易用性与交流性。
界面设计主张在产品竞争过程中可用，易用和易于使用的角色至关重要。人们一开始也许会把目光投向于色彩或创意，但是只有易用性才能给予消费者良好的用户体验，在用户心中形成长期的心理优势。界面设计合理，易于操作，干净整洁才是一个APP应有的界面。
在大量的网络社交平台上，我们能够很快的与陌生人建立联系。课题中的阅读APP同样具有交流平台，用户在这个平台上通过书籍建立关系基础。提高交流性，就是单独提供分享与推荐界面，更加方便快捷的看到他人动态，进行交流。
1.3课题研究意义
本课题的意义就是人们在打开这个APP的时候,能够静下心来去分享生活，去阅读，去发现浮躁社会的一份净土。在这里，人们可以分享自己喜欢的图书，可以找到志同道合的朋友，可以分享和被分享各种有趣的知识。通过这些，用户可以快捷的建立良好的社交关系，君子之交淡如水，通过书籍建立起来的人际关系应当是友好和谐的。
通过书籍简介界面，在阅读一本书之前看到关于他的评论和简介，就能够提前了解它的大概主旨，减少时间成本去阅读几章自己不喜欢的书籍。
这是一个阅读软件，最大的意义还是多读书，读好书。读书可以让人们在繁忙的都市忘却内心的烦躁和苦闷，得到内心的充实和平静。通过不断的阅读，会发现你看待世界的观念在改变，读书在潜移默化的帮助你往好的方向发展。
2.制作软件的介绍
2.1平面设计软件
2.1.1 Adobe Photoshop简介
Photoshop是世界领先的平面设计和制作工具。Photoshop主要处理以像素所构成的数字图像。这款软件有众多的编修与绘图工具，可以帮助设计师有效地进行图片编辑工作。图像处理是对现有位图图像的编辑和处理，并应用一些特殊效果。位图格式是表现图像中阴影和颜色的细微变化或进行一些特效处理的最佳选择，其在这方面的优势是矢量图像无法比拟的。
Photoshop掌握绘画的基本理论，学习色彩原则和选择颜色，范围选择，工具和绘图，图像编辑，控制图像的颜色和色调，使用图层，路径，通道和遮罩应用，过滤器，等等。
本次使用的是Adobe Photoshop CC，它的界面如图所示：
/
图21 Photoshop CC界面图
2.1.2 Adobe Illustrator简介
Adobe illustrator，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。
Adobe Illustrator 软件使用 Adobe Mercury 支持，能够高效、精确处理大型复杂文件。adobe Illustrator全新的追踪引擎可以快速地设计流畅的图案以及对描边使用渐变效果，快速又精确地完成设计，其强大的性能系统提供各种形状、颜色、复杂效果和丰富的排版 ，可以自由尝试各种创意并传达您的创作理念。
最大的特点是使用钢笔工具，使其易于操作强大的矢量绘图。它还集文字处理、上色等功能于一体，不仅用于插画制作，还可用于印刷品(如广告传单、宣传册等)的设计与制作。事实上，它已经成为桌面出版(DTP)行业的默认标准。
本次使用的是Adobe Illustrator CC，它的界面如图所示：
/
图22 Illustrator CC界面图
2.2交互原型软件
2.2.1 Mockplus简介
Mockplus（摹客）是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。该软件的理念是，拿来就上手，上手就设计，设计就可以表达创意。从设计上，采取了隐藏、堆叠、组合等方式，把原本复杂的功能，精心安排。上手很容易，但随着你的使用，功能层层递进，你会发现更多适合自己的有用的功能。新手不会迷惑，熟手可以够用。达芬奇说，“至简即至繁”，这一原则易说难做，Mockplus始终贯彻这一理念。

原文链接：http://www.jxszl.com/jsj/qrs/82908.html