Adobe

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

adobe xd
吉娃娃
吉娃娃
什麽是Adobe XD?有什麽用途呢?
Masa
Masa
Adobe XD是UI/UX設計軟體。也就是說誰都可以簡單地創建出網站,軟體,App等界面(UI/UX)設計的軟體。

↑【Masa推薦】用中華電信基地台,比中華電信便宜很多~
吃到飽466元,未滿3GB只要166元

Adobe XD是什麽?

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

針對網站,行動裝置,應用程式,游戲,語音等,設計用戶體驗、製作原型並進行分享。

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

Adobe XD的特色

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

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

Adobe XD功能

Adobe XD主要能做的事如下:

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

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

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

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

·3D變換
給予深度和透視。在3D空間中製作動畫。以新的維度展示您的作品
·組件
創建可重複使用的按鈕。生成可調整大小的卡片。進行一次編輯,併在設計中同步
·狀態
添加懸停和切換效果。創建互動效果。針對任何場景創造組件的無數變化
·重複網格
複製圖庫和列表。立即進行改動。點擊,拖動,即可在任何方嚮複製元素
·內容識別佈局
交換內容併調整大小。自動進行更改。縮短用于微移和調整的時間
·從Photoshop,Illustrator和Sketch 導入
進行編輯,無需返工。在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。(在美國可以單獨購買價格為US$9.99/月)
所以必須購買Creative Cloud完整應用程式,購買Creative Cloud就可以下載及安裝Adobe XD。

Creative Cloud的價格如下:

Creative Cloud方案價格
預付年度計劃NT$11,592元/年
每月繳費年度計劃(原價)NT$1,680元/月
每月繳費年度計劃(首年優惠)NT$966元/月
月繳型計劃NT$2,520元/月

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

Adobe Creative Cloud優惠活動
【2022年】Adobe Creative Cloud優惠活動時間?價格?什麽時候購買最划算?Adobe Creative Cloud的價格對一般消費者來説很昂貴,抓緊Adobe官方舉行優惠活動時購買非常划算,此頁面介紹Adobe優惠活動資訊。看看下次活動何時?...

Adobe XD免費試用下載方法

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

打開Adobe官網,點擊Adobe XD”免費試用”就會開始7天免費試用版下載。

Adobe XD免費

總結

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

Adobe XD 線上課程/書籍

Adobe XD / PS — 網頁設計 與 UI 教學
NT$1,900

Adobe XD PS — 網頁設計 與 UI 教學

*關於課程
課程時長:13 小時 54 分鐘
課程總人數:2,400 位同學
*你可以學到
上完這堂課,你將可以同時擁有網頁以及 App 的作品,並了解業界的流程與即戰力。

不小心就學會!用 UI 設計方法製作網站
NT$2,400

不小心就學會 用 UI 設計方法製作網站

*關於課程
課程時長:5 小時 5 分鐘
課程總人數:1,072 位同學
*你可以學到
。一次學會 Adobe Xd 與 Webflow 網站設計與開發軟體
。靠自己的雙手設計網頁 UI 並親自製作成網站
。在過程中理解 UI 設計流程與基本網站架構觀念
。藉此培養對於數位產品的世界觀,發展之後在設計與開發上的技能

↑【Masa推薦】用中華電信基地台,比中華電信便宜很多~
吃到飽466元,未滿3GB只要166元