Adobe XD設計模式基礎操作


1.調參考線:

鼠標放在畫板上邊緣或左邊緣,出現透明邊的時候按住鼠標左鍵拖出參考線

不需要參考線后可以將參考線拖回最上邊或最左邊

隱藏參考線快捷鍵:

ctrl+;

2.繪制圖形

和PS一樣,畫布左邊是工具欄,右邊是屬性欄,可以選擇繪制矩形、圓、和多邊形

調整弧度

調整弧度分兩種方式:

  • 在屬性欄修改數值調整弧度(更精確)

  • 在圖形中拖拽圓點調整弧度(更快捷)

圖形錨點

在移動工具下雙擊圖形邊界可調出錨點,調出錨點后在路徑上容易位置單擊可添加錨點,雙擊錨點可調出手柄,再次雙擊錨點手柄去除

刪除最后一條路徑:

alt+delete

結束路徑:

ESC鍵

3.文本

點文本和區域文本

文本工具默認為區域文本

完成文字輸入:

ctrl+enter

4.畫板工具

在畫板工具下點擊操作界面任意位置可添加相同尺寸畫板,畫板位置可任意拖動

復制畫板:
點擊鼠標名稱然后按住alt+鼠標左鍵拖拽

5.資源庫

顏色

添加顏色資源庫:

選擇有顏色的元素點擊顏色后面的加號可添加該元素中所有的顏色

庫中的顏色可修改、也可重命名

運用資源庫中的顏色:

選擇元素->點擊資源庫中的顏色

添加文字樣式:

選擇文字后點擊資源庫中文字樣式后發的加號按鈕

庫中的文字樣式右鍵編輯可更改字體、顏色等

文字樣式運用:

添加組件:

如制作按鈕時,是圖形和文字的組合,這時需框選住文字和圖形,然后點擊組件后面的加號按鈕則能成功添加組件

組件應用:

改變父級組件樣式子組件樣式也會隨之改變,但可以單獨改變子組件樣式

6.圖層

選擇哪個畫板可查看哪個畫板下的圖層,圖層可調整位置、鎖定、添加導出標記、隱藏等

鎖定圖層快捷鍵:

ctrl+L

7.重復網格

選擇元素點擊右側的重復網格,然后拉元素上的按鈕可復制相同的元素,元素之間間隔一致,可批量剪切圖片

8.剪切圖片

兩種方式:

1.畫出圖形,直接拖拽圖片到圖形中

2.畫出圖形,將圖片拖拽到畫板中,然后框選圖片和圖形右鍵點擊帶有形狀的蒙板剪切圖片

快捷鍵:

ctrl+shift+M

9.陰影

10.模糊

背景模糊

對象模糊

類似PS中的羽化

11.添加導出標記

當需要導出頁面某些元件時,可選擇元件點擊添加導出標志

標記之后,使用快捷鍵ctrl+shift+e可導出資源

導出畫板快捷鍵:

ctrl+e

打開psd文件快捷鍵:

ctrl+o


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM