Xd一鍵替換背景色、顏色、字型、字號:

右擊畫布高亮顯示,點選編輯,一鍵全部替換。

Adobe XD高階技巧彙總,使用心得和使用技巧

Xd一鍵替換所有字型:

按字型名稱搜尋到系統字型,然後刪除(貼上在桌面進行備份),在軟體中設定替換即可,替換完成後,再將字型重新安裝進入。

Xd位置移動去除小數點:

選擇需要的元素,右擊對齊畫素網路(注意不要選擇圖示會變形)

Psd如何貼上至Xd是向量圖層?

首先Psd貼上到Ai中,再從Ai複製貼上到Xd;

Xd如何一鍵新增圖片、文字資料填充?

直接拖入,文字用Txt呈一行一行(注意使用Utf-8格式)

Xd圖片處理如何更快捷更好?

Xd圖片編輯可以直接透過Photoshop,但是不能儲存分層(暫時解決方法使用PS本地備份,然後再貼上XD,這樣比較麻煩。)

Xd軟體安裝不了,安裝出錯如何解決?

一般情況下最好Vpn才能安裝,如果遇到錯誤,需要重灌一下系統,最新支援Win10系統1803

注意:圖形不要雙擊,這樣就被路徑化了,圓角的值無法再設定。

Xd的一些小技巧彙總:

Xd可直接匯入psd、ai、svg檔案編輯

Xd可直接貼上psd、ai、svg圖形、文字

Xd可直接開啟和編輯Sketch檔案,但儲存後為xd格式

批次修改邊距和模組,使用重複網格功能

元件功能比較強大,注意點選左側選擇編輯主元件

寬高,座標可按+-/*符號進行計算

顏色(漸變也可以):主色其它色用透明度,這樣可實現一鍵替換

字元樣式:定義好字型、字號、對齊方式,命名規則如:“主標題”“幅標題”這樣可以實現一鍵替換字型,字號,行間距。

AI中漸變和疊加效果在Xd中顯示不了,暫時用PNG代替;

排列如果用數字來控制這樣更好,暫時解決辦法頁面左對齊頂對齊,再按Shift按右和下箭頭來控制位置。

重複網格:僅限同等寬高大小,顏色型別重複,不然就無法使用。解決方法在上面再覆蓋一層做不同處理;

元件和主元件:大小寬高變化,其它副元件跟著變化,副元件寬高、旋轉變化,主元件不動;

組與組之間按Shift+Ctrl可以跨組選擇;

多個元素同時選擇可以設定相同寬度;

元件與元件之間可以直接拖入替換,非常方便;

元件進行網格編組可以對其背景色,圖片進行替換,圖示不要在主元件上設計,別的元件是可以使用其功能的。記得編輯主元件;

Ai設計的圖示或插畫直接貼上到Xd;

Xd的向量也可以直接貼上至Ai;

Xd可自適應寬度和高度,按鈕、文字、圖片等;

Xd比較適合的快捷鍵:

匯入Ctrl+Shift+I;

鎖定/解鎖Ctrl+L;

重複網格Ctrl+R;

貼上外觀 Ctrl+Alt+V;

左對齊Ctrl+Shift+←;

水平居中Shift+C;

右對齊Ctrl+Shift+→;

頂對齊Ctrl+Shift+↑;

垂直居中Shift+M;

底對齊Ctrl+Shift+↓;

水平分佈Ctrl+Shift+H;

垂直分佈Ctrl+Shift+V;

加粗Ctrl+B;

傾斜Ctrl+I

Alt + Shift + 箭頭鍵:調整圖形寬高,元素固定在左上角。

Alt + 箭頭鍵:以1px為增量調整圖形寬高。

Shift + 箭頭鍵:以10px移動位置XY軸。

Xd暫時沒辦法解決的地方:

Xd對齊以某個為參照物

Xd加底部邊框1px畫素

Adobe XD快速入門教程

Adobe XD從入門到精通

Adobe XD資源大合集

AdobeXD漢化中文版免費版下載

Adobe Xd 和 photoshop 有什麼區別?

快速入門Adobe XD

教你用Xd做網頁

教你用Xd做APP設計

教你用Xd做UI設計

教你用Xd做圖示設計

教你用Xd做小程式和移動端設計