Adobe XD是一款免費的輕量級的原型製作軟體，功能大致分為「設計」（靜態界面設計）和「原型」（實現動態交互），他最大的優點是快速製作和展示。目前來看雖然和其他交互專業的原型製作軟體相比它的功能比較有限，但是滿足基本的操作是沒問題的，如果想要製作出複雜的交互原型需要和Ai，Ps配合使用。這篇文章馬克筆設計留學的MUzi老師主要介紹 「設計」部分的功能使用

首先雙手奉上Adobe爸爸官方的快捷鍵大全。

XD在兼容這一塊非常友好，可以兼容Ps，Ai，Sketch，Zeplin，Protopie文件。但是這裡要注意的是如果直接將文件拖入XD是沒有反應的，正確的打開方式為選中元素在軟體中複製Cmd+C / Ctrl+C，然後進入XD中黏貼Cmd+V / Ctrl+V。

XD中的矩形和橢圓是比較簡單的功能，矩形圓角可以每個角分別設置圓度，如圖：

XD的直線工具提供對直線的粗細，端點，描邊方式的設置。端點有平頭、端點圓頭端點和矩形端點；描邊方式有中心描邊，外部描邊和內部描邊。

此外還有虛線設置選項，可以設置虛線的密度（在XD中叫做虛線）和間隙。

XD的鋼筆工具比較基礎，可以用來繪製簡單的圖案和icon，需要注意的是XD沒有描點選擇工具，需要雙擊路徑後才能編輯。

XD的文本工具可以說是簡單好用，簡單是說它的字元面板非常簡單，相比Ai中的字元面板，只能設置字元間距，行距，段落間距；好用是指段落文本可以隨時在點文本和區域文本之間隨時切換。

畫板工具，快捷鍵A。選中畫板工具後點擊空白處即可新建畫板，也可以選中已有畫板複製黏貼。每個畫板的名字可以通過雙擊來修改，單擊畫板名稱或者全選畫板可以拖動畫板。

是XD獨有的功能，它是用來橫向或縱向複製內容的工具，一般用來填充製作列表，卡片類的頁面。此外還可以拖動調整填充的間距。

XD中的剪切蒙版共有兩種方法，第一種是全選圖片和圖形，右鍵選擇創建剪切蒙版，或者使用快捷鍵cmd+shift+M / ctrl+shift+M。這種方法創建的剪切蒙版不保留圖案的邊框，可以修改可以撤銷。

第二種方法是直接將圖片拖進圖形中，這種方法得到的剪切蒙版會保留圖形的邊框，需要手動去除，可以編輯但是不能撤銷。

XD的模糊工具有兩種選項，背景模糊和對象模糊。其中背景模糊是將圖片或圖案變成一個遮罩，作用於它下面的圖片，相當於製作一個毛玻璃用來罩在圖片上。

對象模糊是直接對圖片進行模糊，類似於Ps中的高斯模糊。

XD中提供了貼心的網格工具，分為方形網格和版面網格兩種。

方形網格工具可以定義方格的大小和方格的顏色。版面網格工具可以設置列數間距，列寬和顏色，是一個可以極大提高效率的工具。

文章作者：MUzi

南安普敦大學交互設計碩士擅長交互設計與用戶體驗相關專業輔導和課程知識體系建立

任何關於院校和作品集的問題

歡迎隨時和馬克君溝通知無不言，言無不盡

歡迎關注公眾號：馬克筆設計留學，更多院校信息以及作品集攻略都在這裡哦！

原文鏈接：makebi.net/30555.html

推薦閱讀：

查看原文 >>
相关文章