下面我們來學(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.背景模糊
(1)形狀模糊:可對形狀下的對象造成模糊濾鏡效果。
(2)對象模糊:圖形或圖片本身進(jìn)行模糊設(shè)置。
4.資產(chǎn)面板
可將復(fù)用性強(qiáng)的元素添加到資產(chǎn)面板中,并統(tǒng)一更改。
分別是顏色、樣式(所選擇字體的大小和顏色)、符號。
資產(chǎn)里面的顏色可右鍵添加到描邊和復(fù)制十六進(jìn)制代碼。
符號為可復(fù)用性素材或組,更改其中顏色統(tǒng)一更換,但更改字體是單獨(dú)的。
5.交互方式
過度(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.分享--生成在線鏈接
生成原型在線鏈接
生成標(biāo)注
管理在線鏈接
猜你喜歡:
超簡單C4D科技矩陣實戰(zhàn)教程
化妝品公司logo設(shè)計教程【UI設(shè)計教程】
什么是移動工具?圖層對齊分布和平均分布是怎樣做到的?
UI設(shè)計師作品集邏輯分析
傳智教育UI/UE設(shè)計師培訓(xùn)