1、渭南师范学院本 科 毕 业 设 计题 目：艺考帮手机 APP 交互设计报告 学 院： 丝绸之路艺术学院 专业班级： 2013 级数字媒体艺术 1 班 毕业年份： 2017 年 姓 名： 吴杰 学 号： 130541015 指导教师： 冯文博 职 称： 副教授 第二导师： 曹宇 工作单位： 陕西国广影视制作有限公司 渭南师范学院教务处 制目 录1.毕业论文（设计）任务书2.毕业论文（设计）开题报告3.毕业论文（设计）中期检查表4.毕业论文（设计）登记表5.毕业论文（设计）文稿6.答辩记录渭南师范学院本科毕业设计任务书毕 业 设 计 题 目 艺 考 帮 手 机 APP 交 互 设 计学 生 姓 名
2、 吴 杰 学 部 、 专 业 、 班级 传 媒 学 部 数 字 媒 体 艺 术13 级 1 班 学 号 130541015指 导 教 师 冯 文 博 职 称 副 教 授一、文献查阅指引1.资料查阅（1）查阅途径：图书馆、中国知网 （2）查阅方法：关键词、作者、文献名2.经典作品资料阅读指引（1）考研帮APP （2）音乐宝APP二、毕业设计任务及要求要求学生在指导教师的指导下，独立完成毕业设计任务，撰写符合要求的毕业设计报告。在知识要求方面，应综合运用多学科的知识与技能，分析并解决实际问题，使得理论认识深化、知识领域扩展、专业技能延伸；在能力培养要求方面，学生应学会依据课题的任务，进行资料的调研
3、、收集、加工与整理的能力；在综合素质要求方面，培养学生严肃认真的科学态度和严谨求实的工作作风。三、进度安排第一阶段：查阅资料，确定设计方向（2016 年 9 月 8 日至 2016 年 10 月 20 日）设计选题阶段，查找相关的书籍、收集资料，确定设计作品方向，制作 PPT 及完成开题报告。第二阶段：规划草图（2016 年 10 月 21 日至 2016 年 12 月 31 日）开始进行初步设计创意构思，拟写设计方案及设计构图，绘制设计草图。第三阶段：设计执行方案（2017 年 2 月 22 日至 2017 年 4 月 20 日）导师讨论，修改设计方案，撰写设计报告，创作毕业设计“艺考帮”手
4、机 APP 的交互设计作品。第四阶段：成品（2017 年 4 月 20 日至 2017 年 5 月 31 日）整理完善毕业设计作品，进行成品展示。根据答辩小组的建议继续修改完善毕业设计报告，审核提交设计报告、设计作品、源文件等资料。指 导 教 师 （签名） 专业负责人（签名） 主 管 领 导 （ 签 名 ） 年 月 日渭南师范学院本科毕业设计开题报告毕 业 设 计 题 目 艺 考 帮 手 机 APP 交 互 设 计学 生 姓 名 吴 杰 学 部 、 专 业 、 班级 传 媒 学 部 数 字 媒 体 艺 术13 级 1 班 学 号 130541015指 导 教 师 冯 文 博 职 称 副 教 授
5、1、拟开展设计的价值、意义界面交互设计已成为数字媒体艺术发展的流行趋势，好的界面交互设计不仅让软件变得有个性有新意，而且还能够吸引我们的注意，挑起我们的兴趣，更让软件的操作变得简单与自由。艺考帮是美术艺术朋友交流的互动平台，是艺考生及艺术爱好者最理想的聚集地。平台上驻扎有职业画家、高校老师（参加过往届艺术高考阅卷）、培训班老师、在读的各大学、学院、艺术院校大学生。他们为艺考生指点迷津，只要你上传作品便可和他们对话，获得专业的点评。平台上还有大量高质量的范例作品可下载，还收录历年考试真题、各省考试通知、各高校招生简章、录取分数线等。价值就在于能够为艺考生提供更多的便利，同时，也能够更好的把艺考帮
6、推广出去，让更多的人知道和使用。设计的意义在于为艺考生提供更好的快捷服务，以及得到更多的讯息，在此基础上，也是对大学四年所学知识的运用，提升自己的专业知识水平。二、设计步骤、方法及措施1.设计步骤第一阶段：查阅资料，确定设计方向（2016 年 9 月 8 日至 2016 年 10 月 20 日）第二阶段：规划草图（2016 年 10 月 21 日至 2016 年 12 月 31 日）第三阶段：设计执行方案（2017 年 2 月 22 日至 2017 年 4 月 20 日）第四阶段：成品（2017 年 4 月 20 日至 2017 年 5 月 31 日）2.设计方法负责图标的设计制作和界面的设计
7、制作，所运用的设计方法是查阅收集资料，实地考察，参考借鉴，个人创作。3.措施（1）明确艺考帮产品设计方向，进行图标和界面设计的创作；（2）实地进行考察，寻找设计灵感；（3）查找关于图标设计相关资料，并对资料进行综合分析，根据艺考生自身的特点进行图标和界面的设计；（4）及时与指导教师交流讨论，解决设计中的技术问题与设计形式等问题；（5）进行相关交流活动，丰富设计形式。 三、设计内容框架1.艺考帮手机 APP 的 LOGO 图标以及按钮设计；2.艺考帮手机 APP 的每一级的界面设计；3.艺考帮手机 APP 的整体交互设计展示。手机 APP 交互设计体现了软件的个性和创意，满足了我们在生活中的需求
8、，为我们的生活提供便利。在设计中，界面菜单分为三级，首先就是打开界面，展示艺考帮的动态形象图片。接着就是主界面，作为一级菜单，里面含有考评、发现、艺圈、省份、艺术类别、活动等信息，二级菜单主要是一级菜单的详细信息和分类，在三级菜单中包括，是对前两级菜单更为详细的展示和使用。四、主要参考文献1程安萍.智能手机 UI 设计中用户体验的视觉体验研究D .北京林业大学,2016.2顾炎辉.论手机 UI 设计发展趋势J.科技信息,2009.3张亚先.UI 设计中图标设计的释义方式J.机械设计,2013.4林冠龙.基于整合流程的 UI 设计系统D.华南理工大学,2014.5薛文峰.移动互联网软件产品中的
9、UI 设计研究J .包装工程,2016.6韦达.浅谈移动设备中的信息图形化设计J.设计 ,2013.指导教师意见： 指导教师签字： 年 月 日主管院长意见： 主管院长签字： 年 月 日注：开 题 报 告 是 在 导 师 的 指 导 下 ， 由 学 生 填 写 。渭南师范学院本科毕业设计中期检查表毕 业 设 计 题 目 艺 考 帮 手 机 APP 交 互 设 计学 生 姓 名 吴 杰 学 部 、 专 业 、 班 级 传 媒 学 部 数 字 媒 体 艺 术13 级 1 班 学 号 130541015指 导 教 师 冯 文 博 职 称 副 教 授完成情况及改进意见：该生的创作已经进入中期制作阶段，已
10、完成前期的图标、界面的设计，毕业设计报告二稿已基本完成，正按照指导教师的意见进一步修改完善。1.主要存在的问题（1）毕业设计作品中缺少细节，设计方向较不明确；（2）颜色搭配不统一，主次不明显；（3）图标设计不够具体，未能展示图标功能；（4）设计报告的大纲层次不清晰，格式不够规范。2.修改意见（1）明确艺考帮产品设计方向，进行界面设计的整改；（2）寻找设计灵感，对一些界面设计的用色进行整改；（3）查找关于图标设计相关资料，根据艺考生自身的特点进行设计整改；（4）严格按照渭南师范学院本科毕业设计撰写规范（修订稿）的要求修改设计报告。指导教师签字：年 月 日学部意见：签字：年 月 日主管领导签字：年
11、 月 日注：完成情况及改进意见由指导教师填写。渭南师范学院本科毕业设计登记表毕 业 设 计 题 目 艺 考 帮 手 机 APP 交 互 设 计学 生 姓 名 吴 杰 学 部 、 专 业 、 班级 传 媒 学 部 数 字 媒 体 艺 术13 级 1 班 学 号 130541015指 导 教 师 冯 文 博 职 称 副 教 授成绩评定指导教师评语：该生毕业创作 UI 设计艺考帮手机 APP 交互设计，以艺考生、美术高考为基点，对艺术群体能够准确定位，能正确运用数字图像处理技术以及交互软件进行一系列的UI 创作；工作量饱满，难度较大；设计报告图文并茂，文字较通顺，技术用语准确。 该同学的毕业设计（创
12、作）达到了本科毕业生学士学位的要求，同意参加毕业设计（创作）答辩。指导教师签字： 年 月 日评阅人评语：该生毕业创作 UI 设计艺考帮手机 APP 交互设计内容较丰富，色调和谐统一，对所要创作的内容进行了准确的分析与细致的刻画,并以交互形式展现软件。毕业创作报告表述较清晰，格式基本规范。 该同学的毕业设计（创作）达到了本科毕业生学士学位的要求，建议参加毕业设计答辩。评阅人签字： 年 月 日答辩小组评语：该生毕业创作 UI 设计艺考帮手机 APP 交互设计主题明确，内容较丰富，所创作的一系列界面具有整体性及协调化的设计；该生在论文答辩过程中，表述清晰、流畅，能够认真准确的回答答辩老师提出的所有问
13、题。经答辩小组研究，认为吴杰同学的毕业设计达到了本科学位论文的要求，决定通过答辩。成 绩(分数) 答辩小组组长签字： 年 月 日答辩委员会审核意见：答辩委员会主席签字： 年 月 日Comment A1: 4号楷体，居中Comment A2: 号宋体，居中，加括号，段前段后间距为 0.5行。格式为（学校 学院 专业 年级班级）。注意：年级班级之间无空格Comment A3: 关键词，5 号黑体，缩进；关键词最少三个，中间分号隔开，5 号宋体，段后 2行Comment W用4: 就毕业设计题目的背景资料、目的方法、创新点等方面陈述。4 号黑体，居中；0艺考帮手机 APP交互设计报告吴杰（渭南师范学
14、院 丝绸之路艺术学院传媒学部 数字艺术系 数字媒体艺术 2013级 1班）摘 要：艺考帮手机 APP交互设计以美术生、艺术爱好者为基调来进行对 APP的设计，分为前期的图标和界面设计以及后期的交互设计，主要采用简约、简洁的设计风格，颜色主要以橙白灰三色为主。设计理念以用户为本，始终把用户体验感放在首位，受众对象主要以学生和美术爱好者为主，设计目的是制作出一款操作简单、视觉效果舒适的帮助艺考生的 APP软件。主要特点是实现用户体验感增强，在产品体验中体验交互。其优点是促进艺考生以及美术爱好者之间的交流与互动。关键词：艺考帮；界面设计；APP；交互设计一、艺考帮手机 APP交互设计概述1.创作背景
15、艺考，对于每一个艺考生来说，是他们人生中一个重要的转折点。艺术联考，就是指目前国内比较权威，及教育部备案的各大艺术类院校，或者各大院校的艺术系对于高中三年级艺术类考生在高三第一学期末举行的一次综合的专业考试。考试合格者获得报考院校的专业合格证，持此合格证书参加高考，高考成绩公布以后，各艺术类院校进行择优录取。而对于庞大的数据，需要一个手机软件帮助艺考生掌握资讯，掌握动向，帮助艺考生之间的交流以及相互学习的机会。在类似 APP中发现了灵感，比如考研帮、高考帮、音乐宝等 APP中，对于不同的群体，各软件间呈现的是不同的设计风格，考研帮针对的是考研的学子，而高考帮侧重高考，音乐宝侧重音乐学子，有着不
16、同的受众对象。2.创作目的艺考帮手机 APP交互设计的制作初衷是让美术、艺术朋友一起交流的互动平台，让艺考生及艺术爱好者成为最理想的聚集地，使得资源共享，互相交流讨论的目的。艺考帮手机 APP交互设计实现用户注册登录，手机验证、QQ、微博三种形式实现用户登录。以用户身份进入主页面，使得更为简单及快捷，增强用户之间的体验感以及帮助到更多的美术爱好者以及艺考生。3.创作创新软件的创新点在于平台上驻扎有职业画家、高校老师（参加过往届艺术高考阅卷）、培训班老师、在读的各大学、学院、艺术院校大学生。其目的是让Comment W用5: 可以就毕业作品的创意来源、创意过程、艺术特色、创作手法、人员分工、个人
17、承担角色和任务等方面来陈述以及草图等；4 号黑体，居中；Comment A6: 小四黑体，首行缩进2Comment A7: 所有图片应有适当的说明，表明图片的目的、作用、效果、设计过程等，图片大小可根据页面和图片的作用自行安排。图片居中排放。Comment A8: 设计草图必须独立完成，每幅图有图序和图题，图题应该准确精炼，5 号宋体居中，1资源共享，为艺考生、美术爱好者指点迷津，只要你上传作品便可和他们对话，获得专业的点评。当然平台上还有大量高质量的范例作品可供下载以及收录历年考试真题、各省考试通知、各高校招生简章、录取分数线等。二、艺考帮手机 APP交互设计创意构思1.思维导图艺考帮手机
18、APP交互设计的思维图是由 7个主要部分组成搜索资料、整理资料、风格设定、绘制草图、图标设计、界面设计、交互设计。图 1 艺考帮手机 APP交互设计 思维导图图 1为艺考帮手机 APP交互设计思维导图，制作出优秀的 UI作品首先需要对艺考帮针对的对象进行了解。第一步，要深入了解艺考生的现状和模式，在网上查找相关资料，登录各艺考网站查询最新动态。第二步，进行资料整理，初步分析艺考帮的定位以及对资料的整体分析，把文字资料和图片资料分别整理。第三步，确立所设计的作品风格，最终选用了简约和扁平化的风格，原因有两点：首先扁平化是如今 UI设计的主要风格，被大众所接受和认可；其次就是扁平化风格直观明了，用户的体验感更加强烈，操作更为简单方便。第四步，对作品的图标和界面进行设计，先进行草图的绘制，把大概的图形样式图标形态在纸上表现出来，再对界面的排版布局进行设计，使界面更加舒服合理。第五步，对所有界面进行交互设计，运用 Xcode进行代码设计实现交互，完成交互设计。该作品的创意灵感来源于考研帮、高考帮、音乐宝等 APP上。这几款 APP各有各的特点，面对的群体也不同。但同样也存在不足，没有很好
