当前位置：平面设计学院 > sketch交互设计入门到精通教程
1、交互设计师是目前市场需求量大，而设计师数量确比较少的一个职位，就业前景非常乐观。本套课程从交互设计师通常需要产出的信息架构、流程图、线框原型、高保真原型、可交互原型等方面出发，系统讲解移动交互设计师需要学习的工作流程、软件技能以及思维方式。
2、通过本套课程的学习，大家可以掌握包括mindnote / OminiGraffle / Sketch / Principle四款软件的基本操作，明白交互设计师所要具备的重要逻辑思维，以及输出信息架构图、流程图、线框原型、高保真原型、可交互原型时的注意事项，从而具备独立进行交互设计的能力。
3、除此之外，老师在课堂中还介绍到，作为一名优秀的交互设计师，可以通过何种方法来提高自己的软件熟练程度和交互设计逻辑思维，帮助我们在职场中更好地成长。
4、需要注意的是，以上软件都是基于mac系统安装和操作，windows系统则需要使用其他软件替代。即使没有mac电脑可以安装软件进行实操练习，课程中的相关设计理论和思维逻辑，对交互设计感兴趣的同学们来说，也是不可错过的精彩内容。
|
第一章 基础入门
|
|
讲解产品研发的流程、交互设计在流程中所处的位置、交互设计师需要产出的内容，以及交互设计师的职业定位、行业需求等。 |
|
常见移动操作系统分类，及不同移动操作系统设计风格对比、相同APP在不同操作系统中的对比、相同APP在相同操作系统的不同版本中的设计规范以及不同平台的交互细节分析。 |
|
介绍常见的交互设计工具，及如果选择合适的工具进行高效率设计，课堂使用软件的下载和安装方法。 |
|
第二章 设计前的输出文件
|
|
讲解信息架构的概念，以及我们需要从哪些方面出发，去分析信息内容的重要级别，以划分信息架构层级。 |
|
讲解流程图的作用、分类、绘制方法及实操演示。 |
|
信息架构绘制在内容、层级关系、扩展性和平衡性方面的注意事项。从用户体验、商业需求、异常情况及回主流程四个方面分析流程图绘制的注意事项。 |
|
第三章 线框原型设计
|
|
介绍sketch的软件界面、突出功能、工具、图层和检查器等。 |
|
讲解线框原型应该包含的内容，设计线框原型需要注意的事项、以及对应掌握sketch的形状图层、数值属性、复制、不透明度、文本属性等知识点进行实操分析。 |
|
讲解线框图标的选择、线框原型绘制的注意事项以及图标的快速导入。通过实战演练，掌握sketch文件导入、布尔运算、钢笔工具、剪刀工具等知识。 |
|
第四章 高保真原型设计
|
|
讲解高保真原型的概念、制作高保真原型的优势及通过实例分析高保真原型制作是否具有必要性。 |
|
关于使用sketch制作高保真原型的说明，以及通过实例演示对应掌握sketch模糊属性、颜色工具、符号工具等知识。 |
|
绘制交互流程图的方法及注意事项分析 |
|
进行高保真原型标注的方法、对应掌握sketch插件、切片、导出等重要命令知识点。 |
|
补充学习sketch的钢笔工具、星形工具、形状变形、旋转、复制、标尺的添加和删除、显示网格、显示像素、对象再制、利用描边属性制作进度条效果等。以及重点介绍sketch的mirror功能。 |
|
第五章 交互原型设计
|
|
principle的软件界面介绍、基础工具介绍、面板之间的过渡动画以及对象之间的过渡动画等。 |
|
实例演示交互动画的制作，拖动对象对其他对象产生的影响。 |
|
界面滑动交互动画的制作、图片切换时按钮的交互动画效果，以及动画时间的控制等。 |
|
包括从用户、动效本身、开发难度等出发，详细分析了动效设计时的注意事项 |
|
第六章 设计师的自我提升
|
|
做设计需要不断学习和探索，从技能、思维、工具等方面，对自己加强锻炼，让技能进一步提升。 |
01交互设计常用软件.jpg
01_2交互设计师的行业需求分析.jpg
02-1主流的移动操作系统.jpg
02-2 ios操作系统设计规范分析.jpg
02-3 Android操作系统设计规范分析.jpg
03-1 设计工具介绍.jpg
03-2 常用的交互设计工具介绍.jpg
03-3 sketch下载安装介绍.jpg
03-4 思维导图软件安装介绍.jpg
04-1 信息架构产品需求分析.jpg
04-2 信息架构绘制演示.jpg
04-3 mindnote软件基本操作演示.jpg
05-1 流程图的输出注意事项.jpg
06-1 信息架构和流程图设计注意事项.jpg
06-2 流程图设计注意事项.jpg
06-3 信息架构层级关系的合理性分析.jpg
07-3 sketch的基础入门.jpg
07-2 sketch的基本功能展示.jpg
08-2 使用sketch快速搭建线框原型.jpg
08-3 使用sketch制作勤学网线框原型案例.jpg
09-1 “密码”线框图标的快速绘制.jpg
09-2 线框原型“话筒”图标的绘制.jpg
09-3 线框原型“用户”图标的绘制.jpg
09-4 线框图标的选择.jpg
10-1 高保真原型绘制的必要性分析.jpg
10-2 实例项目分析高保真原型的作用.jpg
11-1 关于使用高保真原型的说明.jpg
11-2 sketch颜色工具的使用方法.jpg
11-3 使用sketch颜色工具制作金属质感渐变效果.jpg
11-4 绘制高保真原型.jpg
12-1 绘制交互流程图的方法及注意事项分析.jpg
12-2 交互流程图实例演示.jpg
12-3 交互流程图实例演示2.jpg
13-1 高保真原型的标注和导出.jpg
13-2 sketch插件下载安装方法.jpg
13-3 使用sketch插件进行标注.jpg
13-4 使用sketch插件进行标注.jpg
14-1 sketch其他图形工具的介绍.jpg
14-2 介绍sketch的mirror功能.jpg
14-3 使用sketch巧制圆形进度条.jpg
15-1 principle软件界面介绍.jpg
15-2 principle动画设置.jpg
15-3 principle导出.jpg
15-4 principle基础工具介绍.jpg
16-1 principle过渡动画设置.jpg
16-2 使用principle制作简单的小动画.jpg
16-3 使用principle制作简单的小动画2.jpg
17-1 动画制作实例演示4.jpg
17-2 动画制作实例演示3.jpg
17-3 动画制作实例演示2.jpg
17-4 动画制作实例演示.jpg
18-1 动画制作注意事项分析.jpg
18-2 动画制作注意事项分析2.jpg
18-3 动画制作注意事项分析3.jpg
19-1 交互设计师自我提升的两个方面.jpg
19-2 软件技能方面的提示指导.jpg
snakypeter
situbei
天成
小宇宙plus
王雪
百练成仙
当当小
LJP
幸福之光
WBE
康丰
dengnici
qwe5555
云朵99
栾文（平淡视界）
专心8
十之八九
墨先生
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
微信号：qinxue7855
