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

XD是什么?XD的軟件界面和快捷鍵認(rèn)識(shí)

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

Adobe XD是一種輕量級(jí)矢量圖形編輯器和原型設(shè)計(jì)工具,在Adobe MAX 2015上宣布為Project Comet。該軟件是2016年3月預(yù)覽中推出的創(chuàng)意云的一部分,現(xiàn)在它處于beta階段,幾乎每個(gè)月都會(huì)收到更新。

Adobe XD - 全功能UI/UX解決方案,從概念到原型分分鐘搞定,自帶一鍵標(biāo)注和一鍵導(dǎo)出,win和macOS均支持打開編輯Sketch、Psd源文件。

xd界面
XD軟件界面
值得注意的是,XD在beta中還存在閃退的情況,請(qǐng)不要重新打開文件,會(huì)丟失。直接打開軟件,在最近文件列表中選擇,會(huì)打開自動(dòng)保存的內(nèi)容。

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

1.背景設(shè)置

屏幕:普通和垂直滾動(dòng)。(垂直可設(shè)置長(zhǎng)頁(yè)面內(nèi)容,只顯示屏幕大小。暫不支持水平滾動(dòng)。)

可修改背景顏色。

可設(shè)置網(wǎng)格大小和布局參考線。

可設(shè)置默認(rèn)和使用默認(rèn)。


xd背景設(shè)置

2.工具欄

xd工具欄


3.菜單欄

xd菜單欄

*design:設(shè)計(jì)面板

*prototype:原型面板

*當(dāng)前文件名稱

*顯示尺寸

*手機(jī)預(yù)覽:必須是mac系統(tǒng)下,蘋果和安卓可實(shí)時(shí)預(yù)覽。win不能實(shí)時(shí)手機(jī)預(yù)覽,但可生成鏈接預(yù)覽。

*桌面預(yù)覽:win和mac都可以實(shí)現(xiàn)。

*導(dǎo)出:

4.參數(shù)欄-形狀

*形狀圖層的參數(shù)欄滿足基本的設(shè)置需求。對(duì)齊、布爾運(yùn)算、大小、位置、旋轉(zhuǎn)、透明度、圓角、填充顏色、描邊顏色、描邊大小、描邊位置、投影等。

*復(fù)制網(wǎng)格是個(gè)功能、復(fù)用性非常強(qiáng)大的工具,后文會(huì)有詳解。

*鎖定位置并不是鎖定功能,而是在長(zhǎng)頁(yè)面滾動(dòng)交互式保持元素固定在屏幕中。參考xiaopiu的依附功能。

*背景模糊可改變形狀的顏色屬性。




5.參數(shù)欄-文本

*基本和形狀參數(shù)欄一致。

*文本設(shè)置一欄包括基本的文字編輯。字體選擇、字號(hào)、字重、文本對(duì)齊、點(diǎn)文字、段文字、字間距、行間距、下劃線等。

*點(diǎn)文字狀態(tài)下,居左、居中、居右可固定文本輸入時(shí)的文本方向。


6.右鍵功能

*后退:ctrl+z

*重做:shift+ctrl+z

*剪切:ctrl+x

*復(fù)制:ctrl+c

*粘貼:ctrl+v

*粘貼外觀、交互:ctrl+alt+v

*刪除:delete

*鎖定、解鎖:ctrl+l

*隱藏:ctrl+;

*建組:ctrl+g 解散組合:ctrl+shift+g

*符號(hào):ctrl+k

*添加到資源:ctrl+shift+c

*添加特性到資源:ctrl+shift+t

*層級(jí)選擇:ctrl(+shift)+【】

*展現(xiàn)網(wǎng)格:ctrl+‘

*展現(xiàn)布局參考:ctrl+shift+’

常用快捷鍵

其他常用快捷鍵

*拖動(dòng)屏幕:空格+鼠標(biāo)*變?yōu)槁窂剑篶trl+8
*顯示位置:alt+選擇對(duì)象*窗口最大化、最小化:win+↑/↓
*1倍2倍顯示:ctrl+1/2*文本加粗:ctrl+b
*合適窗口視圖:ctrl+0*完成文字編輯(在文本狀態(tài)):ctrl+回車
*從中心繪圖:shift+alt*預(yù)覽:ctrl+回車
*移動(dòng)設(shè)備:ctrl+選中拖動(dòng)*垂直滾動(dòng)、水平滾動(dòng):滾輪/shift+滾輪
*原位復(fù)制、整體復(fù)制:ctrl+d

關(guān)于分享

*生成一個(gè)連接,供他人預(yù)覽。

*生成自動(dòng)標(biāo)注。

*管理我們的鏈接。(免費(fèi)版只能生成一個(gè)項(xiàng)目,多個(gè)項(xiàng)目需要付費(fèi)。)

xd分享



猜你喜歡:

水晶字體設(shè)計(jì)PS教程

PS入門教程下載_300集PS從入門到精通教程

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

利用PS畫筆工具制作文字長(zhǎng)陰影

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

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