Floating Label 設計 • Figma 教學 (含CC字幕)

Floating Label 設計 • Figma 教學 (含CC字幕)

Alan Design 5K subscribers
1.2K views · 2025-12-12 Interaction & UXUI Design
我們來利用Figma製作兩種Floating Label的設計。
Floating Label可以讓Placeholder提示字，一直顯現在UI上面，解決了Placeholder常見的消失的問題。

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

【參考連結】
關於Placeholder: https://www.nngroup.com/articles/form-design-placeholders/
https://youtu.be/JN9Uh9mEJ8k

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

【章節】
00:00 主題前言
00:32 第一種設計
07:37 第二種設計
14:23 結尾

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

支持我在Ko-fi (美金單位): https://ko-fi.com/alandesign

#FloatingLable #漂浮標籤 #表格設計
#figma教學#如何使用figma#使用者介面製作#UI教學#figma元件#figma auto layout 是什麼#figma基礎#figma入門教學#ui實作#figma variants#模組化設計#手機介面設計#illustrator代替軟體#自學視覺設計#figma是什麼