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

身邊總有一種人,基本上做設計時不碰滑鼠或 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 快捷鍵啦!比較冷門的可以參考官方文件


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

YOTTA 你最專業的學習夥伴,提供優質內容與有趣觀點,擴大豐富你的視野。



所有圖片來源:林育正