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

今天這集，我們延續之前講的WCAG關於麵包屑導覽的設計 (Breadcrumb)，在Figma裡面把這樣的效果做出來。那如果你們如果還沒看過 https://youtu.be/wi2f7soTHYw，我會建議回去看一下那導覽設計的概念。

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

【參考連結】
設計檔案: https://drive.google.com/drive/folders/1O_xuUV4n8UphpUC0nkw6_hF5Dw7SrNJr?usp=sharing
WCAG Breadcrumb: https://youtu.be/wi2f7soTHYw
WCAG G65: https://www.w3.org/WAI/WCAG22/Techniques/general/G65

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

【章節】
00:00 主題前言
00:13 按鈕連結
04:24 麵包屑導覽組合
10:27 多層次導覽: 彈出視窗製作
21:10 多層次導覽: 結合按鈕連結
34:08 多層次導覽: 加入Variable資料庫
37:16 多層次導覽: Truncate 字顯現修正
39:39 多層次導覽: 彈出視窗寬度
42:34 結尾

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

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

#Breadcrumb #麵包屑導覽 #BreadcrumbDesign