《UI界面交互设计》完整课件.pptxVIP

UIDESIGN

第一章UI面设计初识第六章播放器界面设计第二章UI面设计的规范与原则第三章UI面设计之平面设计第四章UI面设计之移动界面设计第五章应用软件界面设计

第一节UI设计基础第二节UI界面设计与用户体验第三节UI界面设计的构成法则UIDESIGN

一、什么是UI设计UI是userinterface（用户界面）的简称。UI设计是指对软件的人机交互、操作逻辑、界面的整体设计。UI设计不是简单地画图标，也不局限于视觉设计，而是需要更多地考虑产品和用户需求来进行整体设计。

（一）用户研究用户研究包含两个方面：一是可用性工程学（usabilityengineering），研究如何提高产品的可用性，使系统的设计更容易被人使用、学习和记忆；二是通过可用性工程学研究，发掘用户的潜在需求，为技术创新提供新的思路和方法。

（二）交互设计交互设计指人机之间的交互工程。交互设计是从程序员的工作中分离出来成为一个独立学科，也就是人机交互设计。其目的在于使软件易学、易用、易理解，使计算机真正成为方便为人类服务的工具。

（三）界面设计界面设计不是单纯的美术绘画。它需要定位使用者、使用环境、使用方式，并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见，也不是项目成员投票的结果，而是最终用户的感受。因此，界面设计要紧密结合用户研究，以便设计出令用户满意的视觉效果。

二、UI设计的常见类型（一）移动端UI设计移动端UI设计主要包含手机UI设计与平板电脑UI设计。

在科技迅速发展的时代，平板电脑也逐步走进大众生活。平板电脑是一种介于手机与电脑之间的便携式电脑，将触摸屏作为基本的输入设备。平板电脑因轻薄、便携、功能齐全、可操作界面空间大等优点吸引了众多用户。

（二）PC端UI设计PC端指的是电脑端。PC端UI设计就是电脑上的操作界面设计，其中包含网页界面设计与软件应用界面设计。

软件应用界面是用户对软件形成第一印象的重要媒介，其设计自然成为软件开发的重要组成部分，并且越来越被软件开发公司重视。

（三）游戏UI设计随着人们物质生活水平的不断提高，游戏产业越来越繁荣。一个优秀的游戏UI设计可以吸引玩家，甚至决定玩家的初始存留。游戏界面虽然看起来是表象，却直指游戏核心。

（四）其他UI设计如今，更多的智能设备进入大众生活，如VR眼镜、智能电视、车载系统等，使UI设计的应用更加广泛。

三、UI设计的规范没有规矩，不成方圆，UI设计也不例外。设计师不能单凭个人的主观经验做设计，要想提升用户体验、高效且顺畅地完成设计任务，就需要遵守一些设计规范。很多时候，设计规范是为了解决统一性和效率问题，避免开发过程中重复、烦琐的低效工作。

（一）移动端UI设计与PC端UI设计的不同1.界面尺寸不同不同的交互载体由不同的屏幕尺寸呈现。电脑显示屏尺寸一般为19～24英寸，平板电脑屏幕尺寸一般为12.9英寸左右，手机屏幕尺寸一般为4～7英寸。尺寸不同，显示区域就不同，设计时就需要考虑如何在不同的界面空间合理安排界面布局。

2.用户操作方式不同PC端与移动端有不同的操作方式，精准度也有明显的区别。

3.用户使用环境不同PC端用户多身处固定场所，使用环境比较稳定，所以持续使用时间较长。移动端设备不受环境局限，使用时间更加灵活。用户在移动端的使用时间更碎片化，所以移动端操作更注重短时、高效地满足用户使用需求。

（二）移动端UI设计规范移动电子设备受屏幕尺寸的限制，无法在同一页面上同时展示太多内容，所以通过增加层级的方式向用户展现内容。各级界面不宜设计得过于复杂，应去繁从简，多采用色彩鲜亮、版式清晰、视觉冲击力强的界面向用户传达有效的信息。

（三）PC端UI设计规范网页设计的尺寸主要和两个因素有关：电脑显示器的分辨率、浏览器的分辨率。每个页面都有有效可视区域，也就是除浏览器的工具栏和侧边栏外真正显示内容的地方。

四、UI设计的常用工具（一）PhotoshopAdobePhotoshop简称“PS”，是由Adobe公司开发和发行的图像处理软件。PS主要处理以像素构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。

（二）IllustratorAdobeIllustrator简称“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画软件。

（三）AfterEffectsAdobeAfterEffects简称“AE”，是Adobe公司推出的一款图形视频处理软件，适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。

（四）AxureRPAxureRP是一个专业的快速原型设计工具，让负责定义需求和规格、设计