4章24節(jié) | 262人正在學(xué)習(xí)
分享至：
￥299.00
開通會(huì)員0元學(xué)
免費(fèi)試學(xué)
使用軟件：
課程介紹
課程目錄
免費(fèi)試學(xué)評價(jià)
常見問題
站酷高高手出品 UI系列課（二）
4大動(dòng)效原則·8類經(jīng)典案例100%配套素材
動(dòng)效設(shè)計(jì)與交互思維。
Jadon7
yangtser
包文奎 / 季節(jié) 主講
互聯(lián)網(wǎng)下半場
誰需要學(xué)動(dòng)效&交互
中小型公司的UI設(shè)計(jì)師
- 沒有專門的交互設(shè)計(jì)師
- 親自設(shè)計(jì)動(dòng)效來表現(xiàn)設(shè)計(jì)稿
- 不懂產(chǎn)品不懂交付，事倍功半
大型團(tuán)隊(duì)的UI設(shè)計(jì)師
- 細(xì)分領(lǐng)域深耕，接觸不到上游工作
- 不熟悉交互設(shè)計(jì)稿，但工作中會(huì)用到
- 缺乏行業(yè)競爭力，辭職很難找到下家
初級動(dòng)效設(shè)計(jì)師
- 動(dòng)效美麗，卻是無用設(shè)計(jì)
- 有時(shí)候也很難落地
- 缺乏正確的設(shè)計(jì)觀念
從T型人才到TT型人才
掌握多種能力，成為更全面的設(shè)計(jì)師
- 產(chǎn)品意識(shí)
- 需求理解
- 用戶體驗(yàn)
- 邏輯思維
- 高效工具使用
- 精準(zhǔn)交付
- 洞察力與敏感力
誰來教你動(dòng)效&交互
大廠背景 大項(xiàng)目經(jīng)驗(yàn) 大神來教
包文奎 站酷ID：Jadon7
站酷推薦設(shè)計(jì)師
站酷高高手講師
產(chǎn)品設(shè)計(jì)師/動(dòng)效設(shè)計(jì)師
Dribbble人氣設(shè)計(jì)師，曾到達(dá)Dribbble中國區(qū)熱度第七
擅長動(dòng)效概念設(shè)計(jì)及動(dòng)效落地
培養(yǎng)動(dòng)效設(shè)計(jì)相關(guān)學(xué)生千余人
曾任職于阿里iCourt，服務(wù)書旗小說、妙讀、Alpha、iCase等產(chǎn)品
季節(jié) 站酷ID：yangtser
站酷高高手講師
交互設(shè)計(jì)師/產(chǎn)品設(shè)計(jì)師
一直從事智能家居、出行、車聯(lián)網(wǎng)等熱門領(lǐng)域
豐富的產(chǎn)品交互和運(yùn)營交互設(shè)計(jì)經(jīng)驗(yàn)
曾任職于小米、阿里等公司
服務(wù)的客戶包括高德、米家、TINNOVE等
一門課掌握動(dòng)效與交互
課程內(nèi)容精確匹配UI進(jìn)階人才需求
理論基礎(chǔ)知其然，更要知所以然
- ·動(dòng)效的商業(yè)價(jià)值與體驗(yàn)價(jià)值
- ·
Material Design理念與四大基礎(chǔ)原則
- ·
交互與動(dòng)效的關(guān)系、交互設(shè)計(jì)的基本功夫
- ·鍛煉產(chǎn)品思維 、洞察力與敏感度的培養(yǎng)
- ·
動(dòng)效需不需要&怎么做的依據(jù):
- 重要信息傳達(dá)、操作流暢度、體驗(yàn)效果
- ·
四大基礎(chǔ)原則:
- 快速反饋、符合自然規(guī)律、洞察其他元素
- 和明確的視覺引導(dǎo)
設(shè)計(jì)開眼大神個(gè)人經(jīng)驗(yàn)加持、高效工具推薦
- ·交互動(dòng)效設(shè)計(jì)工具推薦
- ·
ProtoPie軟件基礎(chǔ)與案例
- ·
常見的動(dòng)效設(shè)計(jì)工具、網(wǎng)站、插件推薦
- 動(dòng)效設(shè)計(jì)落地的幾種選擇及其優(yōu)劣勢
案例實(shí)操深入理解使用場景和形式，邊學(xué)邊練
Facebook案例
表單登錄動(dòng)效
妙讀案例
卡片滑動(dòng)與拖拽
豆瓣FM案例
卡片滑動(dòng)與展開
Must案例
滾頁視察動(dòng)畫
Twitter案例
信息流瀏覽動(dòng)畫
Facebook Paper案例
3D展開與關(guān)閉
Chrome案例
隱藏交互動(dòng)效
App Store案例
情感化動(dòng)效
以下是案例示意視頻
真正教得好 大家才說好
看看之前學(xué)員作品和評價(jià)怎么樣
兩位老師講得都很好，沒有一句廢話，打開了我交互動(dòng)效新世界
關(guān)注7總（Jadon7）三年了，每次站酷
作品都很驚艷。超級想跟著他學(xué)動(dòng)效，
這次滿足了老師推薦的工具太實(shí)用了，而且課程有
理論基礎(chǔ)又有配套素材練習(xí)，課程可以
說很貼心了很多地方老師講得一點(diǎn)就透。自己要摳哧半天，才能扣出來一點(diǎn)東西，
而老師拿來講，一點(diǎn)就透了。
課程價(jià)值
干貨內(nèi)容
永久觀看
源文件
含Sketch和Xd版
相關(guān)課程優(yōu)惠券
學(xué)前須知
學(xué)習(xí)門檻
· 懂界面設(shè)計(jì)的工作流程，理解組件與頁面的關(guān)系
· 或者先學(xué)習(xí)「UI界面設(shè)計(jì)全解析」(牛MO王主講)
· 不建議UI零基礎(chǔ)學(xué)員直接學(xué)習(xí)（畫重點(diǎn)）
關(guān)于軟件
· 至少熟悉Sketch、Adobe XD、Figma其中一款；
· 課程使用Protopie軟件，其在Win和Mac平臺(tái)均可使用
· ProtoPie從交互的邏輯去設(shè)計(jì)軟件，設(shè)計(jì)師上手快、效果好
站酷高高手UI系列課
UI系列課，是站酷高高手專為UI門類學(xué)習(xí)研發(fā)的系列課程。系列課程不僅涵蓋UI設(shè)計(jì)規(guī)范、界面設(shè)計(jì)等基礎(chǔ)必修內(nèi)容，同時(shí)也包含了交互動(dòng)效、情感化設(shè)計(jì)、作品集與職場進(jìn)階等針對細(xì)分職能和場景的選修課程。
從入門到進(jìn)階、從技能手法到思維應(yīng)用，相信這套系列課程剖析可以幫你進(jìn)入U(xiǎn)I設(shè)計(jì)師角色，并勝任專業(yè)UI設(shè)計(jì)師的工作職責(zé)，同時(shí)本套課程中豐富的知識(shí)含量也為進(jìn)一步的職業(yè)進(jìn)階打好了穩(wěn)固的認(rèn)知基礎(chǔ)。
站酷高高手出品UI系列課
課程策劃： ?施 ??華 ????王普微
攝像剪輯： ?李 ??根
課程營銷： ?黨龍強(qiáng)
視覺設(shè)計(jì)： ?李蘇慧
責(zé)任編輯： ?施 ??華
第一章動(dòng)效交互概念初識(shí)
第1節(jié)課程概述與動(dòng)效初識(shí)
12分9秒動(dòng)效設(shè)計(jì)與交互思維 課程資料
131.9MB第2節(jié)動(dòng)效設(shè)計(jì)的四大基礎(chǔ)原則
8分33秒第3節(jié)為什么你的動(dòng)效不落地
13分32秒第4節(jié)交互與動(dòng)效的相輔相成
3分34秒第二章基礎(chǔ)動(dòng)效快速實(shí)現(xiàn)
第5節(jié)Protopie軟件初識(shí)
5分28秒第6節(jié)交互動(dòng)效，從這里開始
6分34秒第7節(jié)作業(yè)：做一個(gè)最小原型的交互動(dòng)效
0分34秒第8節(jié)基礎(chǔ)動(dòng)效：facebook登錄轉(zhuǎn)場
20分29秒第9節(jié)表單結(jié)構(gòu)頁面交互詳解
13分45秒第10節(jié)作業(yè)：實(shí)現(xiàn)表單登錄動(dòng)效
0分53秒第三章交互動(dòng)效進(jìn)階練習(xí)
第11節(jié)卡片拖拽與滑動(dòng)：妙讀
18分3秒第12節(jié)卡片滑動(dòng)與展開：豆瓣fm
25分59秒第13節(jié)卡片視差效果實(shí)現(xiàn)
24分1秒第14節(jié)卡片結(jié)構(gòu)頁面交互詳解
10分52秒第15節(jié)作業(yè)：實(shí)現(xiàn)卡片交互動(dòng)效
0分53秒第四章復(fù)雜交互動(dòng)效
第16節(jié)以推特為代表的信息流動(dòng)效
27分0秒第17節(jié)信息流結(jié)構(gòu)頁面交互詳解
19分0秒第18節(jié)作業(yè)：實(shí)現(xiàn)信息流交互動(dòng)效
0分53秒第19節(jié)3D翻轉(zhuǎn)動(dòng)效
22分29秒第20節(jié)谷歌瀏覽器的快捷交互動(dòng)效
21分54秒第21節(jié)情感化動(dòng)效：App下載的圖標(biāo)變化
12分25秒第22節(jié)作業(yè)：任選復(fù)雜動(dòng)效練習(xí)并復(fù)現(xiàn)
0分53秒第23節(jié)動(dòng)效設(shè)計(jì)落地與導(dǎo)出
12分59秒第24節(jié)關(guān)于交互學(xué)習(xí)的延展思考
21分14秒