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

XD是什么?XD的軟件界面和快捷鍵認識

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

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

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

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

XD軟件的基礎操作

1.背景設置

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

可修改背景顏色。

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

可設置默認和使用默認。


xd背景設置

2.工具欄

xd工具欄


3.菜單欄

xd菜單欄

*design:設計面板

*prototype:原型面板

*當前文件名稱

*顯示尺寸

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

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

*導出:

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

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

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

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

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




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

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

*文本設置一欄包括基本的文字編輯。字體選擇、字號、字重、文本對齊、點文字、段文字、字間距、行間距、下劃線等。

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


6.右鍵功能

*后退:ctrl+z

*重做:shift+ctrl+z

*剪切:ctrl+x

*復制:ctrl+c

*粘貼:ctrl+v

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

*刪除:delete

*鎖定、解鎖:ctrl+l

*隱藏:ctrl+;

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

*符號:ctrl+k

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

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

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

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

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

常用快捷鍵

其他常用快捷鍵

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

關(guān)于分享

*生成一個連接,供他人預覽。

*生成自動標注。

*管理我們的鏈接。(免費版只能生成一個項目,多個項目需要付費。)

xd分享



猜你喜歡:

水晶字體設計PS教程

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

如何使用PS設計炫酷海報?圖文詳細教程

利用PS畫筆工具制作文字長陰影

黑馬程序員UI/UE設計培訓班

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