2024.02.12 2024.06.27

【2024教學】Adobe XD是什麽？用途/功能/費用/免費下載

web

此文章可能包含廣告（PR）

吉娃娃

什麽是Adobe XD？有什麽用途呢？

Masa

Adobe XD是UI/UX設計軟體。也就是說誰都可以簡單地建立出網站，軟體，App等介面（UI/UX）設計的軟體。

文章目錄

Adobe XD是什麽？
Adobe XD常見問題
總結
- Adobe XD 線上課程/教學書
Masablog Adobe相關人氣文章！
- Adobe相關最新文章

Adobe XD是什麽？

Adobe XD是一款專門用於UI/UX設計創建線框的設計軟體。

可以運用在網站，行動裝置，應用程式，游戲等。

20多款Adobe Creative Cloud應用程式當中Adobe XD的知名度不是很高，但現在越來越多用戶使用XD來設計UI/UX。

Adobe XD的特色

·使用方法很簡單
·從 Photoshop、Illustrator導入
·内容辨識提升作業效率
·軟體動作快

因爲有以上的特色，現在越來越多人選擇Adobe XD來設計UX/UI!

Adobe XD功能

Adobe XD主要能做的事如下：

·設計(Design)
·原型(Prototype)
·共用(Share)

XD的設計功能簡單直觀，就算不是設計師也能容易上手。比如，如果用XD畫一個簡單的圖形，跟“PowerPoint”差不多的感覺，可以簡單畫出來。

用XD做的許多設計工作都可以在其他Adobe軟體也都能完成。但是，XD有一個獨特的功能，稱為“原型(Prototype)”，可以讓您像實際的網站或應用程序一樣運行，能夠邊測試邊設計。

XD爲了快速方便設計UX/UI，擁有以下的功能：

·3D變換
給予深度和透視。在3D空間中製作動畫。以新的維度展示您的作品
·組件
建立可重複使用的按鈕。生成可調整大小的卡片。做一次編輯，併在設計中同步
·狀態
添加懸停和切換效果。創建互動效果。針對任何場景創造組件的無數變化
·重複網格
複製圖庫和列表。立即做改動。點擊，拖動，即可在任何方嚮複製元素
·內容識別佈局
交換內容併調整大小。自動更改。縮短用于微移和調整的時間
·從Photoshop，Illustrator導入
不需要用這些軟體編輯之後，回到XD。在XD中集中使用您最喜愛的工具直接編輯。
·響應式調整大小（RWD：(Responsive Web Design)）
輕鬆修改組件，使之適應不同的熒幕大小
·向量繪圖工具
繪製形狀、線條和路徑，創建介面元素和佈局
·對象和背景模糊
利用聚集效果讓設計中的特定部分更加突出
·在Photoshop中編輯
在Photoshop中做調整，併立即在設計中反映出來
·混合模式
利用合拼的圖層和圖像創造時尚效果

善用以上的功能就能夠快速設計UI/UX，超級方便。

XD與其他Adobe軟體的差異

XD,Photoshop,Illustrator都是“設計”工具，但各個軟體會有優缺點。

為了創建高品質，高效率的設計，設計内容及作業内容來選擇正確的工具非常重要！

Adobe XD	用途：網頁製作，應用程式開發優勢：設計，UI/UX 設計，佈局弱點：創建複雜的設計和形狀
Photoshop	用途：一般設計優勢：照片處理，創作插圖弱點：創建複雜的圖形和向量數據
Illustrator	用途：標誌、印刷品、招牌優勢：創建複雜的圖形和向量數據弱點：處理照片，創建插圖

重複網格（Repeat Grid）功能

讓工作效率超級提升！
只需點擊併拖拉，即可將單一元素變為重複網格。創建多組重複元素，如照片庫、產品列表、聯係人列表、菜單等。您還可以一次性添加狀態，以便在元素中重複效果和交互。

重複網格（Repeat Grid）使用方法教學

STEP1 設計您的第一個元素
輕鬆地做繪製，創建一個要重複使用的元素。選擇所有圖層併轉為一個組。
Repeat Grid01

STEP2 拖拉
選中元素後點擊“重複網格”，併在任意方嚮拖拉綠色控柄，以生成網格。您可懸停在兩元素之間的空間上，調整距離。
Repeat Grid02

STEP3 添加狀態
選擇您的組件，點擊 “+” 添加用於不同交互的其他狀態。
Repeat Grid03

（圖片來源：www.adobe.com）

Adobe XD常見問題

Adobe XD有繁體中文版嗎？

很可惜，Adobe XD目前沒有提供繁體中文版，但會有簡體中文及英語版本。Adobe官網介紹XD頁面也只有英語。Adobe XD目前支援的語言版本如下：英語，簡體中文，日文，法語，德語，意大利語，韓語，葡萄牙語，俄語，西班牙語。

Adobe XD是免費軟體嗎？

Adobe XD不是免費軟體。之前Adobe提供Adobe XD免費版本（限制一些功能），但現在沒有免費版本,需要的朋友們購買Creative Cloud完整應用程式。
現在Adobe提供7天的免費試用。

Adobe XD的費用多少錢？

目前Adobe在台灣沒有單獨販賣Adobe XD。
所以必須購買Creative Cloud完整應用程式，購買Creative Cloud就可以下載及安裝Adobe XD。

Creative Cloud的價格如下：

Creative Cloud方案	價格
預付年度計劃	NT$11,592元/年
每月繳費年度計劃（原價）	NT$1,785元/月
每月繳費年度計劃（首年優惠）	NT$966元/月
月繳型計劃	NT$2,730元/月

目前Adobe提供首年優惠活動。原價每月1785元的54折，每月966元就能使用20多款所有Adobe軟體，包括Adobe XD。Adobe XD很適合Photoshop，Illustrator等其他軟體一起使用。這樣可以提升設計效率。

延續閲讀

【2024年11月黑五優惠！】Adobe Creative Cloud優惠活動資訊

延續閲讀

【Adobe方案比較】如何選擇最適合自己的Adobe訂閱方案？

Adobe XD不見了?

現在已經從Adobe官網方案頁面找不到XD了。

Adobe收購了Figma後，Adobe XD的開發實際上已經停止，未來Adobe XD的功能可能會被整合到Figma中，並強化兩者的連動性。因此，如果您打算現在開始學UI設計，推薦學習Figma。

Adobe XD有線上版嗎？

Adobe XD是需要下載併安裝的軟體，沒有提供線上版。

Adobe XD免費試用下載方法

下面介紹一下Adobe XD免費試用下載方法：

請打開Adobe官網，點擊Adobe XD”免費試用”就會開始7天免費試用版下載。（2024年3月現在沒有提供XD免費試用版了）

總結

以上介紹了Adobe XD的用途，特色，功能及常見問題。
有需要設計UI/UX非常推薦Adobe XD!因爲使用Adobe XD可以大幅度提升UI/UX設計速度！缺點是在台灣沒有單獨販賣Adobe XD必須購買Creative Cloud完整應用程式。
需要有UI/UX設計的朋友們推薦先免費試用Adobe XD！

Masa

如果您喜歡這篇文章，歡迎在Facebook、論壇、LINE等平台上分享！如果您有部落格或網站，也請貼上這篇文章的連結。這些對Masa很有幫助，鼓勵我繼續提供更好的文章。