社交类APP界面的设计与制作毕业设计说明书.docx
- 文档编号:167058
- 上传时间:2022-10-04
- 格式:DOCX
- 页数:31
- 大小:2.25MB
社交类APP界面的设计与制作毕业设计说明书.docx
《社交类APP界面的设计与制作毕业设计说明书.docx》由会员分享,可在线阅读,更多相关《社交类APP界面的设计与制作毕业设计说明书.docx(31页珍藏版)》请在冰豆网上搜索。
毕业设计说明书
社交类APP界面的设计与制作
:
1221010735
班 级:
12210E01 学号
学生姓名:
学 院:
专 业:
指导教师:
软件学院
软件工程(数字媒体技术)
2016年 6月
社交类APP界面的设计与制作
摘要
本课题研究以社交类APP为研究对象,以各专家提出的情感化设计理论为指导依据,研究界面设计中各类视觉元素的设计和方法,实现社交类APP界面的高保真设计目标。
通过对一些社交软件的分析,以及熟练运用互联网思维以及讨论配色中的一些技巧和方法,加深对界面色彩、版式及功能的理解,促进APP设计更好的发展。
本课题主要分为两个部分:
第一部分是对APP进行简单设计,做出低保真原型图;第二部分是对其进行细化,完成文字,图形,版式布局设计和功能设计,结合用户使用情境,实现界面的设计。
本次设计通过根据iOS的设计规范,通过进行市场调查了解用户的需求和痛点,做出用户体验最好的社交类 APP的界面设计。
并且运用AdobephotoshopCC进行界面设计通过Axure对其进行交互的实现。
本文从用户体验的角度对此类APP的设计与交互进行分析,把目前应用和后继发展进行兼顾考虑,随着社会的发展,和用户人群的需求和使用习惯,该课题还存在大量的后续研究工作。
关键词:
互联网思维,UI视觉,交互,Axure
ThedesignandproductionofsocialAPPinterface
Abstract
InthisresearchforthestudyofsocialclassAPP,emotionaldesigntheorytovariousexpertsasaguidebasedinterfacedesignstudydesignandmethodsofvarioustypesoftoiletvisualelementstoachieveemotionaldesigngoalofsocialclassAPPinterface.Throughtheanalysisofsomesocialsoftware,andskilleduseoftheInternetthinkinganddiscussionofcolorinsomeofthetechniquesandmethodstodeepenthecolorinterface,layoutandfunctionofunderstanding,promotethedevelopmentofbetterdesignAPP.Thistopicisdividedintotwoparts:
ThefirstpartisasimpleAPPdesignedtomakelow-fidelityprototypedrawing;thesecondpartisitsrefinement,completetext,graphics,layout,layoutdesignandfunctionaldesign,combinedwiththeuserusecontexttoachieveemotionaldesigninterface.
ThedesignadoptedinaccordancewiththedesignspecificationsofiOS,byconductingmarketresearchtounderstanduserneedsandpainpoints,makingtheuserexperiencethebestofsocialnetworkingAPPinterfacedesign.AnduseAdobephotoshopCCinterfacedesignbyAxurethemachieveinteraction.
FromtheperspectiveoftheuserexperiencedesignandanalyzetheinteractionofsuchAPP,tobeconsideredtakingintoaccountthecurrentapplicationandsubsequentdevelopment,withthedevelopmentofsociety,andtheuserpopulationneedsandhabits,theproblemthereisalotoffollow-upstudyjobs.
Keywords:
Internetthinking,UIvisual,interactive,Axure
中北大学2016届毕业设计说明书
目 录
第Ⅰ页共Ⅱ页
1引言 1
1.1课题的提出 1
1.1.1课题的背景和意义 1
1.1.2课题的现状及其发展 1
1.2本课题的主要工作及目的 2
1.2.1主要工作 2
1.2.2最终目的 2
1.3本课题技术支持 2
1.3.1互联网思维-标签思维 3
1.3.2互联网思维-简约思维 3
1.3.3互联网思维-痛点思维 3
1.3.4互联网思维-产品思维 3
2社交类APP设计需求分析 5
2.1社交类APP使用中的用户痛点 5
2.2系统功能需求 5
2.3系统性能需求 5
3社交类APP设计详细设计 6
3.1社交类APP用户研究 6
3.1.1用户信息 6
3.1.2核心痛点 6
3.1.3机会痛点 6
3.1.4角色设计 6
3.2竞品分析 7
3.2.1竞品分析对比表 7
3.2.2总结、APP总体设计 8
3.3APP低保真原型设计 9
3.3.1APP一级页面 9
3.3.2APP二级页面 12
4基本要素设计 13
4.1标准色定义 13
4.2规格定义 13
5APP高保真界面设计 23
5.1LOGO设计 23
5.2闪屏设计 23
5.3主题页设计 23
5.4特色页面设计 23
5.5功能页面设计 23
5.6注册页面设计 23
5.7登录页面设计 19
5.8运动数据页面设计 20
6测试与实施 22
7结束语 23
7.1设计结论 23
7.2心得体会 23
参考文献 24
致 谢 26
1引言
1.1课题的提出
1.1.1课题的背景和意义
现代社会随着网络越来越快速的普及,便携的手机成为了人们生活中越来越不可缺少的一部分。
根据中国互联网网络信息中心(CNNIC)的统计数据表示,截止2015年6月,中国手机网民已达5.65亿,占全部网民的比例超过70%之多,且有继续增长的势头。
未来十年被定义为移动互联网的十年。
特别是在近期乌镇举行的世界互联网大会中,国家主席习近平亲自参加会议并接待多为网络巨头,更可以看出国家对此也是越来越进行了重视。
伴随着互联网的强劲发展和市场进入门槛的逐渐降低,智能手机也逐渐成为人们手中必不可少的一件科技产物。
早在2010年上半年,智能手机就凭借其强大的可扩展性和丰富的应用成为用户们关注度最高的手机类型,拥有传统手机前所未有的非凡的用户体验[1]。
当代的中国迅猛发展,互联网产业也在飞速增长,同时中国已经超越美国成为全球最大的智能手机市场,发展前景可观。
智能手机的出现打破了传统手机作为单一使用工具这一现象,既加强了手机的沟通性,集工作,娱乐,生活于一体,又带动了第三方应用程序即手机APP产业的兴起和繁荣[2]。
特别是在最近几年中,人们更加注重于网络社交,于是各类社交型软件冒出,品种,质量更是层次不齐,令人眼花缭乱。
1.1.2课题的现状及其发展
中国的移动互联网已经进入快速发展的大数据时代。
手机APP作为移动互联网高速发展之下应运而生的产物,以其的便捷性和时效性被广泛运用于当今生活[3]。
以小米公司为代表的一系列手机公司,使得智能手机对于国人来说越来越便宜,从而造成了最大化的智能手机使用人群。
而在此基础上,用户可以更加便捷的下载各种APP,打造专属于用户自己的移动生活[3]。
但纵观整个发展过程,手机APP虽然在数量上呈现出井喷增长的态势,但是其用户界面设计水平却缺参差不齐并存在很多问题和不足。
同时作为一种产业来讲,目前还没有成熟完善的设计体系和方法来指引手机APP的界面设计。
这次,我以目前最热门的社交类APP为研究主体,以APP的界面设计为研究基础,
第26页共26页
以情感化设计理论为研究线索,从而可以探索出更好的,最直接有效的原则和方法,做出最好的用户体验和交互效果,实现视觉与交互的完美统一,最终达到界面设计的要求,从而能够更好的促进当代手机APP界面设计的创作思路和发展。
从2008年苹果创建第一个网络手机应用商店至今,手机APP的出现仅有不到8
年的时间而已,国内外关于界面设计的研究内容还未完全成熟[6]。
国外关于界面设计的理论研究主要还是集中在网页前端。
除此之外,苹果的IOS系统和谷歌的Android系统作为目前全球两大智能手机操作系统,分别都提出了在各自操作系统中运行的手机APP应该遵守的设计规范,对界面设计具有一定的指导作用,但是值得关注的是,目前国内对于Android界面的设计并没有遵守其设计规范[8]。
在国内,对手机APP界面设计研究具有指导意义的理论书籍还没有出现。
国人对于整个界面设计还处于摸着石头过河的阶段[7]。
故而造成现在国内各类APP界面设计水平参差不齐,良莠不齐。
1.2本课题的主要工作及目的
了解了本课题的背景和意义后就需要明确本课题的主要工作和定位。
1.2.1主要工作
本课题的主要工作,需要从一个设计师的角度出发,并要结合用户对APP的情感变化,做出让用户感到最舒服的界面来[19]。
其中包括交互,视觉两大部分。
其中可以详细分为了解用户、网络调研,调查问卷,局部筛选、分析需求-使用习惯(功能的摆放和推送,以及使用习惯)、了解市场-竞品分析、功能导图、低保真原型图,以及视觉方面的色彩与排版[18]。
主要工作划分如下:
(1)网络调研,用户需求分析;
(2)进行3-5种竞品分析以及Redesign;
(3)延展辅助功能,增加用户黏性;
(4)制作低保真原型图,利用Axure实现简单交互;
(5)做出高保真视觉效果;
(6)实现页面与页面之间的跳转动效的联系。
1.2.2最终目的
本APP最终定位于能投入使用并具有较高用户黏性、稳定性以及精确性,旨在完
成对用户进行使用此款APP时可以实现最大化的舒适体验程度。
1.3本课题技术支持
想要做出让用户喜欢,而且能让用户长久的将其存留在手机里的APP,首先要很好的设计思维,在UI设计中有很多的的设计师认为UI设计师等同于互联网设计的,这一点我也是赞同的,所以我个人也觉得设计思维中最重要的就是互联网思维。
1.3.1互联网思维-标签思维
标签思维,现在想一想,你的产品的标签是什么?
如果没有,很
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 社交 APP 界面 设计 制作 毕业设计 说明书