本文主要是以下 6 个问题的讲解：
1 、什么是互动设计
2 、当今 UI 设计师的能力要求
3 、互动设计主要做什么工作内容
（1）产品 UI 框架设计
（2）产品 UI 风格设计
产品 UI 框架选择
简单式（单一内容）
翻页式（多页内容）
宫格式（较多入口）
上导航
下导航 (4-5 大类+分支内容）
舵式
抽屉侧边栏（1 个重点+其他次要内容）
隐藏式
4 、线框原型图绘制方法
方法一：黑白灰+色块
方法二：黑白灰+高保真图形
方法三：黑白灰+突出色+高保真图形
5 、互动流程图绘制
6 、动态互动原型设计
下面我们一个个来解析：
1 、什么是互动设计
可以简单理解为互动设计是偏向理性的设计，图形设计是偏向感性的设计。这两部分构成了我们常说的 UI 设计，user interface design 。
UI 设计为什么要包含理性的互动设计呢？这要从 2007 年移动互联网爆发说起，那时图形 UI 设计炫酷之风盛行，例如当时音乐播放器设计，都是这种模拟唱片或磁带的写实风。
但今天这些设计都被改掉了。其实好用的相簿是方便多用户更快索引照片。好用的音乐播放器不是模拟超写实图示，还不如歌词与音乐同步，甚至不如翻译英文歌词有价值。
所以，多用户更需要解决实际问题的设计。
2 、当今 UI 设计师的能力要求
随着行业的发展，只会图形 UI 设计和只会互动设计的设计师职业生涯都会遇到瓶颈。
3 、互动设计做什么
产品架构设计
也就是将众多的需求按照终呈现的页面进行架构设计。
产品 UI 风格设计
我们以 IOS 为例子，您会发现一个平台是由多个系统控制组件组成的，不同控制组件解决不同的问题，这些控制组件组成了软件平台的 UI 操作风格。例如 IOS 和 windows 的 UI 操作风格就完全不同。
产品 UI 框架选择
简单式（单一内容）
翻页式（多页内容）
宫格式（较多入口）
上导航
下导航 (4-5 大类+分支内容）
舵式
抽屉侧边栏（1 个重点+其他次要内容）
隐藏式
4 、线框原型图绘制方法
黑白灰+色块
黑白灰+高保真图形
黑白灰+突出色+高保真图形
5 、互动流程图绘制
互动设计是程序导向的设计，所以需要描述清楚产品整体使用流程及相应的情况。使用互动文件进行描述是很好的方式，互动文件将作为技术开发，测试及设计人员进行全面的介面设计的依据。
6 、动态互动原型设计
为了更好的将产品的动态展示给 Boss 或者其它相关团队成员，可以用简单的方式进行动画演示，让成员可以更快更好的理解产品的使用。