身邊總有一種人,基本上做設計時不碰滑鼠或 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 設計學習資源可以參考。
我是 Riven ,如果這篇內容還算受用的話,歡迎幫我在旁邊拍手處給予 1~50下的鼓勵,更多 UI/UX設計相關文章可以發摟我的 Medium。
有任何問題或交流討論,都可以透過我的 Facebook 臉書。我們下次見囉 😉