您现在使用的是移动版,点击此处切换为电脑版
loading...
 
x
当前线路为   线路一   网络好像不太流畅
试试其他线路   线路二   线路三   切换线路若仍有问题请联系客服
sketch交互设计入门到精通教程
10.0小时 中级提高 讲师:黄方闻

1、交互设计师是目前市场需求量大,而设计师数量确比较少的一个职位,就业前景非常乐观。本套课程从交互设计师通常需要产出的信息架构、流程图、线框原型、高保真原型、可交互原型等方面出发,系统讲解移动交互设计师需要学习的工作流程、软件技能以及思维方式。

2、通过本套课程的学习,大家可以掌握包括mindnote / OminiGraffle / Sketch / Principle四款软件的基本操作,明白交互设计师所要具备的重要逻辑思维,以及输出信息架构图、流程图、线框原型、高保真原型、可交互原型时的注意事项,从而具备独立进行交互设计的能力。

3、除此之外,老师在课堂中还介绍到,作为一名优秀的交互设计师,可以通过何种方法来提高自己的软件熟练程度和交互设计逻辑思维,帮助我们在职场中更好地成长。

4、需要注意的是,以上软件都是基于mac系统安装和操作,windows系统则需要使用其他软件替代。即使没有mac电脑可以安装软件进行实操练习,课程中的相关设计理论和思维逻辑,对交互设计感兴趣的同学们来说,也是不可错过的精彩内容。

整体介绍图片_01.jpg整体介绍图片_02.jpg整体介绍图片_03.jpg整体介绍图片_04.jpg整体介绍图片_05.jpg整体介绍图片_06.jpg整体介绍图片_07.jpg整体介绍图片_08.jpg整体介绍图片_09.jpg整体介绍图片_10.jpg整体介绍图片_11.jpg整体介绍图片_12.jpg整体介绍图片_13.jpg整体介绍图片_14.jpg整体介绍图片_15.jpg整体介绍图片_16.jpg整体介绍图片_17.jpg整体介绍图片_18.jpg整体介绍图片_19.jpg整体介绍图片_20.jpg整体介绍图片_21.jpg整体介绍图片_22.jpg整体介绍图片_23.jpg整体介绍图片_24.jpg整体介绍图片_25.jpg整体介绍图片_26.jpg整体介绍图片_27.jpg整体介绍图片_28.jpg整体介绍图片_29.jpg整体介绍图片_30.jpg整体介绍图片_31.jpg整体介绍图片_32.jpg整体介绍图片_33.jpg整体介绍图片_34.jpg整体介绍图片_35.jpg整体介绍图片_36.jpg整体介绍图片_37.jpg整体介绍图片_38.jpg整体介绍图片_39.jpg整体介绍图片_40.jpg整体介绍图片_41.jpg整体介绍图片_42.jpg整体介绍图片_43.jpg整体介绍图片_44.jpg

小动画 小动画2 小动画3 小动画4

 

 

整体介绍图片_45.jpg整体介绍图片_46.jpg整体介绍图片_47.jpg整体介绍图片_48.jpg

老师介绍
黄方闻 主攻:交互设计、UI设计、摄影、产品、数据分析
简介:黄方闻,高级交互设计师,国内最早的一批Sketch使用者,并致力于最新交互软件的推广与研究。从07年iPhone诞生起便专注与移动交互设计领域的研究,对移动交互设计领域有深刻的思考与独到的见解,倡导设计师的全栈化与工作效率的最大化,并多次翻译并分享国外最前沿设计文档及交互说明。出版《动静之美——Sketch移动UI与交互动效设计详解》一书,独立翻译《Web设计实战》和《响应式Web设计》图书,两册书即将出版。
课程目录
第一章 基础入门
第1节 什么是交互设计
本节时长:40分钟

讲解产品研发的流程、交互设计在流程中所处的位置、交互设计师需要产出的内容,以及交互设计师的职业定位、行业需求等。

第2节 设计规范
本节时长:31分钟

常见移动操作系统分类,及不同移动操作系统设计风格对比、相同APP在不同操作系统中的对比、相同APP在相同操作系统的不同版本中的设计规范以及不同平台的交互细节分析。

第3节 交互设计工具的选择
本节时长:27分钟

介绍常见的交互设计工具,及如果选择合适的工具进行高效率设计,课堂使用软件的下载和安装方法。

第二章 设计前的输出文件
第4节 信息架构
本节时长:30分钟

讲解信息架构的概念,以及我们需要从哪些方面出发,去分析信息内容的重要级别,以划分信息架构层级。

第5节 流程图
本节时长:34分钟

讲解流程图的作用、分类、绘制方法及实操演示。

第6节 信息架构和流程图设计的注意事项
本节时长:20分钟

信息架构绘制在内容、层级关系、扩展性和平衡性方面的注意事项。从用户体验、商业需求、异常情况及回主流程四个方面分析流程图绘制的注意事项。

第三章 线框原型设计
第7节 sketch的基础入门
本节时长:33分钟

介绍sketch的软件界面、突出功能、工具、图层和检查器等。

第8节 使用sketch快速搭建线框原型
本节时长:43分钟

讲解线框原型应该包含的内容,设计线框原型需要注意的事项、以及对应掌握sketch的形状图层、数值属性、复制、不透明度、文本属性等知识点进行实操分析。

第9节 使用sketch快速设计线框图标
本节时长:35分钟

讲解线框图标的选择、线框原型绘制的注意事项以及图标的快速导入。通过实战演练,掌握sketch文件导入、布尔运算、钢笔工具、剪刀工具等知识。

第四章 高保真原型设计
第10节 高保真原型
本节时长:21分钟

讲解高保真原型的概念、制作高保真原型的优势及通过实例分析高保真原型制作是否具有必要性。

第11节 使用sketch制作高保真原型
本节时长:45分钟

关于使用sketch制作高保真原型的说明,以及通过实例演示对应掌握sketch模糊属性、颜色工具、符号工具等知识。

第12节 使用sketch设计交互流程图
本节时长:23分钟

绘制交互流程图的方法及注意事项分析

第13节 高保真原型的标注和导出
本节时长:35分钟

进行高保真原型标注的方法、对应掌握sketch插件、切片、导出等重要命令知识点。

第14节 sketch的补充知识
本节时长:25分钟

补充学习sketch的钢笔工具、星形工具、形状变形、旋转、复制、标尺的添加和删除、显示网格、显示像素、对象再制、利用描边属性制作进度条效果等。以及重点介绍sketch的mirror功能。

第五章 交互原型设计
第15节 principle动效基础入门
本节时长:36分钟

principle的软件界面介绍、基础工具介绍、面板之间的过渡动画以及对象之间的过渡动画等。

第16节 principle实例教学(上)
本节时长:33分钟

实例演示交互动画的制作,拖动对象对其他对象产生的影响。

第17节 principle的实际案例教学(下)
本节时长:35分钟

界面滑动交互动画的制作、图片切换时按钮的交互动画效果,以及动画时间的控制等。

第18节 动效设计的注意事项
本节时长:14分钟

包括从用户、动效本身、开发难度等出发,详细分析了动效设计时的注意事项

第六章 设计师的自我提升
第19节 交互设计师的自我提升
本节时长:13分钟

做设计需要不断学习和探索,从技能、思维、工具等方面,对自己加强锻炼,让技能进一步提升。

处理中...