首頁技術文章正文

26個Adobe XD快速提示和技巧

更新時間:2021-07-28 來源:黑馬程序員 瀏覽量:

Adobe XD使用技巧和教程01

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

A 代表畫板

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

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

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

Adobe XD使用技巧和教程02

B 代表邊界

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

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

Adobe XD使用技巧和教程03

C 代表組件

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

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

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

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

Adobe XD使用技巧和教程05

D 代表桌面預覽

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

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

Adobe XD使用技巧和教程05

E 代表橢圓工具

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

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

Adobe XD使用技巧和教程06

F是填充

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

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

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

Adobe XD使用技巧和教程07

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 線框的完美開始。

Adobe XD使用技巧和教程08

H 用于水平滾動

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

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

Adobe XD使用技巧和教程09

J 代表連接

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

Adobe XD使用技巧和教程10

K 代表 Command + K

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

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

Adobe XD使用技巧和教程11

L 代表圖層

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

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

Adobe XD使用技巧和教程12

M 是掩蔽

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

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

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

Adobe XD使用技巧和教程13

N 代表 Command + N

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

Adobe XD使用技巧和教程14

O 代表不透明度

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

Adobe XD使用技巧和教程15

P代表原型

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

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

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

Adobe XD使用技巧和教程16

Q 是 Command + Q

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

Adobe XD使用技巧和教程17

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

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

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

Adobe XD使用技巧和教程18

Adobe XD使用技巧和教程19

S 代表堆棧

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

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

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

Adobe XD使用技巧和教程20

T 代表文本

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

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

Adobe XD使用技巧和教程21

U 代表 Command + Option + U

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

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

減去(命令 + 選項 + S)

相交(Command + Option + I)

排除重疊(Command + Option + X)

Adobe XD使用技巧和教程22

Adobe XD使用技巧和教程23

V 代表移動工具

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

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

Adobe XD使用技巧和教程24

W 代表 Command + W

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

Adobe XD使用技巧和教程25

X 代表 Command + X

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

Adobe XD使用技巧和教程26

Y 代表多邊形工具

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

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

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

Adobe XD使用技巧和教程27

Z 代表縮放工具

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

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

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

Adobe XD使用技巧和教程28


猜你喜歡:

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

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

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

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

分享到:
在線咨詢 我要報名
和我們在線交談!