26個Adobe XD快速提示和技巧

下面讓我向您展示 Adobe XD 的一些快速提示和技巧。我們將從頭到尾了解26 個Adobe XD 功能、提示和技巧。

A 代表畫板

一個畫板表示其中一個屏幕的設計將在Adobe XD創(chuàng)建的區(qū)域。默認情況下，您的起始畫板將為白色，并且您可以在一個文檔中包含多個畫板。

從工具欄中選擇畫板工具或按A熱鍵將在右側邊欄中打開一個包含最常見的移動設備、平板電腦、桌面設備和可穿戴設備屏幕尺寸的列表。您可以選擇預設畫板之一并將畫板添加到您的設計中，或者您可以定義自己的自定義尺寸畫板。

單擊Arboard的名稱以將其選中，使用邊界框對其進行縮放或雙擊名稱以對其進行重命名。

B 代表邊界

甲邊界(行程)可以施加到Adobe XD文檔內(nèi)的任何類型的對象。

應用后，您可以更改其顏色、調(diào)整樣式、設置對齊方式及其粗細，或者您可以選擇封蓋和連接邊框設置之一。使用吸管工具，您可以快速從設計中獲取顏色并將其用于Border。

C 代表組件

組件是設計元素，可以在 Adobe XD 文檔內(nèi)的畫板上輕松重復使用。

您保存為組件的設計元素將成為主組件，并由左上角的綠色實心菱形指示。您可以添加一個組件的多個實例，當您編輯主組件時，其余的實例會同時修改。

您的所有組件都存儲在“庫”面板中，可以使用左下角的圖標或按Shift + Command + Y鍵盤快捷鍵輕松打開或關閉該面板。

除了顏色和字符樣式外，Adobe XD 組件也是任何 Adobe XD 設計系統(tǒng)的重要組成部分。

D 代表桌面預覽

單擊右上角的播放按鈕打開桌面預覽窗口，用于預覽和與您的設計交互。

注意：您只能在設計原型后與您的設計進行交互。當您看到字母P 時，您將了解有關 Adobe XD 中原型設計的更多信息。

E 代表橢圓工具

從工具欄中獲取橢圓工具或使用E熱鍵，然后單擊并拖動以在 Adobe XD 中創(chuàng)建新橢圓。

要創(chuàng)建一個完美的圓形，請在單擊和拖動時按住 Shift鍵。

F是填充

一個填充設置在Adobe XD設計元素的顏色。

單擊屬性檢查器中的填充色輪將打開顏色選擇器窗口。使用頂部的下拉菜單，您可以選擇三種填充類型之一：純色、線性漸變或徑向漸變?？梢允褂脙蓚€端點直接在畫板上調(diào)整 Adobe XD 漸變的方向，并且可以從顏色選擇器窗口調(diào)整 Adobe XD 漸變的顏色。

使用吸管工具，您可以快速從您的設計中獲取一種顏色并將其用于Fill。

G 代表網(wǎng)格

每當您選擇一個畫板時，您都可以在屬性檢查器中選擇啟用網(wǎng)格。網(wǎng)格可用于定義設計的主要結構，并測量、對齊或輕松創(chuàng)建像素完美的對象。

使用下拉菜單，您可以選擇Layout Grid或Square Grid。根據(jù)您選擇的網(wǎng)格類型，您將獲得可用于調(diào)整網(wǎng)格的設置列表。

單擊“設為默認值”按鈕將當前網(wǎng)格設置設為默認值，或單擊“使用默認值”按鈕將當前網(wǎng)格設置替換為默認值。

一個很好的網(wǎng)格可以是 Adobe XD 線框的完美開始。

H 用于水平滾動

使用水平滾動，您可以將設計中的區(qū)域設置為獨立于其余內(nèi)容滾動。要在 Adobe XD 中創(chuàng)建此類動畫，請選擇要成為滾動區(qū)域一部分的元素，轉到屬性檢查器，您將找到三個滾動選項：水平滾動、垂直滾動或水平和垂直滾動。

選擇所需的滾動選項后，您可以使用藍色手柄直接在畫板上調(diào)整該滾動區(qū)域的大小。

J 代表連接

連接會影響邊框的角點。根據(jù)您從屬性檢查器中選擇的連接類型，您可以使角看起來銳利 ( Miter Join )、圓形 ( Round Join ) 或方形 ( Bevel Join )。

K 代表 Command + K

使用此 Adobe XD 快捷方式，您可以將所選元素保存為 Adobe XD 組件。

第一個實例將是您的Main Component，這意味著其余實例將根據(jù)此Main Component調(diào)整它們的外觀。

L 代表圖層

圖層是一個基本組件，因為您在 Adobe XD 中創(chuàng)建的任何對象都是一個圖層。您的圖層相互堆疊，并且畫板上的可見性由它們在“圖層”面板中的位置決定。

在圖層面板可按打開或使用從左下角圖層面板圖標關閉命令+ Y的鍵盤快捷鍵。

M 是掩蔽

遮罩使您可以在 Adobe XD 中隱藏部分設計元素。

