文档介绍：UI与交互设计
第一页，共30页。
UI相关概念
UI设计 则是指对软件的人机交互、操作逻辑、界面美观的整体设计。
UE 即User Experience，用户体验，它是指用户访问网站或者使用软件产品时的全部体验。他们的i皱了皱眉，再次按了一下1；
第十六页，共30页。
“10人民币，21港币，32美元；35欧元，65日元，43英镑，29澳大利亚元，87瑞士法郎39加拿大元，69新加坡元，00退出；”
“10，拜托，我可只有人民币……”
电话里仍然是温柔礼貌而不折不扣的录音提示：“1活期，2 整存整取，3零存整取，4整存零取，5存本取息，6定活两便，7大额定期，8通知存款，9教育储蓄，0退出。”
第十七页，共30页。
第二章 制作界面的软件介绍
对于设计类的软件相信大家都不会很陌生了，我们大家所熟知的有以下软件Photoshop\Flash\Coreldraw\3Dmax\Maya。
第十八页，共30页。
Photoshop是款功能强大的绘图和制图软件，它是平面设计者的绝佳选择，它有强大的画笔功能和滤镜效果，，它可以把界面做得非常的华丽，色彩丰富质感逼真。用它适合做写实类的界面设计，比如科幻、魔兽类游戏的界面。但它也有自己的缺陷，Photoshop是款像素图图像编辑软件。它不能制作矢量类的界面，所以用它制作的界面是不可以拉伸和放大的。一旦拉伸了就会出现马赛克现象，这会严重损坏界面的美观效果。
第十九页，共30页。
CorelDraw 是一个绘图与排版的软件，它广泛地应用于商标设计、标志制作、模型绘制、插图描画、排版及分色输出等诸多领域。作为一个强大的绘图软件，它被喜爱的程度可用下面的事实说明：用作商业设计和美术设计的PC机几乎都安装了CorelDraw！
另外还有一个矢量界面的生产者就是FLASH，Flash是结合动画、编程和矢量绘图的软件，它的主要功能有矢量绘图、制作二维动画、多媒体交互、网页网站、矢量界面设计、编程语言开发。Flash的强大之处是多媒体交互、网站网页、还有FLASH动画这块，界面设计只是是其中之一而已。
第二十页，共30页。
图形图标设计
首先来介绍图标的含义，图标是具有明确指代含义的计算机图形。其中桌面图标是软件标识，界面中的图标是功能标识。
第二十一页，共30页。
图标分为广义和狭义两种：
广义——具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性。应用范围很广，软硬件网页社交场所公共场合无所不在，例如：男女厕所标志和各种交通标志等。 狭义——计算机软件方面的应用，包括：程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。
第二十二页，共30页。
图标的大小：
图标有一套标准的大小和属性格式，且通常是小尺寸的。每个图标都含有多张相同显示内容的图片，每一张图片具有不同的尺寸和发色数。一个图标就是一套相似的图片，每一张图片有不同的格式。从这一点上说图标是三维的。图标还有另一个特性：它含有透明区域，在透明区域内可以透出图标下的桌面背景。在结构上图标其实和麦当劳的巨无霸汉堡差不多。
第二十三页，共30页。
什么是交互设计(Interaction Design)
在使用网站，软件，消费产品，各种服务的时候（实际上是在同它们交互），使用过程中的感觉就是一种交互体验。随着网络和新技术的发展，各种新产品和交互方式越来越多，人们也越来越重视对交互的体验。当大型计算机刚刚研制出来的时候，可能为当初的使用者本身就是该行业的专家，没有人去关注使用者的感觉；相反，一切都围绕机器的需要来组织，程序员通过打孔卡片来输入机器语言，输出结果也是机器语言，那个时候同计算机交互的重心是机器本身。当计算机系统的用户越来越由普通大众组成的时候，对交互体验的关注也越来越迫切了。
第二十四页，共30页。
交互设计
因此交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔•莫格里奇在1984年一次设计会议上提出，他一开始给它命名为“软面”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃”，他后来把它更名为――交互设计。
第二十五页，共30页。
从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。交互设计还涉及到多个学科，以及和多领域多背景人员的沟通。
目的
通过对产品的界面和行为进行交互设计，让产品和它的使用者之间建立一种有机关系，从而可以有效达到使用者的目标，这就是交互设计的