UI与交互设计ppt课件.ppt

《UI与交互设计ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、UI与交互设计UI相关概念UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。UE即UserExperience，用户体验，它是指用户访问网站或者使用软件产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再次使用。他们能够忍受的问题，疑惑和BUG的程度。交互设计是指设计人和产品或服务互动的一种机制。以用户体验为基础进行的人机交互设计是要考虑用户的背景、使用经验以及在操作过程中的感受，从而设计符合最终用户的产品，使得最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完

2、成的。UI的应用范围电脑的软件界面。比如操作系统、软件界面、网页、多媒体光盘。手机的界面。数字电视的界面。空调等家电摇控器上的界面。银行、移动等柜员机上的界面。……UI设计在中国的现状目前在国内UI还是一个相对陌生的词，即便是一些设计人员也对这个词不太了解。我们经常看到一些招聘广告写着：招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，只是做一些图标，配下颜色等工作，缺乏对用户交互的重要性的理解，事实上UI设计的工作包括更广泛的内容。另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术，而UI仅仅是

3、次要的辅助，忽视了良好的UI设计是提升用户体验的主要途径，是提升产品竞争力的重要法宝。UI的设计师（工作内容）研究用户。我们所开发的软件等产品，最终都是为人而做的，所谓以人为本，这不能是句空话，所以我们UI设计，必须研究人，研究我们的用户，要了解我们的用户想要什么，要利用我们的产品解决什么问题，喜欢什么，不喜欢什么等等。研究用户与界面的关系。即人机交互，研究如何让用户更好的更方便的使用软件，则是我们常说的“易用性”。从事该行业的人，我们称之为“交互设计师”，主要做的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范等。一个软件产品在编码之前需要作的就是交互设计，并确立交互模型，

4、交互规范。研究界面的视觉效果。国内目前大部分UI工作者都是从事这个行业。也有人称之为“美工”，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。从事该行业的人，我们可以称之为“软件图形设计师”UI设计的基本原则可以说，UI设计的所有基本原则，都是建立在“易用性”的基础上。那什么是“易用性”？包括三个方面，按重要程度排列如下：1.产品执行用户所需的功能。（快速使用）2.快速安全地执行这些功能。（相对无错）3.容易掌握使用这些功能。（易于学习）易用性不佳的例子用户身边充斥着专业术语万能软件不良的交互实例vivi（薇薇，26岁，一位优雅迷人的OL）打开钱包，从卡夹层里拿出那张有着金

5、黄葵花的银行卡，又了到发工资的时候，不知道今天到帐了没有，还约好了明天和死党一起买！买！买！买!呢！刚才路过银行想查一下余额，但是排队的人太多了，不过还有电话银行嘛，vivi一边想，一边拿出手机，拨通了电话银行的号码：一个温柔礼貌的MM语音提示：“您好，欢迎使用招商银行电话银行系统，1，自动语音服务，2人工服务；”vivi把手机从耳边拿下来，找到1号键，按了一下；“1个人银行服务，2公司银行服务，3银证通功能，4个人外汇买卖服务，5基金服务，0退出；”vivi又按了1；“1存折户，2一卡通户，3个人信用卡户，4新旧卡号查询0退出；”vivi按下了1旁边的2号键；“请输入一卡通卡号，以#号结

6、束；”“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活期，

7、2整存整取，3零存整取，4整存零取，5存本取息，6定活两便，7大额定期，8通知存款，9教育储蓄，0退出。”第二章制作界面的软件介绍对于设计类的软件相信大家都不会很陌生了，我们大家所熟知的有以下软件PhotoshopFlashCoreldraw3DmaxMaya。Photoshop是款功能强大的绘图和制图软件，它是平面设计者的绝佳选择，它有强大的画笔功能和滤镜效果，，它可以把界面做得非常的华丽，色彩丰富质感逼真。用