要在 Adobe XD 中進行遮罩，請選擇您的圖層以及您希望用作遮罩的圖層，右鍵單擊您的選擇并轉到使用形狀遮罩。或者，您可以使用Shift + Command + M鍵盤快捷鍵。這將遮罩您的圖層并在“圖層”面板內(nèi)創(chuàng)建一個遮罩組。

要編輯蒙版組，請雙擊它，這將允許您調(diào)整蒙版圖層或蒙版。要在 Adobe XD 中禁用蒙版，請右鍵單擊它并轉到取消組合蒙版或按Shift + Command + G。

N 代表 Command + N

使用此 Adobe XD 快捷方式打開Adobe XD 歡迎屏幕，您可以在其中創(chuàng)建新文檔、打開您最近的設計之一、了解有關 Adobe XD 的新事物或瀏覽您的共享文檔。

O 代表不透明度

不透明度讓您可以在 Adobe XD 中調(diào)整任何圖層的透明度。100% 是默認值，它使您的圖層完全可見，而在 0% 時，您的圖層完全不可見。

P代表原型

Adobe XD Prototype可讓用戶可視化體驗您的應用程序或網(wǎng)站。

要構建自己的原型，首先需要切換到原型模式。單擊左上角的原型按鈕，然后您將能夠連接項目中的畫板，選擇適合您的設計的觸發(fā)器、動作或 Adobe XD 動畫。

原型完成后，您可以使用桌面預覽按鈕預覽 Adobe XD 動畫。

Q 是 Command + Q

每當您希望快速退出 Adobe XD 時，請使用這個經(jīng)典的 Adobe XD 快捷方式。

R 代表重復網(wǎng)格

使用重復網(wǎng)格，您可以輕松地重復 Adobe XD 設計中的元素。當您需要創(chuàng)建具有相同大小的列表或一行元素時，這可以節(jié)省時間。

要創(chuàng)建重復網(wǎng)格，請選擇要重復的元素，然后從屬性檢查器中單擊“重復網(wǎng)格”按鈕。使用畫板上的綠色手柄，您可以輕松調(diào)整網(wǎng)格的大小，當您將鼠標懸停在元素之間的區(qū)域上時，您可以調(diào)整水平或垂直間距。

S 代表堆棧

堆棧使組內(nèi)的元素能夠在它們之間定義間距。為了創(chuàng)建堆棧，首先要對需要堆疊的元素進行分組。

選擇您的組并關注屬性檢查器。確保響應式調(diào)整大小已啟用，然后選中堆?？颉dobe XD 將檢查您的設計并決定哪種類型的堆棧適合您的需要：水平或垂直。創(chuàng)建后，您可以更改堆棧的類型，也可以調(diào)整堆棧內(nèi)元素的間距或內(nèi)邊距。

調(diào)整堆棧中元素的大小或重新排序，其余元素將移動以保留預定義的間距設置。

T 代表文本

抓住文本工具或使用快捷鍵T，只要你想在Adobe XD添加文字的熱鍵。

單擊畫板后，您可以輸入新文本。您可以選擇您的 Adobe XD 字體并在屬性檢查器中設置其余設置。

U 代表 Command + Option + U

使用此 Adobe XD 快捷方式執(zhí)行添加布爾操作，該操作將合并所選對象。

除了添加之外，您還有另外三個布爾運算可用于在 Adobe XD 中組合選定的形狀：

減去(命令 + 選項 + S)

相交(Command + Option + I)

排除重疊(Command + Option + X)

V 代表移動工具

該V快捷鍵讓你的移動工具，可主要用于選擇和畫板上移動對象。

使用相同的工具，您可以雙擊一段文本來編輯它，或者雙擊一組形狀來選擇該組中的特定對象。

W 代表 Command + W

每當您希望關閉當前的 Adobe XD 文檔時，都可以使用這個經(jīng)典的 Adobe XD 快捷方式。

X 代表 Command + X

每當您希望從設計中剪切對象時，都可以使用這個經(jīng)典的 Adobe XD 快捷方式。

Y 代表多邊形工具

該?熱鍵讓你的多邊形工具，可用于創(chuàng)建星形，三角形，菱形，五邊形，六邊形等等。

在單擊并拖動以創(chuàng)建等邊形狀時按住Shift鍵。單擊并拖動時按向上和向下箭頭鍵可增加或減少邊數(shù)，或在單擊并拖動時按左右箭頭鍵將多邊形變?yōu)樾切巍?

使用多邊形工具創(chuàng)建的形狀也可以從屬性檢查器進行編輯。

Z 代表縮放工具

該?快捷鍵為您提供了縮放工具可用于放大或縮小。

單擊畫板上的任意位置以放大，或單擊并拖動以定義要放大的區(qū)域。

要縮小，請按住Option鍵并單擊畫板上的任意位置。

猜你喜歡：

ai字體變形設計教程：手把手設計萬圣節(jié)卡片

磨砂玻璃質感ICON+AE動效設計教程

VR虛擬現(xiàn)實給UI設計帶來哪些方向？

黑馬程序員UI/UE設計培訓課程