Adobe XD高階技巧彙總,使用心得和使用技巧
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做小程式和移動端設計