随着行业的发展，只会图形UI设计和只会交互设计的设计师职业生涯都会遇到瓶颈。

 

本文主要是以下6个问题的讲解~

 

1什么是交互设计

 

2当今UI设计师的能力要求

 

3交互设计主要做什么工作内容

 

（1）产品UI框架设计

 

（2）产品UI风格设计

 

产品UI框架选择简单式（单一内容）翻页式（多页内容）宫格式（较多入口）上导航下导航(4-5大类+分支内容）舵式抽屉侧边栏（1个重点+其他次要内容）隐藏式

 

4线框原型图绘制方法

 

方法一：黑白灰+色块方法二：黑白灰+高保真图形方法三：黑白灰+突出色+高保真图形

 

5交互流程图绘制

 

6动态交互原型设计

 

我们一个个来看~

 

1什么是交互设计

 

可以简单理解为交互设计是偏向理性的设计，图形设计是偏向感性的设计。这两部分构成了我们常说的UI设计，

 

UI设计为什么要包含理性的交互设计呢？这要从2021年移动互联爆发说起，那时图形UI设计炫酷之风盛行，例如当时音乐播放器设计，都是这种模拟唱片或磁带的写实风。

 

但今天这些设计都被改掉了。其实好用的相册是方便用户更快索引照片。好用的音乐播放器不是模拟超写实图标，还不如歌词与音乐同步，甚至不如翻译英文歌词有价值。

 

所以，用户更需要解决实际问题的设计。

 

2、当今UI设计师的能力要求

 

随着行业的发展，只会图形UI设计和只会交互设计的设计师职业生涯都会遇到瓶颈。

 

3、交互设计做什么

 

产品架构设计

 

也就是将众多的需求按照最终呈现的页面进行架构设计。

 

产品UI风格设计

 

我们以IOS为例子，你会发现一个平台是由多个系统控件组成的，不同控件解决不同的问题，这些控件组成了软件平台的UI操作风格。例如IOS和的UI操作风格就完全不同。

 

产品UI框架选择简单式（单一内容）翻页式（多页内容）宫格式（较多入口）上导航下导航(4-5大类+分支内容）舵式抽屉侧边栏（1个重点+其他次要内容）隐藏式

 

4、线框原型图绘制方法

 

黑白灰+色块黑白灰+高保真图形黑白灰+突出色+高保真图形

 

5、交互流程图绘制

 

交互设计是面向过程的设计，所以需要描述清楚产品整体使用流程及相应的情况。使用交互文档进行描述是很好的方式，交互文档将作为技术开发，测试及设计人员进行全面的界面设计的依据。

 

6、动态交互原型设计

 

为了更好的将产品的动态展示给B或者其它相关团队成员，可以用最简单的方式进行动画演示，让成员可以更快更好的理解产品的使用。

 

好~以上内容就是全部内容了~

pinterest的相关资讯可以到我们网站了解下，从专业角度出发为您解答相关问题，给您优质的服务！