首頁(yè)技術(shù)文章正文

7個(gè)XD軟件的基礎(chǔ)操作

更新時(shí)間:2021-10-29 來(lái)源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

下面我們來(lái)學(xué)習(xí)一下XD軟件的基礎(chǔ)操作，包括資產(chǎn)面板的功能、交互動(dòng)作、一鍵切圖等等。

1.重復(fù)網(wǎng)格



（1）重復(fù)網(wǎng)格可智能復(fù)制其選擇對(duì)象，并批量更換圖片、修改文字、之間距離等。
（2）文字可根據(jù)大小批量替換。
（3）文本替換規(guī)范是txt文本，換行結(jié)束。

2.剪切蒙版（快捷鍵ctrl+shift+m）

（1）將圖片剪切進(jìn)圖形中：①直接把圖片拖入形狀。②將圖片放入圖形上方，全選中，使用快捷鍵。圖片與形狀的層級(jí)關(guān)系無(wú)關(guān)。
（2）無(wú)法更改圖片位置，只能改變形狀。不可取消剪切。描邊顯示在圖形上。
（3）雙擊圖片可以更改圖片位置，可取消剪切。描邊顯示在圖片上。形狀上的描邊在剪切狀態(tài)不顯示。
如果剪切的雙方都是形狀，則顯示下方形狀，上方范圍

3.背景模糊

XD基礎(chǔ)操作

（1）形狀模糊：可對(duì)形狀下的對(duì)象造成模糊濾鏡效果。
（2）對(duì)象模糊：圖形或圖片本身進(jìn)行模糊設(shè)置。

4.資產(chǎn)面板
XD基礎(chǔ)操作

可將復(fù)用性強(qiáng)的元素添加到資產(chǎn)面板中，并統(tǒng)一更改。
分別是顏色、樣式(所選擇字體的大小和顏色)、符號(hào)。
資產(chǎn)里面的顏色可右鍵添加到描邊和復(fù)制十六進(jìn)制代碼。
符號(hào)為可復(fù)用性素材或組，更改其中顏色統(tǒng)一更換，但更改字體是單獨(dú)的。

5.交互方式
XD基礎(chǔ)操作

過(guò)度（transition）下方為交互位置，交互動(dòng)作、交互速率和時(shí)間。
交互動(dòng)作目前只有無(wú)、緩見(jiàn)、上下左右滑動(dòng)、和推動(dòng)。
保留滾動(dòng)位置（preserve scroll position）是給在頁(yè)面內(nèi)類似模態(tài)或者下拉框出現(xiàn)的時(shí)候固定位置的作用。
覆蓋（overlay）是制作頁(yè)面內(nèi)的彈框使用的。

6.打開(kāi)文件

XD可以打開(kāi)sketch、ps、ai文件。
sketch需要是43以上的版本，ps需要CC以上的版本。
ps文件不能直接拖拽，需要打開(kāi)文件打開(kāi)。
ps內(nèi)位圖可做選區(qū)復(fù)制到XD，形狀圖層可復(fù)制svg再到XD，AI中元素可直接復(fù)制到XD中。
7.分享--生成在線鏈接

XD基礎(chǔ)操作

生成原型在線鏈接
生成標(biāo)注
管理在線鏈接





猜你喜歡

26個(gè)Adobe XD快速提示和技巧

如何用C4D做場(chǎng)景效果圖？C4D與PS相結(jié)合

如何使用PS設(shè)計(jì)炫酷海報(bào)？圖文詳細(xì)教程

如何正確學(xué)習(xí)C4D建模？

黑馬程序員UI/UE設(shè)計(jì)培訓(xùn)班

分享到：
在線咨詢 我要報(bào)名
和我們?cè)诰€交談！