《毕业设计(论文)-芯芯APPUI设计(21页).doc》由会员分享,可在线阅读,更多相关《毕业设计(论文)-芯芯APPUI设计(21页).doc(21页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、-毕业设计(论文)-芯芯APPUI设计-第 14 页本科生毕业设计(报告) 题 目: “芯芯”APPUI设计 学 院: 艺术设计学院 专 业: 数字媒体艺术 姓 名: 学 号: 指导教师: 2017年05月17日毕业设计(报告)学术承诺本人郑重承诺:所呈交的毕业论文(设计)是我个人在导师指导下进行的研究工作及取得的研究成果。除了文中特别加以标注和致谢的地方外,论文中不存在抄袭情况,论文中不包括其他人已经发表的研究成果,也不包括他人或其他教学机构取得研究成果。作者签名: 日 期: 关于毕业设计(报告)使用授权的声明本人在指导老师指导下所完成的设计(报告)及相关资料(包括图纸、试验记录、原始数据、
2、实物照片、图片、摄像录像、设计手稿等),知识产权归属山西工商学院。本人完全了解山西工商学院有关保存、使用毕业设计(报告)的规定,同意学校保存或向国家有关部门或机构送交设计(报告)的纸质版和电子版,允许设计(报告)被查阅和借阅;本人授权山西工商学院可以将本毕业设计(报告)的全部或部分内容编入有关数据库进行检索,可以采用任何复制手段保存和汇编本毕业设计(报告)。如果发表相关成果,一定征得指导教师同意,且第一署名单位为山西工商学院。本人离校后使用毕业设计(报告)或与该设计(报告)直接相关的学术论文或成果时,第一署名单位仍然为山西工商学院。 作者签名: 指导教师签名: 日 期: 日 期: 摘 要在现在
3、这个手机越来越普及的时代背景下,人们对于手机应用的要求也越来越高,开始追求更加简洁美观的界面体验,也追求更加人性化的交互体验。所以UI设计在现在急速发展的网络世界中尤为重要,UI设计并不是简单的美术创作,而是根据用户体验、用户受众、使用环境,使用载体等人性化人机交互体验为用户们最终确定一个设计方案。我的APP设计理念是根据现在的社会话题大龄剩男剩女被心急家长们逼着相亲无法正常交友形成的,而我设计的APP则是将相亲交友,社交聊天等功能与一身的APP,整体APP风格简约统一,采用黑色格调。为了完成APP设计,我进行了查找资料,收集用户体验信息,根据这些信息设计出人性化的人机交互界面,避免了走很多弯
4、路,也更加完善了界面的布局。芯芯APP交互界面设计出来了,作品独特新颖,界面简洁美观大方,具有视觉冲击力,人性化设计理念体现在了各个交互界面之中,使用户更加直观的了解到APP的使用方法,让受众获得更佳的用户体验。关键词:UI设计;人性化体验;简约统一bstractIn this era of mobile phones becoming more and more popular, people are becoming more and more demanding for mobile applications. They begin to pursue more simple and b
5、eautiful interface experience, and pursue more humane interactive experience. UI design is particularly important in the rapid development of the network in the world now, so, UI design is not a simple art creation, but according to the user experience, user audience, the use of the environment, the
6、 use of carrier of humanized human-computer interaction experience for users to finalize a design scheme. My APP design is now the hot topic of older men left 3S lady was impatient parents forced blind, and I design APP ideally dating personals, chat and other social function and a unified APP APP,
7、simple style, using black style. In order to complete the APP design, I conducted a market survey, interviewed a large number of users, collect information of user experience, according to the information, design a humanized human-computer interface, to avoid detours, perfect the layout of the inter
8、face. The core of the APP interface design works out, unique and novel, the interface is simple and beautiful and generous, with visual impact, the humanized design concept in the interface, using the method of users more intuitive to understand APP, let the audience get better user experience.Key w
9、ord:UI design; humanistic experience; simplicity and unity目 录一、引 言1(一)项目概述1(二)UI设计现状与意义1二、市场调研2(一)受众分析21.应用适用年龄段22. 人性化设计理念2(二) 合理的撮合原则21. 价值性原则22.私密性原则33. 运用算法3(三) 身份认证与线下推广31. 完整的身份认证与行为记录32.有效的推广方式3三、 UI设计基本要素4(一)设计风格定位4(二)标准色设定4(三)UI设计尺寸规格4四、设计过程5(一)创意来源5(二) APP风格定位5(三) 界面设计说明61. 登陆界面62.扫描附近人73.
10、菜单界面84. 添加手机联系人95.聊天界面106.分享动态 上传照片11五、 设计过程中的问题和解决方案13结 语14参考文献15致 谢16一、引 言APP手机UI设计是APP界面人机交互设计,是一款APP软件成品完成的基础,是最根本的一项工作,最基础的界面美观,APP更新换代速度大大加快,为了适应时代潮流,让一款APP寿命更长,更加不容易被时代所淘汰,所以只有顺应时代的潮流,迎合大众审美,使得自己的设计更加人性化。(一)项目概述芯芯APP是一款高端的附近人社交交友的APP设计,主要受众是30-40岁之间的整天忙于工作,追求高质量生活的高新白领人士。设计风格简约统一,主题明确,功能齐全界面风
11、格统一,采用黑色格调,布局明确,功能分类,使用户可以直接找到自己想要的功能,人性化的设计,:应用同步手机联系人、好友消息个性化提醒,让用户在享受视觉冲击的同时感到更加贴心,更加愉悦的交互体验。APP功能有附近人交友,精确定位,简洁可自定义的聊天界面,并且可以上传生活中的点点滴滴,创建相册,发布动态,与好友分享自己的精彩时刻,分享美好的景色。整体APP设计采用黑色主色调、白色辅色调,多种暖色调加以润色,表现个性及张力。以规则图案搭配简单线条表现简约风格,突出功能美、线条美。在规则线条中寻找与简约风格的平衡美感,合理的设计界面,简洁大方的风格可以给用户带来愉悦轻松的体验,可以成为吸引用户的直接体验
12、。(二)UI设计现状与意义 用户人机交互界面现在已经成为当前任意模式界面的主流,广泛应用于各种微端机、台式机和人机交互服务工作站,当前各类图形用户界面使用特点大多是以有线设备,触摸屏,有线输入设备等进行人机交互等复杂的操作方式,主要以窗口管理系统为核心,广泛采用的另一项核心技术是事件驱动(Event-Driven)技术。图形用户界面和人机交互过程中极大依赖视觉和手动操控的参与,所以具有强烈的直接操纵的特点。随着现在移动通信网络质量越来越好,无线网络带宽越来越大,质量水准越来越高,网络安全性能日新月异,社交APP行业获得了蓬勃发展的机会,UI设计也越来越受到强烈的关注和重视,社交类APP因为自身
13、在时间空间上的相对无限性获得了充分的发展优势,而社交软件使人们线上交流变得更加低成本,更安全,以及获得更加私密的交流方式,在社交APP快速发展的今天,社交软件也变得更加多种多样,相互之间竞争压力越来越大。从而衍生出来许多社交手机软件,腾讯QQ、微信、陌陌、YY语音等等社交软件数不胜数,但总体上来说还是腾讯QQ在社交软件领域上还是占有巨大优势的,而其他的社交软件也在自己独有的领域内获得了一定的成功。没有哪个社交软件可以满足到所有用户的需求,大部分用户都是为了实现一项自己需要的功能,所以社交软件要根据用户们的需求,还有使用环境,以及使用习惯来设计,要在设计过程中为用户考虑,针对用户体验使用过程中可
14、能会出现的种种问题和可能会出现的问题提前预防,尽可能的便利节简的操作系统,让用户在使用过程中感到愉悦与快乐。二、市场调研(一)受众分析1.应用适用年龄段我设计的APP受众是20-40岁不等的大龄男女,整日饱受被父母长辈逼婚所困扰的人群,他们往往因为工作,家庭等原因,无法与其他人一样正常交友。没有与异性交友的渠道。2. 人性化设计理念明确的受众定位,在设计APP前应该了解这款APP的真正需求者,分析调研这些需求者的哪些需求,对用户受众做一个分区,针对其民族、文化、需求、年龄,更加细化的分区还有用户们的使用习惯,使用环境以及人性化的设施,让用户名感到更加体贴细致的服务。(二) 合理的撮合原则社交需
15、求需要使意向的用户进行撮合,这种撮合需要遵循两个基本原则,价值性和用户的自助私密性1. 价值性原则价值性是要经过撮合使得用户发现潜在的社交对象慢慢符合自己内心所需求经过应用APP实现潜移默化的影响的,其目的还是为了让用户完成进行社交的需求。而自主性是无论应用系统匹配还是用户触发的撮合方式,用户从而选择的社交对象还是由自己单方面的意愿自己选择的结果,整个交互过程是双方自愿平等的。2.私密性原则私密性是双方交互过程中对等关系中用户交流选择的方式社交对象交流的内容还有交流过程确保在一个密闭、安全的环境下进行的,使得双方信息安全得到保障。(三) 身份认证与线下推广1. 完整的身份认证与行为记录线上社交
16、应用是线下实体社交的在时间和空间上的自然延伸,是对人社交需求的满足,这种需求常常伴随着临时性、随机性或者突发性,所以有很大的可能性会向着真实长久的,甚至会向着线下实体社交发展的可能性和趋势。因为这种可能性和和趋势,有必要形成应用于用户认证和行为记录的需求,在线下实体社交中收到固有模式的影响,而在这种社交模式中,吸取的经验教训和思维惯性,然而无论线上交流还是线下社交,对于交流对象信息的掌握还是由很大需求的,这种信息的需求因人而异,所以,APP应用有必要健全完善相应的身份认证机制和行为记录功能。2.有效的推广方式APP应用的推广方式大致分着四类应用下载市场,应用商店、广告链接推广合作、影视媒体推广
17、、广告推广。长久的例子也证明了有效的推广方式对于APP应用前期的发展有着至关重要的方式,这些推广方式在某些方面来说,跟APP是一体的,在明确客户受众的分层和社会定位,根据这些信息微线上应用的线下推广提供了很大优势,同时在推广过程中可以近距离接触客户群,也可以了解客户们的普遍心理,完善APP应用的功能。三、 UI设计基本要素(一)设计风格定位整合之前搜集的信息,设定整体界面基调,做出界面原型图,查看整体的大致效果图,规划界面辅助线、智能参考线,调色,准备所需UI字体,还有一些必须的小元件,小图标。(二)标准色设定主要颜色#38413f #FFFFFF #695f56 #161233(三)UI设计
18、尺寸规格(1)设计尺寸:750px 1334px(2)最佳分辨率:300dpi(3)色彩模式:RGB颜色四、设计过程(一)创意来源朋友,是当今激烈竞争的显示社会中不可缺少的,有了朋友,就多了一重屏障。在风浪席卷而来时,依然屹立不倒。而爱情更是如此,它会使人受伤,受到欺骗。而现在越来越多的男男女女因为各种各样的原因,无法寻找属于自己的缘分,又或者因为曾经被伤害或者被欺骗,从而不敢去相信爱情,而且没有合适的寻找爱情的渠道,找不到自己想要的心仪对象,我的APP就是从这个基础出发,确定了自己的APP设计的创意来源。找到了自己的UI作品主题,要让用户在我的作品中认清爱情的意义“生命诚可贵爱情价更高”为广
19、大用户看清爱情与生命的比值,我们的生活中需要爱情,爱情能让我们的生活更加有意义。(二) APP风格定位现在大众审美越来越疲劳,越来越多的风格越来越花哨的色彩画面让广大用户已经无法正常审美了,而极简主义的风格使得大众一度疲劳的审美获得了一丝放松,简单而有品位的的风格获得了越来越多的推崇,在将设计元素、色彩、照明、界面简化到最少的程度而不失美感。在界面的设计中我采用黑色与白色两种颜色相结合,色彩对比强烈,在节省界面空间的同时,而不会显得太空旷给大众带来前卫不受约束的感觉,线条简单,图标设计简单使二者和谐的存在于同一画面中。(三) 界面设计说明1. 登陆界面手机登录界面采用分级界面,界面将登陆功能和
20、注册功能放在一个界面,而登陆输入信息界面另起一个界面进行录入账号密码信息,登陆界面另有设置快速登陆功能,可使用QQ、微博、微信账号来进行快速登陆,不用注册新账号,而是直接绑定用户的其他账号来实现登陆的功能。2.扫描附近人在完成登陆界面后会自动进入扫描附近人界面,扫描附近的APP使用者,整理附近人,可以进行喜欢关注的简单操作,被喜欢的人头像上的爱心会被点亮,而被关注者也会收到被关注的消息体香。扫描雷达我采用了军用雷达的图案,扫描出的信息是应用中常出现的标识以及应用功能。3.菜单界面在进行附近人查看的操作后,点击菜单键会进入菜单功能选区,这个界面汇总了整个APP所涵盖的功能,并且可以选择自己想要的
21、功能进行操作,也可以进行个人资料修改,顶部搜索栏可以进入搜索界面,分类信息搜索,细化分类。菜单栏选择了暗褐色的背景。4. 添加手机联系人自动匹配手机联系人同样使用同款APP的用户,显示联系人的应用昵称。5.聊天界面聊天界面背景自定义,界面风格偏透明化,聊天信息记录时间。输入信息与联系人聊天。6.分享动态 上传照片列表式布局相册动态,关注喜欢的相册,相册上传照片,动态实时更新提醒,相册照片个性说明。黑色底端功能选区,体现神秘时尚感。7. 设置界面 分享界面简易的系统基础设置和应用分享界面五、 设计过程中的问题和解决方案在长达几个月的设计时间中遇到过很多问题,甚至也曾经一度想到过放弃,但是毕竟人无
22、完人,没有人是十全十美的,人都是在困难和不断的失败、犯错中成长,一个好的作品,设计都是在发现问题解决问题中慢慢完成趋向成熟,而市场上的完成品都是在用户的不断反馈问题,解决问题,更新版本而走向成功的,而这次UI设计过程中的遇到的问题无疑对我来说是一个机会,是个成长的捷径。设计初期在定位整个作品的整体风格时,当时脑子里没有一点灵感,开始就不知道怎么下手,在跟指导老师进行了深层次的交流后,老师为我指出了一个大方向,对我有利很大的帮助,我开始查阅大量资料,参考了许多与我作品主题相同的APP产品,但是最后又出现了一个问题,参考了许多成品之后,我的作品想法又变得定型了,没有了属于自己的东西,变得没有灵魂,
23、最后终于解决了这个问题,在满足自己APP受众的需求的前提下,以用户需求为核心,人性化设计为理念,结合自己参考的界面有了一整个APP设计的大框架。以这个框架慢慢形成应用设计的血肉。而在界面设计过程中对于简约风格理解的不透彻,初期界面仅仅是简简单单几个几何图形和线条就完成界面制作,即简陋又不美观,随后我查阅了大量的关于简约风格的文献,又与老师互相交流,问了很多自己不理解的东西,对自己的界面进行修改,整体界面的简约风格也慢慢的形成。类似的问题还有很多,最后凭借自己的努力和老师的指导都成功的解决了,而解决的过程中自己也学到了很多,在面对困难时也不会退缩了,学会了真正的迎难而上,在逆境中磨砺自己,宝剑锋
24、从磨砺出 梅花香自苦寒来。结 语这次毕业设计的经历是我一生的财富,其对我的影响可以说是大学四年中对我最大的,这次设计,我没有想那么多,只是努力想要做出一个真正的好作品,充满着无限的热情和动力对待这次的毕业设计。对于这次的UI设计,想了很多,也做了很多,总体有有好有坏,制作过程有失败的心酸,也有成功的喜悦。从最开始的毫无头绪到后面的如泉涌的思路,也让我认识到了自己的不足,另一方面也让我明白了万事开头难的道理,不怕你不会做,而是怕你因为不会而不做,不迈出这至关重要的第一步,你是不会知道自己究竟有多大的能量,当你有了做下去的勇气时,其实已经成功了一半了,设计制作的过程是循序渐进的,没有人可以直接成功
25、。都是在磕磕绊绊的过程中吸取经验教训,渐渐完善自己。设计结束了但是这个过程学到的东西会成为我一生的财富,随着之后的生活工作,这些经验将会引领我少走弯路,少走错路。成为我走向成功道路的基石。参考文献1石倩倩.基于智能终端设备的交互式应用框架的设计与实现J.武汉邮电科学研究院硕士论文, 2014-01-012周珂,吕民,王刚.基于Web文的工艺资源管理系统研究与开发J.机械工程师,2004:09-253刘扬.体感设备图形用户接口的设计和实现J.吉林大学硕士论文,2014-05-014黄凤.浅析软件人机界面设计J.南平师专学报,2006:10-305王波.基于Solaris下的综合导航信息处理平台的
26、软件设计与实现J.哈尔滨工程大学硕士论文,2010-02-016刘金晓.人机交互界面定制及生成工具的研究与开发J.华北电力大学(北京)硕士论文,2007-12-017杨静.人机界面与用户模型的研究及应用J.河北工业大学硕士论文,2002-11-018刘广.基于图模一体化的给水管网设计与实现J.华中科技大学硕士论文,2007-05-019阳俊.游戏界面的人性化设计研究J.重庆大学硕士论文, 2008-04-0110蒋立.交互式网络电视的人性化界面设计研究J.上海交通大学硕士论文, 2006-11-25致 谢首先非常感谢山西工商学院能够给我这次锻炼自己,认识自己的机会。大学四年的生活为我带来了宝贵
27、的财富,对我的教育和培养,我会永远铭记于心。而这次毕业设计对我最大的帮助的是我的指导老师安昊帅老师,老师对我孜孜不倦的教诲,让我铭刻于心,让我在迷茫中重新找回自己,老师严肃的科学态度,严谨的治学精神和精益求精的工作作风,也为我树立了很好的榜样,非常感谢学校能够为我提供这样一次这样的向安老师学习的机会。除了老师方面的对我的帮助,校领导和宿舍的同学们对我的帮助也很大,在我失落,工作毫无进展时,是他们鼓励了我,为我提供了重新前进的动力和方向,四年的生活中,我们一起走过,互相鼓励,互相帮助,一起走过风风雨雨,我们一起构造的最难忘的记忆都在这里,让我们以后继续前进,互相扶持,不论何时都不忘初心,怀揣我们最初的梦想,一直走下去。相信,我们为了梦想,永不言弃,在梦想的道路上越走越远,总有一天,我们会在梦想的天堂再次相遇。 侯宗伯2017年5月17日