开题报告-手机UI设计.doc

毕业设计开题报告题目手机UI设计专 业计算机科学与技术学生姓名班级学号计科13101班指导教师指导单位电气信息工程学院专业负责人日期2016.12.15开 题 报 告学院学号毕业设计（论文）题目手机UI设计题目类型工程设计 技术开发 软件工程 理论研究和方法应用 管理模式设计 其他选题目的及意义 手机UI设计方法采用面向场景、面向事件驱动和面向对象的设计方法。面向场景是针对该产品使用场所等模拟，模拟用户在多种情况下产品使用的模拟。面向事件驱动则是对产品响应与触发事件的设计，一个提示框，一个提交按钮 这类都是对事件驱动的设计。面向对象，产品面向的用户不同对于产品的设计要求不同，不同年龄层的用户对于产品的要求不同，产品的用户定位将对UI设计师影响因素。 UI设计可简单的分为三个方面：界面设计，用户研究和交互设计。其中涉及到的知识是非常广泛的，这就需要我们有很强的学习能力。想做一个好的UI设计师除了应该具有一定的审美能力，还要了解整个产品的开发过程，因为我的设计就是为产品服务，想要做出吸引人的东西，还要站在用户的角度，分析他们的心理和行为，充分了解他们的需求和使用习惯。在工作中很容易出现问题，还要与团队成员充分沟通，来获得设计中所需要的基本信息，对界面设计的常用工具也要了解到一定程度；编程方面最好能跟程序员同步，了解每一款软件的开发语言、 还有开发环境、服务器种类 界面设计在软件中界面设计相当于工业的造型设计师，是软件的产品外形设 计师，一个产品有一个美观的界面会给人带来舒适的视觉享受，更能吸引目光，吸引顾客。而界面设计不仅仅是单纯的美术绘画，他是需要对使用者、使用环境使用方式等情况的定位，是对用户感受的设计，是科学性的艺术设计。检查一个界面的标准是最终用户的感受，所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。设 计（研 究）现 状 和 发 展 趋 势 软件UI设计应该属于ID（工业产品设计）的一个特殊形式，只是针对的材料有所不同。但随着智能化电子产品的普及与发展，带有液晶屏显示的产品将越来越多。也就意味着越来越多的产品软件需要UI设计。随着科技的发展，不久的将来所有的产品会组成一体，变成一个无处不在的电脑，这个电脑控制着用户的所有家用产品和资料。用户只要有自己的一个账号，就可以通过任何一个产品来控制所有其它产品，而所有的产品都具有终端的功能。而这个终端操作的基本形式就是软件的UI设计。 手机UI设计是手机软件的人机交互、操作逻辑、界面美观的整体设计。置身于手机操作系统中人机交互的窗口，设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计，界面设计师首先应对手机的系统性能有所了解。手机UI设计一直被业界称为产品的“脸面”，好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。课题研究的主要内容 一、设计内容： 针对现在的手机界面用创新发展的眼光来制作一款独具个性的界面，使其美 观易用，能符合用户习惯并且体验良好。1.界面图标的设计2.每个页面的背景设计3.图标背景的设计4.产品整体原型设计 5.界面UI设计 二、课题的重点，难点 重点是界面的视觉美观性和交互概念的易用性, 难点是主题的制定还有图标的设计与绘制，并且需要做出交互效果。 三、 预期成果 1.个通过画手机产品原型图，绘制并构思出完整的界面视觉效果。 2.熟练使用PS、AI等软件来制作出整个界面的最终效果。3.熟练使用AXURE等相关软件完成 各个页面的交互效果。4.将各个交互页面整合5.熟练使用AE做出整个界面的交互DOMO。 四、提供的形式 做出整个的概念展板、尺寸图并且做出演示动效，以手机APP的形式展现出来。课题的工作方案 一、设计方案及技术要求 结合现有的手机APP界面做出一套能符合当下手机美观并且具有个性，尝试 不同的视觉效果考虑手机尺寸以及各级界面的逻辑关系，充分考虑图标的摆放和尺寸以及用户体验。 二、 实验方法和步骤 对手机尺寸进行研究，从而确定图标的尺寸，通过不断搜集资料确定整个界面的主题以及交互体验。 一般来说，手机端设计以IOS为设计基准。首先使用XMind完成思维导图，利用思维导图绘制并完成手机产品原型图，通过PS、AI，完成图标和其他部件的绘制，最后使用AE完成整个界面的演示效果。 三、实现本项目预期目标 利用所学软件和设计相关理念，充分调研各手机APP界面的特点。功能设计合理，结构设计适宜。具有较好的可行性、可实现性。造型美观，色彩协调使用户感到舒服。 课 题 研 究 有 无 困 难准 备 如 何 解 决 设计中可能遇到的问题和解决办法,如果想做出美观的交互效果演示需要更深的软件能力，解决办法就是自学。主要参考文献1王受之.世界平面设计史M.北京：中国青年出版社，2002.2吴国欣.标志设计M.上海：上海人民美术出版社，2002.3王红卫. 商业海报设计 创意解析范例导航(附光盘)M.北京：清华大学出版社，2007.4朱永明. 视觉传达设计中的图形、符号与语言J.南京艺术学院学报(美术与设计版)2004.5胡飞. 艺术设计符号基础M.北京：清华大学出版社，2008.6Quentin Newark. 2007. What Is Graphic Design? Essential Design HandbooksMRotoVision. 7Berryman, Gregg. 1990. Notes on graphic design and visual communication M.Crisp Publications. 8 Bojko, Szymon. 1972. New graphic design in revolutionary RussiaM. LundHu-Mphries9(美)马特马图斯. 设计趋势之上M.山东：山东画报出版社，2009.78863010日直条则夫著，俞纯鳞. 广告文稿策略-策划、创意与表现M.北京：中国财政经济出版社，2002.计划进度 2016.12.15-2017.03.01 完成调研草图,完