录播课动效设计与交互思维
4章24节 | 252人已购买会员免费
开通会员
¥299.00
免费试学
免费试学
使用软件:
Sketch
免费试学
免费试学
免费试学
站酷高高手出品 UI系列课(二)
4大动效原则·8类经典案例100%配套素材

动效设计与交互思维

  • 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秒
基础动效快速实现
5Protopie软件初识
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秒
193D翻转动效
22分29秒
20谷歌浏览器的快捷交互动效
21分54秒
21情感化动效:App下载的图标变化
12分25秒
22作业:任选复杂动效练习并复现
0分53秒
23动效设计落地与导出
12分59秒
24关于交互学习的延展思考
21分14秒
学习套餐

交互思维系列课

2门课 | 10时43分原价:¥498组合惊爆价:¥399.00
动效设计与交互思维

动效设计与交互思维

系统学UI交互设计

系统学UI交互设计

UI设计全面提升

4门课 | 21时27分原价:¥1496组合惊爆价:¥899.00
动效设计与交互思维

动效设计与交互思维

UI作品集与职业进阶

UI作品集与职业进阶

UI中的情感化设计

UI中的情感化设计

UI界面设计全解析

UI界面设计全解析