陰影Hover動態 (ft. Google Material Design 概念) | UI製作 | Figma教學

如何加入 效果 (effects) 陰影 (drop-shadow), 利用Google Material Design 概念. 動態效果介紹 Prototype, 跟滑鼠移動Hover 互動效果.

Google Material Design- 光和陰影: https://material.io/design/environment/light-shadows.html#light

0:00 效果預覽
0:20 開始設計
1:06 Variants 建立
2:32 Effects 效果
2:58 Google Material Design - 陰影介紹
4:23 嘗試 Google Material Design 陰影概念
6:00 動態建立
7:27 觀看動態效果
8:07 動畫設定命名注意事項
9:40 結尾

追蹤我的IG: https://www.instagram.com/alandesigntw/
我的Behance: https://www.behance.net/alanhdesign

#陰影設計 #materialdesign #Figma設計 #Figma教學