《UI设计一（共95页）[共95页]》由会员分享，可在线阅读，更多相关《UI设计一（共95页）[共95页]（95页珍藏版）》请在金锄头文库上搜索。
1、UI设计,本课程将向大家介绍软件界面设计的相关知识。大家还会欣赏到大量优秀的界面设计。,课程概述,包括：UI、UE、用户体验、交互、布局、色彩、风格、创意等。,UI设计是什么？发展会是怎样的?左交互，右视觉，产品在心中,设计师 ？美工？,按照UI运行媒介的方式，可以分为两种类型：硬件界面和软件界面。,课程概述,本次课程主要以软件为研究的对象。,8,课程定位与目标,“UI”热是近几年来兴起的潮流，近几年国内很多从事手机，软件，网站，增值服务等企业和公司都设立了这个部门。还有很多专门从事UI设计的公司也应运而生。 正是鉴于目前UI行业的发展状况，影视广告专业本学期新开的设计课程。 课程定位 UI设
2、计是新兴的一门重要设计领域，该课程既可以巩固前期所学的设计基础理论知识和设计软件应用知识，还重在给学生开拓新的专业知识面，认知一个新的设计领域，从而拓展职业能力和就业选择面。 课程目标 知识目标：使学生能熟悉UI设计的概念、领域、流程和设计方法，并能使用制作 有创意的，充满视觉冲击力的UI设计作品。 技能目标：使学生学会系统规划和全局思维，能够完成一整套UI系 统的设计。 素养目标：使学生具备能从事UI系统的开发与设计能力，培养学生 团队合作、及独立思考能力。,UI设计在中国的现状,目前在国内UI还是一个相对陌生的词，即便是一些设计人员也对这个词不太了解。 我们经常看到一些招聘广告写着：招聘界
3、面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，只是做一些图标，配下颜色等工作，缺乏对用户交互的重要性的理解，事实上UI设计的工作包括更广泛的内容。 另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术，而UI仅仅是次要的辅助，忽视了良好的UI设计是提升用户体验的主要途径，是提升产品竞争力的重要法宝。 如今国内的UI日益发展，有了专门的职业分工，也开始出现一些较高水准的一线设计师和UI设计公司。但总的来说我国与西方发达国家的差距还是显而易见的。软件不像物质产品，存在工艺材料的限制，其核心在于人。因此，提高U
4、I软件师的能力，真正提升软件产品的人性化，是中国UI设计提升的重中之重。这也就意味着拥有美术设计、程序编码、市场调研、心理分析等诸多方面综合能力的设计师有着更广阔的前景。,10,2.职业分析,职业前景 目前UI即用户界面设计行业刚刚在全球软件业兴起，属于高新技术设计产业，与国外在同步发展水平。其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。但目前全国UI设计专业的系统教学极其稀少。UI设计师的待遇和地位也逐渐上升。 ,职业分析,寻找一个设计优秀或一个设计存在问题的UI设计（
5、应用软件、游戏、网页、APP软件、手机界面等），做成ppt在课堂上用5-10分钟左右进行展示。并简单讲解其优秀之处或有问题的地方。 文件名称为学号和姓名，如：“04105000 张三”。,作业1,展示和讲解,第一讲 关于UI设计,一 什么是UI?,通过什么操作汽车？,通过什么操作ATM机？,通过什么控制电视机？,通过什么控制数控车床？,通过什么操作Photoshop程序？,通过什么操作手机？,UI即User Interface(用户界面)的简称。界面设计是人与机器之间传递和交换信息的媒介，包括硬件界面和软件界面的人机交互、操作逻辑、界面美观的整体设计。 广义上来讲，UI界面是人与机器进行交互的
6、操作方式，即用户与机器相互传递信息的媒介，其中包括信息的输入和输出。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。,什么是 UI设计,机器,用户,界面,图形用户界面（Graphic User Interface，简称 GUI）是指采用图形方式显示的计算机操作用户界面。即传统意义上的“美工”。当然，实际上他们承担的不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。例如 ：windows界面、 苹果手机界面等专业课程：图标系统学、 界面设计、 视觉交互设计理论、 产品流程设计、信息设计、模型设计、 颜色系统学 等。 研究人与界
7、面的关系 交互设计：主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。 专业课程：交互设计理论、产品流程设计、交互模型、交互规范、行为学、Visio框架设计等。 研究人 用户体验 （User Experience 简称UE）它是指用户使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑BUG的程度，然后对结果进行分析。专业课程：产品流程设计、统计学、基础视觉设计研究、用户需求挖掘学、用户研究方法学、 用户测试学、用户体验规范等。,研究界面,UI设计（User Inte
8、rface Design） 用户界面设计，在很大程度上就是在探讨如何让产品的界面更加具有可用性，如何让用户有更良好的体验。这是一种优化后的界面，通过这种界面，用户能更方面地完成任务，获得良好的感觉。 例如：一个按钮的设计，美工设计考虑如何好看，而用户界面设计师则考虑按钮如何摆放，上面显示什么文字，甚至到底要不要这个按钮的问题。,腾讯QQ1999至QQ2012的十二年的界面,OICQ 99a:发布中文网络寻呼机、公共聊天室、传输文件,OICQ 99b:发布语音聊天的功能,腾讯QQ1999至QQ2012的十二年的界面,腾讯QQ1999至QQ2012的十二年的界面,OICQ 2000:发布Tence
9、nt Explorer、移动OICQ、隐身功能,腾讯QQ1999至QQ2012的十二年的界面,QQ 2000:正式改名为QQ、发布视频聊天功能、QQshow、QQ群,QQ 2003:聊天场景、QQ炫铃、捕捉屏幕、给好友播放录影,腾讯QQ1999至QQ2012的十二年的界面,腾讯QQ1999至QQ2012的十二年的界面,QQ 2004:新增个人网络硬盘、QQ小秘书、远程协助,腾讯QQ1999至QQ2012的十二年的界面,QQ 2005:新增QQ宠物、QQ音乐、Qzone、QQ通讯录,腾讯QQ1999至QQ2010的十年的界面,QQ 2006:新增3D秀聊天模式、QQ主题包、QQ视频秀,腾讯QQ1
10、999至QQ2012的十二年的界面,QQ 2007:新增会员发送离线文件功能、窗口抖动,腾讯QQ1999至QQ2012的十二年的界面,QQ 2008:新增了超级群，最高支持500人,腾讯QQ1999至QQ2012的十二年的界面,QQ 2009:全新体验：群友动态、消息盒子、好友印象,腾讯QQ1999至QQ2010的十年的界面,QQ 2010:全新皮肤引擎，QQ大视频，多问题验证,腾讯QQ1999至QQ2012 的十二年的界面,侧边栏通通取消了，通通放在下面的QQ应用盒子里。应用盒子里最右下角的叫QQ硬盘，据说是新产品，应该是换了个马甲而已。他奶奶是QQ网络硬盘，他妈妈是QQ中转站。,很熟悉的登
11、录界面，QQ2011最醒目，贴心的电脑管家依然死缠烂打。,应用盒子的推出取缔了之前一直占据QQ面板的诸多应用按钮，使得整个QQ面板变得大方得体。,炫彩字体，炫出聊天个性与风采； 这个是QQ会员特权，下图为会话时新增加的炫彩字体，确实可以让个性飞一会儿。,QQ短信首度面世，畅享无处不在的沟通体验,微博加入音乐功能，视听结合更精彩。 从微博功能的不断更新和完善不难看出，腾讯也看准了“围观的中国”这个市场。QQ2011在微博的功能上也是力求完善，不仅支持转发、显示微博动态，还在微博中加入音乐元素，不得不说一句：实在给力！,腾讯QQ1999至QQ2012 的十二年的界面,安装界面，增加了历史表情,新版
12、本的登录框，可以设置多账户登录,QQ登录等待界面，界面UI很舒服，而且有动态的白云,QQ2012支持多窗口合并聊天，并可以选择取消合并。简化处理了聊天框的图标，部分界面进行了像素重设计。,QQ2012部分UI图标都用简色处理，同时头像的像素变大了。如果用了非高清头像，会被放大而变得模糊。,1.2012全新界面，极地企鹅带您感受极地的纯净、轻盈、自由与灵动； 2.会话窗口支持合并，多好友沟通更便捷； 3.新增历史与推荐表情，分类更明确体验更贴心； 4.QQ皮肤设置全新改版，丰富炫丽的内容带给您好心情； 5.多人视频全面提升，可同时支持20人视频聊天； 6.查找联系人信息更加清晰与全面，随时“打招
13、呼”沟通来得更轻松； 7.会话窗口支持“保持窗口最前”，亲密好友随时聊。,用户体验是一个测试产品满意度与使用度的词语，可能是基于西方产品设计理论中发展出来的，英语是User Experience。用户体验并不是指产品本身是如何工作的，而是指产品如何和外界联系并发挥作用，也就是人们如何“接触“或者“使用”它。 除了用户能完成必须的任务之外，应该还提供积极的体验，而应用设计和交互流程也应令用户感到愉悦。,“以用户为中心设计-设计必须是满足用户需求的、可行的，其次才是可产生商业价值的。”,什么是用户体验：,为什么电子商务网站用户体验设计师有时也把用户体验称作顾客体验？ 这里特指用户访问一个网站或者使
14、用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑和BUG的程度。 U,二、概念区分,2.职业分析,UI设计基本概念,用户体验：UE,体验经济(The Experience Economy) 体验是一个人达到情绪、体力、精神的某一特定水平时他意识中产生的一种美好感觉，它本身不是一种经济产出，不能完全以清点的方式来量化，因而也不能象其它工作那样创造出可以触摸的物品 农业经济、工业经济和服务经济到体验经济之间的演进过程，就象母亲为小孩过生日、准备生日蛋糕的进化过程。在农业经济时代，母亲是拿自家农场的面粉、鸡蛋等材料，亲手做蛋糕，从头忙到尾，成
15、本不到1美元。到了工业经济时代，母亲到商店里，花几美元买混合好的盒装粉回家，自己烘烤。进入服务经济时代，母亲是向西点店或超市订购做好的蛋糕，花费十几美元。到了今天，母亲不但不烘烤蛋糕，甚至不用费事自己办生日晚会，而是花一百美元，将生日活动外包给一些公司，请他们为小孩筹办一个难忘的生日晚会。这就是体验经济的诞生。,UE相关概念,UI设计基本概念,交互设计，又称互动设计，(英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的
16、行为方式(the interaction,即人工制品在特定场景下的反应方式)相关的界面。Wikipedia.org,“启发式交互-让创新的界面具有教学功能。”,什么是交互设计：,什么样的人更适合做交互设计师？ 交互设计师需要具备凭空想象复杂行为的能力，交互设计应当在任何代码编写之前做。交互设计师必须能够在代码被写出来之前，想象它是做什么的。Alan Cooper,UI设计基本概念,交互设计,第三章 交互设计,人机交互与人机界面是两个有着紧密联系而又不尽相同的概念。 操作系统的人机交互功能是决定计算机系统“友善性”的一个重要因素。人机交互功能主要靠可输入输出的外部设备和相应的软件来完成。可供人机交互使用的设备主要有键盘显示、鼠标、各种模式识别设备等。与这些设备相应的软件就是操作系统提供人机交互功能的部分。人机交互部分的主要作用是控制有关设备的运行和理解并执行通过人机交互设备传来的有关的各种命令和要求。,U
