Menu 展開製作 | Figma 教學

我們延續上一集的Navbar製作, 這集來做Menu展開的互動設計.
我們會用到不同的方式, 像用 Open Overlay 和普通的Component Variant變化.

Figma 設計檔: https://drive.google.com/file/d/1fS8xfMSxzOK_iBmKgrjZXSi3Ud1M_h1X/view?usp=sharing

支持這頻道: https://ko-fi.com/alandesign


0:00 目錄#1: Open Overlay 製作方式
2:35 目錄#1: Add Action Open Overlay 新增動態
3:15 目錄#1: 關掉製作
3:36 目錄#1: 製作效果
5:10 目錄#1 Move In 滑動問題
6:35 目錄#2: Variant 製作方式
8:32 目錄#2: Component & Variant 建立
13:42 目錄#2: 製作效果
14:52 目錄#3: 漂浮 Menu (Open Overlay)
17:45 教學結尾
18:45 額外可能的Bug...


#menuUI #menu製作 #figma教學 #目錄設計