FAQ下拉視窗製作 #2 (單一展示) | Figma 教學

FAQ下拉視窗製作 #2 (單一展示) | Figma 教學

Alan Design 4990 位订阅者
2104 次观看 · 2023-06-24 UI 设计交互设计视觉设计
延伸之前 “FAQ下拉視窗製作 #1”, 這裡講解如何製作, 讓問題只有單一展開. 就是當點選下拉按鈕時, 其他要是打開的視窗會關閉, 只有點選指定的問題會展開.

第一集: https://youtu.be/9Givx_DCNWs

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

---------------------------------------------------------------------------------------------------------

0:00 開始簡介
0:32 回顧第一集
0:56 設計開始
2:54 Auto-layout設定
5:12 Component建立
9:06 動態製作
14:40 效果觀看
15:28 注意補充 (Constraints)
17:16 回顧&結尾

---------------------------------------------------------------------------------------------------------

#figma教學 #figma下拉展開 #faq設計 #faqUI設計 #下拉視窗設計 #單一展示下拉 #figmatutorial