UI与交互设计.

UI与交互设计UI相关概念UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。UE即UserExperience，用户体验，它是指用户访问网站或者使用软件产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再次使用。他们能够忍受的问题，疑惑和BUG的程度。交互设计是指设计人和产品或服务互动的一种机制。以用户体验为基础进行的人机交互设计是要考虑用户的背景、使用经验以及在操作过程中的感受，从而设计符合最终用户的产品，使得最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。UI的应用范围•电脑的软件界面。▫比如操作系统、软件界面、网页、多媒体光盘。•手机的界面。•数字电视的界面。•空调等家电摇控器上的界面。•银行、移动等柜员机上的界面。•……UI设计在中国的现状目前在国内UI还是一个相对陌生的词，即便是一些设计人员也对这个词不太了解。我们经常看到一些招聘广告写着：招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，只是做一些图标，配下颜色等工作，缺乏对用户交互的重要性的理解，事实上UI设计的工作包括更广泛的内容。另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术，而UI仅仅是次要的辅助，忽视了良好的UI设计是提升用户体验的主要途径，是提升产品竞争力的重要法宝。UI的设计师（工作内容）研究用户。我们所开发的软件等产品，最终都是为人而做的，所谓以人为本，这不能是句空话，所以我们UI设计，必须研究人，研究我们的用户，要了解我们的用户想要什么，要利用我们的产品解决什么问题，喜欢什么，不喜欢什么等等。研究用户与界面的关系。即人机交互，研究如何让用户更好的更方便的使用软件，则是我们常说的“易用性”。从事该行业的人，我们称之为“交互设计师”，主要做的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范等。一个软件产品在编码之前需要作的就是交互设计，并确立交互模型，交互规范。研究界面的视觉效果。国内目前大部分UI工作者都是从事这个行业。也有人称之为“美工”，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。从事该行业的人，我们可以称之为“软件图形设计师”UI设计的基本原则可以说，UI设计的所有基本原则，都是建立在“易用性”的基础上。那什么是“易用性”？包括三个方面，按重要程度排列如下：1.产品执行用户所需的功能。（快速使用）2.快速安全地执行这些功能。（相对无错）3.容易掌握使用这些功能。（易于学习）易用性不佳的例子用户身边充斥着专业术语万能软件不良的交互实例vivi（薇薇，26岁，一位优雅迷人的OL）打开钱包，从卡夹层里拿出那张有着金黄葵花的银行卡，又了到发工资的时候，不知道今天到帐了没有，还约好了明天和死党一起买！买！买！买!呢！刚才路过银行想查一下余额，但是排队的人太多了，不过还有电话银行嘛，vivi一边想，一边拿出手机，拨通了电话银行的号码：一个温柔礼貌的MM语音提示：“您好，欢迎使用招商银行电话银行系统，1，自动语音服务，2人工服务；”vivi把手机从耳边拿下来，找到1号键，按了一下；“1个人银行服务，2公司银行服务，3银证通功能，4个人外汇买卖服务，5基金服务，0退出；”vivi又按了1；“1存折户，2一卡通户，3个人信用卡户，4新旧卡号查询0退出；”vivi按下了1旁边的2号键；“请输入一卡通卡号，以#号结束；”“108080699”，vivi连忙输入了卡号，按#号键；“请输入查询密码，以#号结束；”因为开户不久，刚设的密码，vivi稍微想了一下，才把密码输进去，输完又看了一眼，按了#号键；“1帐务查询，2转账，3修改密码，4电话挂失，5通讯业务，6自助贷款，7自助缴费及一卡通上网，8神州行充值服务，9凭证式国债，0退出”汗……这都是些什么呀？vivi皱了皱眉，再次按了一下1；“10人民币，21港币，32美元；35欧元，65日元，43英镑，29澳大利亚元，87瑞士法郎39加拿大元，69新加坡元，00退出；”“10，拜托，我可只有人民币……”电话里仍然是温柔礼貌而不折不扣的录音提示：“1活期，2整存整取，3零存整取，4整存零取，5存本取息，6定活两便，7大额定期，8通知存款，9教育储蓄，0退出。”第二章制作界面的软件介绍•对于设计类的软件相信大家都不会很陌生了，我们大家所熟知的有以下软件Photoshop\Flash\Coreldraw\3Dmax\Maya。•Photoshop是款功能强大的绘图和制图软件，它是平面设计者的绝佳选择，它有强大的画笔功能和滤镜效果，，它可以把界面做得非常的华丽，色彩丰富质感逼真。用它适合做写实类的界面设计，比如科幻、魔兽类游戏的界面。但它也有自己的缺陷，Photoshop是款像素图图像编辑软件。它不能制作矢量类的界面，所以用它制作的界面是不可以拉伸和放大的。一旦拉伸了就会出现马赛克现象，这会严重损坏界面的美观效果。•CorelDraw是一个绘图与排版的软件，它广泛地应用于商标设计、标志制作、模型绘制、插图描画、排版及分色输出等诸多领域。作为一个强大的绘图软件，它被喜爱的程度可用下面的事实说明：用作商业设计和美术设计的PC机几乎都安装了CorelDraw！•另外还有一个矢量界面的生产者就是FLASH，Flash是结合动画、编程和矢量绘图的软件，它的主要功能有矢量绘图、制作二维动画、多媒体交互、网页网站、矢量界面设计、编程语言开发。Flash的强大之处是多媒体交互、网站网页、还有FLASH动画这块，界面设计只是是其中之一而已。图形图标设计•首先来介绍图标的含义，图标是具有明确指代含义的计算机图形。其中桌面图标是软件标识，界面中的图标是功能标识。图标分为广义和狭义两种：•广义——具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性。应用范围很广，软硬件网页社交场所公共场合无所不在，例如：男女厕所标志和各种交通标志等。狭义——计算机软件方面的应用，包括：程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。图标的大小：•图标有一套标准的大小和属性格式，且通常是小尺寸的。每个图标都含有多张相同显示内容的图片，每一张图片具有不同的尺寸和发色数。一个图标就是一套相似的图片，每一张图片有不同的格式。从这一点上说图标是三维的。图标还有另一个特性：它含有透明区域，在透明区域内可以透出图标下的桌面背景。在结构上图标其实和麦当劳的巨无霸汉堡差不多。什么是交互设计(InteractionDesign)•在使用网站，软件，消费产品，各种服务的时候（实际上是在同它们交互），使用过程中的感觉就是一种交互体验。随着网络和新技术的发展，各种新产品和交互方式越来越多，人们也越来越重视对交互的体验。当大型计算机刚刚研制出来的时候，可能为当初的使用者本身就是该行业的专家，没有人去关注使用者的感觉；相反，一切都围绕机器的需要来组织，程序员通过打孔卡片来输入机器语言，输出结果也是机器语言，那个时候同计算机交互的重心是机器本身。当计算机系统的用户越来越由普通大众组成的时候，对交互体验的关注也越来越迫切了。交互设计•因此交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔•莫格里奇在1984年一次设计会议上提出，他一开始给它命名为“软面”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃”，他后来把它更名为――交互设计。•从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。交互设计还涉及到多个学科，以及和多领域多背景人员的沟通。•目的•通过对产品的界面和行为进行交互设计，让产品和它的使用者之间建立一种有机关系，从而可以有效达到使用者的目标，这就是交互设计的目的。交互设计和界面设计•界面是一个静态的词，当进行界面设计的时候，我们关心的是界面本身，界面的组件，布局，风格，看它们是否能支撑有效的交互，但是，交互行为是界面约束的源头，当产品的交互行为清清楚楚地定义出来时，对界面的要求也就更加清楚了，界面上（如果存在可视界面的话）的组件是为交互行为服务的，它可以更美，更抽象，更艺术化，但不可以为了任何理由破坏产品的交互行为。交互设计和界面设计•从广义上来说，也可以认为界面设计包含交互设计，在这样的情况下，它同时还包含另外的部分例如外观设计或平面设计，这些都是可以单独进行研究的更细的分支。寻谊就到这里啦~谢谢大家