4章24节 | 260人已购买
分享至：
¥299.00
开通会员0元学
免费试学
使用软件：
课程介绍
课程目录
免费试学评价
常见问题
Jadon7
yangtser
互联网下半场
谁需要学动效&交互
中小型公司的UI设计师
- 没有专门的交互设计师
- 亲自设计动效来表现设计稿
- 不懂产品不懂交付，事倍功半
大型团队的UI设计师
- 细分领域深耕，接触不到上游工作
- 不熟悉交互设计稿，但工作中会用到
- 缺乏行业竞争力，辞职很难找到下家
初级动效设计师
- 动效美丽，却是无用设计
- 有时候也很难落地
- 缺乏正确的设计观念
从T型人才到TT型人才
掌握多种能力，成为更全面的设计师
- 产品意识
- 需求理解
- 用户体验
- 逻辑思维
- 高效工具使用
- 精准交付
- 洞察力与敏感力
谁来教你动效&交互
大厂背景 大项目经验 大神来教
包文奎 站酷ID：Jadon7
站酷推荐设计师
站酷高高手讲师
产品设计师/动效设计师
Dribbble人气设计师，曾到达Dribbble中国区热度第七
擅长动效概念设计及动效落地
培养动效设计相关学生千余人
曾任职于阿里iCourt，服务书旗小说、妙读、Alpha、iCase等产品
季节 站酷ID：yangtser
站酷高高手讲师
交互设计师/产品设计师
一直从事智能家居、出行、车联网等热门领域
丰富的产品交互和运营交互设计经验
曾任职于小米、阿里等公司
服务的客户包括高德、米家、TINNOVE等
一门课掌握动效与交互
课程内容精确匹配UI进阶人才需求
理论基础知其然，更要知所以然
- ·动效的商业价值与体验价值
- ·
Material Design理念与四大基础原则
- ·
交互与动效的关系、交互设计的基本功夫
- ·锻炼产品思维 、洞察力与敏感度的培养
- ·
动效需不需要&怎么做的依据:
- 重要信息传达、操作流畅度、体验效果
- ·
四大基础原则:
- 快速反馈、符合自然规律、洞察其他元素
- 和明确的视觉引导
设计开眼大神个人经验加持、高效工具推荐
- ·交互动效设计工具推荐
- ·
ProtoPie软件基础与案例
- ·
常见的动效设计工具、网站、插件推荐
- 动效设计落地的几种选择及其优劣势
案例实操深入理解使用场景和形式，边学边练
Facebook案例
表单登录动效
妙读案例
卡片滑动与拖拽
豆瓣FM案例
卡片滑动与展开
Must案例
滚页视察动画
Twitter案例
信息流浏览动画
Facebook Paper案例
3D展开与关闭
Chrome案例
隐藏交互动效
App Store案例
情感化动效
以下是案例示意视频
真正教得好 大家才说好
看看之前学员作品和评价怎么样
两位老师讲得都很好，没有一句废话，打开了我交互动效新世界
关注7总（Jadon7）三年了，每次站酷
作品都很惊艳。超级想跟着他学动效，
这次满足了老师推荐的工具太实用了，而且课程有
理论基础又有配套素材练习，课程可以
说很贴心了很多地方老师讲得一点就透。自己要抠哧半天，才能扣出来一点东西，
而老师拿来讲，一点就透了。
课程价值
干货内容
永久观看
源文件
含Sketch和Xd版
相关课程优惠券
学前须知
学习门槛
· 懂界面设计的工作流程，理解组件与页面的关系
· 或者先学习「UI界面设计全解析」(牛MO王主讲)
· 不建议UI零基础学员直接学习（画重点）
关于软件
· 至少熟悉Sketch、Adobe XD、Figma其中一款；
· 课程使用Protopie软件，其在Win和Mac平台均可使用
· ProtoPie从交互的逻辑去设计软件，设计师上手快、效果好
站酷高高手UI系列课
UI系列课，是站酷高高手专为UI门类学习研发的系列课程。系列课程不仅涵盖UI设计规范、界面设计等基础必修内容，同时也包含了交互动效、情感化设计、作品集与职场进阶等针对细分职能和场景的选修课程。
从入门到进阶、从技能手法到思维应用，相信这套系列课程剖析可以帮你进入UI设计师角色，并胜任专业UI设计师的工作职责，同时本套课程中丰富的知识含量也为进一步的职业进阶打好了稳固的认知基础。
站酷高高手出品UI系列课
课程策划： 施 华 王普微
摄像剪辑： 李 根
课程营销： 党龙强
视觉设计： 李苏慧
责任编辑： 施 华
第一章动效交互概念初识
第1节课程概述与动效初识
12分9秒动效设计与交互思维 课程资料
131.9MB第2节动效设计的四大基础原则
8分33秒第3节为什么你的动效不落地
13分32秒第4节交互与动效的相辅相成
3分34秒第二章基础动效快速实现
第5节Protopie软件初识
5分28秒第6节交互动效，从这里开始
6分34秒第7节作业：做一个最小原型的交互动效
0分34秒第8节基础动效：facebook登录转场
20分29秒第9节表单结构页面交互详解
13分45秒第10节作业：实现表单登录动效
0分53秒第三章交互动效进阶练习
第11节卡片拖拽与滑动：妙读
18分3秒第12节卡片滑动与展开：豆瓣fm
25分59秒第13节卡片视差效果实现
24分1秒第14节卡片结构页面交互详解
10分52秒第15节作业：实现卡片交互动效
0分53秒第四章复杂交互动效
第16节以推特为代表的信息流动效
27分0秒第17节信息流结构页面交互详解
19分0秒第18节作业：实现信息流交互动效
0分53秒第19节3D翻转动效
22分29秒第20节谷歌浏览器的快捷交互动效
21分54秒第21节情感化动效：App下载的图标变化
12分25秒第22节作业：任选复杂动效练习并复现
0分53秒第23节动效设计落地与导出
12分59秒第24节关于交互学习的延展思考
21分14秒