圖解高手都在用的 Adobe Xd 快捷鍵完整版

林育正 Riven
RAR 設計攻略
Published in
5 min readNov 30, 2018

身邊總有一種人,基本上做設計時不碰滑鼠或 trackpad,就能在軟體上騰雲駕霧、行雲流水。在客戶面前裝逼是其次,最重要的是能從一個人操作電腦的節奏,看出長期時間的練習積累的底蘊。

使用快捷鍵可以增加工作效率、讓腦袋快速思考時行動也跟得上,但不用一開始就死背按鍵,日常中有幾種操作特別常用的時候,來這篇文章翻一下查詢後服用即可,用習慣了手指會幫你記得的。

本篇文章將用三層不同階段的快捷鍵,他們分別是「單鍵工具」「雙鍵動作」與「三鍵組合技」,難度會愈來愈高,我們趕緊來看看吧!

第一層「單鍵工具」

「A」新增工作區域增

點擊後可利用鼠標拉出自訂大小的畫布 (Artboard),或是從右側邊欄選擇常見裝置尺寸。

「E」繪製圓形

常見於製作 icon 、user avatar等,透過漸層色可搭配出多變的視覺。

「R」繪製四邊形

常見於 header 、button製作等,拉出四邊形後輕曳四角可以拉出圓角。

「L」繪製直線

若覺得介面太單調,在段落之間畫一條線調低透明度往往有不錯的效果。需注意的是 Line 是建立在 border 上,不是填充色。

「P」鋼筆工具

用習慣 Illustrator 的人更好上手,可以用來畫出任何你想要的形狀,其運算原理就是高中數學課的 “貝茲曲線”,要做好向量檔圖形必會技能。

「T」文字工具

不管是設計網頁或App等,文字編排的組成佔了大宗,拉出來的文字區塊可利用周圍調整大小至適合的排版位置。

「V」選取

基本上是我操作 Adobe Xd 的一個起手式,可以避免手殘按成其他繪製狀態,並可隨時點選我要的物件。

第二層「雙鍵動作」

Command (Ctrl) + “~”

可快速切換不同 .xd 檔案,在多工操作情況下省時省力。

Command (Ctrl) + “3”

狙擊。選定物件後縮放至適合大小。

Command (Ctrl) + “0”

望遠鏡。可一次綜覽所有 Artboard。

Command (Ctrl) + “-”

縮放讓視野往後看一點。

Command (Ctrl) + “E”

匯出選擇的 Artboard 或物件。

縮放用兩指划動觸控板或 按 option(alt) 後滾動滑鼠滾輪也可

Command (Ctrl) + “Q”

結束 Adobe Xd,不要拿來開同事玩笑。

Command (Ctrl) + “W”

關閉目前 Adobe Xd 專案。

Command (Ctrl) + “E”

匯出目前選擇的 Artboard 或 物件。

Command (Ctrl) + “R”

製作 Repeat Grid 。*Adobe Xd 重點功能

Command (Ctrl) + “Y”

顯示/關閉圖層列。

Command (Ctrl) + “S”

儲存目前檔案,在台灣地震時需反射動作使用。

Command (Ctrl) + “G”

比選起來的多個物件群組起來。

Command (Ctrl) + “K”

將當前物件儲存為 symbol。

Command (Ctrl) + “L”

將當前物件鎖起來不能動。

Command (Ctrl) + “;”

將當前物件隱藏或顯示。

Command (Ctrl) + “return (enter)”

預覽(preview)目前的設計稿。

Command (Ctrl) + “Z”

回到上一動。

Command (Ctrl) + “C”

大學生最會的複製。

Command (Ctrl) + “V”

大學生最會的貼上。

Command (Ctrl) + “N”

開啟新的 .xd 專案。

第三層「三鍵組合技」

Command (Ctrl) + Shift + T

將目前文字樣式儲存進 Assets。

Command (Ctrl) + Shift + S

另存新檔。

Command (Ctrl) + Shift + G

解散群組。

Command (Ctrl) + Shift + Z

還原「回到上一動」指令。

Command (Ctrl) + Shift + C

將當前物件顏色儲存至 Assets。

Command (Ctrl) + Shift + M

將多形狀或照片重疊後,製作剪裁遮色片 (Mask with shape)。

結語

以上就是常用到的 Adobe Xd 快捷鍵啦!比較冷門的可以參考官方文件

再次提醒不用去硬背,有想到再回來查就好,讓手指替你記憶。因為也是我自己的筆記,所以會隨時更新哦!分享給你一起變得更強吧 :)

本篇文章為「Adobe Xd設計實務|成為UI設計師的8項核心技能」 線上課程蒐錄教材,更多 UI 設計學習資源可以參考。

與 YOTTA 獨家合作的教學內容。
本次快捷鍵鍵盤也是全程使用 Adobe Xd 繪製,你可以透過官方載點免費使用學習。

我是 Riven ,如果這篇內容還算受用的話,歡迎幫我在旁邊拍手處給予 1~50下的鼓勵,更多 UI/UX設計相關文章可以發摟我的 Medium

有任何問題或交流討論,都可以透過我的 Facebook 臉書。我們下次見囉 😉

--

--

林育正 Riven
RAR 設計攻略

是數位遊牧型態的設計師💻 喜歡邊旅行邊工作的生活,逐網路、插座與咖啡而居。期待能夠將艱難的設計與開發技術,用麻瓜都能夠聽得懂的話,說給每一個人聽。更多關於我:riven.design