【Adobe XD】Design System專題介紹(內附中文字幕)

從這裡看來的:

整理了非常詳細的設計資料, 來學習學習:

【Adobe XD】Design System專題介紹(內附中文字幕)

學習以下五個階段內容,未來您將準備好,如何使用Adobe XD為下一個專案實施您自己的設計系統.

第一階段:解釋設計系統

1-01 設計系統(Design System)是甚麼?

1-02 為什麼我們需要設計系統(Design System)?

(引用自: https://www.youtube.com/watch?v=2O5JSZthd_Y)

1-03 設計系統包含了甚麼?

(引用自: https://www.youtube.com/watch?v=CnvOZ0YX85g)

1-04 如何打造設計系統?

(引用自: https://www.youtube.com/watch?v=EnjF_d21yo0)

第二階段:如何建立設計系統

2-01 在XD開啟現有的設計系統

(引用自: https://www.youtube.com/watch?v=osaxsxZmiKY)

2-02 現有XD資源入門介紹

(引用自: https://www.youtube.com/watch?v=ScDquX2T8B8)

2-03 掌握資產面板

(引用自: https://www.youtube.com/watch?v=XSdtNGpTDqM)

2-04 組織你的設計系統

(引用自: https://www.youtube.com/watch?v=XaKUMvi6p_Q)

2-05 管理佈局樣式

(引用自: https://www.youtube.com/watch?v=AoqOARHdxn4)

2-06 管理漸層顏色

(引用自: https://www.youtube.com/watch?v=c8sFchta-_c)

2-07 創建圖示

(引用自: https://www.youtube.com/watch?v=mPKr2pGQXgY)

第三階段:如何讓設計系統使用上更加友善

3-01 創建元件

(引用自: https://www.youtube.com/watch?v=JRgWacKGb-M)

3-02 覆蓋元件屬性

(引用自: https://www.youtube.com/watch?v=7qzPgycUODQ)

3-03 活用嵌套元件

(引用自: https://www.youtube.com/watch?v=dolTsC4vujE)

3-04 使用組件狀態

(引用自: https://www.youtube.com/watch?v=uG3cVkErMXo)

3-05 創建互動式組件(微互動)

(引用自: https://www.youtube.com/watch?v=zBHmeVPydmc)

3-06 利用響應式功能調整面板大小

(引用自: https://www.youtube.com/watch?v=CmBPaJAxWgc)

3-07 使用內容感知佈局

(引用自: https://www.youtube.com/watch?v=pqwMQXF9-lM)

3-08 使用連結元件

(引用自: https://www.youtube.com/watch?v=Z-Fmmf622E8)

3-09 使用雲端文件的資產

(引用自: https://www.youtube.com/watch?v=VIrpF8XxMX4)

3-10 連結到多個雲端設計系統資料庫

(引用自: https://www.youtube.com/watch?v=a_eHMcI28HE)

第四階段:如何共享設計系統

4-01 即時協作設計系統

(引用自: https://www.youtube.com/watch?v=7OUgNl6k97U)

4-02 共享設計系統

(引用自: https://www.youtube.com/watch?v=K9NBfc2aH14)

4-03 在組織裡共享設計系統

(引用自: https://www.youtube.com/watch?v=ox4FR91-LHE)

4-04 透過PDF或網頁連結共享

(引用自: https://www.youtube.com/watch?v=SoiIjX7LqJg)

4-05 導出準備就緒的資產

(引用自: https://www.youtube.com/watch?v=Q6RXH56pgEM)

第五階段:建構設計系統時,五個你不可不知的插件

5-01 插件管理介紹

(引用自: https://www.youtube.com/watch?v=pnbd_D3XeJ8)

5-02 插件Zeroheight

(引用自: https://www.youtube.com/watch?v=oMvSE3XOAdI)

5-03 插件Toolabs

(引用自: https://www.youtube.com/watch?v=lUSOAt-uy2Q)

5-04 插件Frontify

(引用自: https://www.youtube.com/watch?v=LUjXPfESg5M)

5-05 插件Style Mate

(引用自: https://www.youtube.com/watch?v=ccX6uxZxPiA)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *