文章彙整

"Adobe XD"共有13篇文章

首頁  /  新知分享  /  網頁視覺設計  /  Adobe教學  /  Adobe XD

Adobe XD教學【入門】雲端檢視好方便-設計稿演示與開發資料

今天astralweb要與大家分享Adobe XD,如何將完成好的XD文件產出開發時所需的資料,跟著本篇文章一步一步操作,希望對您在未來設計上能有所幫助!趕快一起來看看吧!

Adobe XD教學【入門】增加更多方便的功能-安裝插件

在運用Adobe XD設計時,如果有工具能夠增添使用的方便性,是不是更好呢? 今天astralweb就要與大家分享Adobe XD官方提供的插件,可以額外增加Xd更多方便的功能喔,一起來看看吧!

Adobe XD教學【入門】善用資源來節省時間-官方UI kit資源

在設計時,如何善用資源來節省製作時間呢? 今天astralweb要與大家分享Adobe XD官方提供的免費資源喔!UI套件、插件等等,快速開始您的設計,可以省去一些製作的時間喔!一起來看看文章的介紹吧!

Adobe XD教學【入門】新版3D立體功能 – 讓網站更具互動性

今天Astral Web要與大家分享Adobe XD 3D元件的運用,一起來看看吧! 此功能非常簡單,只要選擇物件後,再點擊右方工具列“3D Transforms按鈕” 即可使物件自由拖曳物件的垂直與水平方向。以下會透過實例讓大家更加了解 ※本教學使用Adobe XD (v35.1.12.5) 製作 (3D功能版本至少v34.0.12.33)

Adobe XD教學【入門】Overlay疊加效果

今天Astral Web要與大家分享Adobe XD Overlay疊加效果的運用,一起來看看吧! ※本教學使用Adobe XD (v35.1.12.5) 製作 這次要教大家的是很常會用到的疊加功能,可以針對重複性高的做使用,例如:彈跳視窗、打字鍵盤或是下拉選單都能使用。 首先把按鈕製作成組件,再來先把要彈跳出來的物件做出來,並擺到理想顯示的位置。

Adobe XD教學【入門】響應式輔助工具-Responsive Resize應用

今天astralweb要與大家分享Adobe XD在製作響應式縮放時的輔助工具,可以省去不少時間喔,一起來看看吧! ※本教學使用Adobe XD (v27.2.12) 製作 ※操作本教學前建議看看之前的其他篇喔 在製作響應式畫面的時候,會需要將特定區塊作縮放,Adobe XD的Responsive Resize可以依照響應式自動縮放,雖然不能完全符合各種需求,但是已經算是一個不錯的輔助工具。

Adobe XD教學【入門】轉存檔案一次搞定-批次匯出

今天Astral Web要與大家分享Adobe XD轉存jpg、png、svg、pdf檔案,並且能批次處理,該如何操作呢?一起來看看吧!※本教學使用Adobe XD (v27.2.12) 製作※範例來源:Adobe UI kits - XD wireframe kits

Adobe XD教學【入門】比複製更好用的工具-重複網格應用

今天Astral Web要與大家分享Adobe XD重複網格(Repeat Grid)的應用,一起來看看吧! ※本教學使用Adobe XD (v27.2.12) 製作 在UI/UX設計中,我們有時候會需要建立數個相同區塊或是相似區塊,例如商品列表、文章列表等,當要修改時就會變得非常麻煩,而重複網格(Repeat Grid)可以透過連動的方式來做調整喔!

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

今天astralweb要與大家分享Adobe XD如何用一個組件顯示多個狀態,並能透過組件批次修改,一起來看看吧! ※本教學使用Adobe XD 2019(v25.1.12) 製作

Adobe XD教學【入門】滑入效果也能批次調整-用組件製作按鈕的滑入效果

今天Astral Web要與大家分享Adobe XD如何使用組件製作滑入效果,並能透過組件來批次修改,一起來看看吧!(※本教學使用Adobe XD 2019(v25.1.12) 製作) 還記得我們之前教過的建立組件的方式嗎?組件內還可以用來顯示不同狀態喔,如果沒看過之前文章,建議先參考歐斯瑞所撰寫的其他篇Adobe XD教學。

Adobe XD教學【入門】批次修改好工具,組件Component、顏色Color、字符樣式Character Styles

又來到了歐斯瑞Adobe XD手把手教學系列囉!今天我們要與大家分享Adobe XD如何建立組件Component、顏色Color、字符樣式Character Styles,可以批次修改設計稿的好工具。本教學使用Adobe XD 2019 (v25.1.12) 製作,本教學需對軟體操作有基礎認識。

Adobe XD教學【入門】畫板基礎大解析-畫板設定

今天Astral Web要帶領大家學習分享Adobe XD中基礎教學 - 畫板(Artboard)常用功能的相關設定,一起來看看如何使用吧! ※本教學使用Adobe XD 2019(v25.1.12)製作