Gmail 導覽列按鈕 | UI 製作 | Figma 教學

這集我們來看一下, 利用Figma 做出像Gmail 裡的導覽列 (navbar) 按鈕. 其中使用到一點 Icon 的切換, 與多樣一點的動態效果.

Figma 設計檔: https://www.figma.com/file/RrXTab1WB5uStIkicFRKMS/Figma-Tutorial%3A-Gmail-Side-Menu?node-id=0%3A1

0:00 設計介紹
0:16 Icon 製作
1:52 導覽列按鈕設計
4:24 導覽列Variants
6:12 動態設計
7:24 模擬展示設定
8:39 設計效果
8:58 結尾

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

#Figma教學 #Gmail設計 #FigmaIcon設計 #Figma動態設計