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

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

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

IT培訓(xùn)班

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

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



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

2.剪切蒙版(快捷鍵ctrl+shift+m)


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

3.背景模糊

XD基礎(chǔ)操作

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

4.資產(chǎn)面板

XD基礎(chǔ)操作

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

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

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

6.打開文件


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

XD基礎(chǔ)操作

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





猜你喜歡

26個Adobe XD快速提示和技巧

如何用C4D做場景效果圖?C4D與PS相結(jié)合

如何使用PS設(shè)計炫酷海報?圖文詳細(xì)教程

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

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

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