Open Overlay 浮動視窗設計 | UI 製作 | Figma 教學

介紹如何建立漂浮彈出感覺的浮動視窗設計, 利用到 open-overlay 動態效果. 範例常見在Google Travel: https://www.google.com/travel/flights

Figma 設計檔: https://www.figma.com/file/WwKxQMhkxVMSbWtgvk5wNr/Figma-Tutorial%3A-%E6%B5%AE%E5%8B%95%E8%A6%96%E7%AA%97%E8%A8%AD%E8%A8%88?node-id=407%3A162

0:00 效果示範
0:12 開始設計
0:35 按鈕建立
3:53 按鈕元件建立
4:50 圖層 Boolean 建立
6:48 浮動視窗建立
9:23 動態設定 (Open-overlay)
11:53 結尾

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

#浮動視窗設計 #UI設計 #Figma教學