文章彙整

Adobe XD教學【入門】一個組件顯示多個狀態-用組件狀態製作選單

Astral WebBy Astral Web 2 months agoNo Comments
首頁  /  網頁視覺設計  /  Adobe教學  /  Adobe XD教學【入門】一個組件顯示多個狀態-用組件狀態製作選單

今天astralweb要與大家分享Adobe XD如何用一個組件顯示多個狀態,並能透過組件批次修改,一起來看看吧!

※本教學使用Adobe XD 2019(v25.1.12) 製作

閱讀本篇文章,建議先參考前面幾篇基礎教學

先將要製作成選單的物件建立成組件,並選擇該組件後,在右邊組件視窗中有默認狀態(Default State)

點選默認狀態旁的 “+” 號,然後選擇新增狀態(New State)

在組件下就會新增一個狀態,並將它命名

在選擇剛剛新建的狀態下,對物件點擊兩下,就能進入該狀態的物件編輯畫面,可以來編輯我們要的狀態

使用相同方式來新增每個狀態

這樣就能在組件項目中切換狀態


如果要做組件批次編輯,在組件庫中選擇該組件按右鍵進行編輯

這樣就可以編輯所有物件或針對各別狀態做編輯

本教學希望對您在未來設計上能有所幫助。

如對本系列有興趣可以參考其他篇以及隨時關注我們喔!

如有設計需求也歡迎聯繫我們。

想收到更多相關資訊請 務必訂閱我們的​電子報​,以及追蹤歐斯瑞​臉書粉絲團​和​Instagram​唷!

 

 

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Categories:
  Adobe教學Adobe XD

留下回應

你的電子郵件地址不會被公開.

請到您的信箱確認,即可完成訂閱。