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