ui设计中交互设计主要做什么-UI设计、交互设计、UI交互设计之间有什么联系和区别？

UI交互设计到底是什么？ 我们经常听说UI设计和交互设计，但是什么是UI交互设计呢？ 是两者的结合吗？ 作为一个设计行业的新人或者对设计有一定热情的人，搞清楚不同设计术语的定义确实是一件很头疼的事情。 别着急，今天小编就对三者进行多方位的比较，帮助各位新手提高文盲！

三者之间的关系：

从上图看来，UI交互设计确实是UI设计和交互设计的结合。 但具体的区别是什么？ 我们来看看三者的对比吧！

1. UI交互设计的概念 vs UI设计 vs 交互设计比较

用户界面设计

UI设计，即界面设计（英文UserInterface Design，缩写为UID），是指软件的人机交互、操作逻辑、美观界面的整体设计。 UI设计主要分为两种：物理UI和虚拟UI。 互联网行业常见的UI设计是虚拟UI，UI是User Interface的缩写。

交互设计

交互设计（英文Interaction Design，缩写为LCD），主要是指为达到某种设计产品的目的而在两个或多个个体之间进行沟通、互动的设计。 交互设计的目标一般从“可用性”和“用户体验”两个层面出发，帮助解决用户需求。

UI交互设计

事实上，小编多方查找资料，发现UI交互设计这个词非常模糊。 经过小编不断的比较和整理，我终于得出了它的基本概念。 从广义上讲，UI设计可以包括交互设计，在这种情况下。 简单来说，在UI界面上体现交互设计的理念就是UI交互设计。

从设计重点来看，UI设计的重点是色彩和视觉，注重界面设计美观，主要考虑产品的外观。 交互设计是以用户为中心的人机交互部分的设计，主要考虑产品的使用方式。 UI交互设计在设计时需要同时考虑UI和交互两个方面，并在UI界面上体现交互的理念。

2. UI交互设计 vs UI设计 vs 工作组交互设计比较

UI设计相关人员：

UI设计师，界面设计师，网页设计师。

交互设计相关组：

UX设计师、交互设计师、UE设计师、产品经理、网页设计师、产品经理。

UI交互设计相关组：

UI设计师、界面设计师、交互设计师、网页设计师、UX设计师、产品经理。

从相关工作组的角度来看，不同类型的设计工作涉及不同的人群。 UI设计的相关人员主要是从事这部分工作的人员。 除了专业的UI设计师、界面设计师、网页设计师等，他们也是它的劳动人民。 交互设计涉及的人群更广泛，交互设计师和UX设计师自然不成问题。 此外，需要表达设计思想的产品经理和运营人员也是其中之一。 最后，UI交互设计的范围比两者稍宽一些，包括UI设计群体和大部分交互设计群体。

3. UI交互设计与UI设计与交互设计比较的例子

UI设计案例：

如上图所示，UI设计主要涉及用户界面的色彩、布局、文字布局等方面的设计，保证整体界面的美观。

UI交互设计案例：

小编这里选择了一个简单的UI交互作为例子。 这个交互的效果是通过点击UI界面中的按钮来显示不同的图片。 这种在UI界面上体现交互的设计就是UI交互设计。 UI交互设计包括多种交互效果ui设计中交互设计主要做什么，比如跟随刷新、进度条、图片轮播等，小编就不一一列举了。

交互设计案例：

而这种注重人机交互、注重用户体验的设计就称为交互设计。

从以上案例不难看出，UI设计主要注重界面美观，多以静态方式呈现（有时以动画图形呈现）。 交互模式是静态的。 UI交互设计是基于UI的交互设计，以动态的形式存在。 交互设计注重用户体验ui设计中交互设计主要做什么，并以动态的形式存在。

4. UI交互设计与UI设计与交互设计的比较工具

UI设计工具：

PS（Photoshop）：适用于界面设计、图标设计、手绘等。

AI（插图）：适合创建徽标、图标、草图、版式和其他矢量图形。

Sketch：适合图标和界面设计，支持多文件分层、切片等插件。

交互设计工具

Axure：老式原型制作工具，适合制作中高保真交互原型。

Mockplus：适合创建快速交互原型，简单高效，同时支持团队协作。

Mockoff：适用于一键图片裁剪、生成智能注释、生成图层代码、交互演示、设计协作。

UI交互设计工具：

从使用的工具来看，UI设计主要以图形、图标、界面设计工具为主。 交互设计主要关注原型设计和交互设计工具。 UI交互设计需要包括前两者所使用的所有工具。

在UI交互设计中，首先需要使用PS等工具完成设计稿，保证视觉效果，然后使用Mockup等交互工具为设计稿添加交互效果，转化为高保真原型。

如果你想节省切换工具的时间ip形象，也可以直接使用Mockup平台来完成UI交互设计。 集成在线原型之后，Mockel还为用户带来了超强的设计生产力，完成了“设计+协作”一站式云平台的构建。 可以帮助设计师高效地完成UI交互设计的全流程。

【设计协作，用Mocket！ 100人以下团队免费】

Mocke支持Sketch/PS/XD/Axure设计稿交付、自动标注和裁剪、全流程协作。 帮助设计师和产品团队高效工作！

立即尝试：/app

看完这篇文章，相信大家对UI交互设计、UI设计、交互设计之间的关系有了一定的了解。 简单来说：UI是为了好看，交互设计是为了好用，UI交互设计是为了好看好用。 如果你想从事UI交互设计相关的工作，小编建议在了解了它们的基本定义之后，开始学习一些技能和知识吉祥物，开始练习设计。 这可以帮助大家在UI交互设计的道路上快速成长！