Adobe XD是一種輕量級矢量圖形編輯器和原型設(shè)計工具,在Adobe MAX 2015上宣布為Project Comet。該軟件是2016年3月預(yù)覽中推出的創(chuàng)意云的一部分,現(xiàn)在它處于beta階段,幾乎每個月都會收到更新。
Adobe XD - 全功能UI/UX解決方案,從概念到原型分分鐘搞定,自帶一鍵標(biāo)注和一鍵導(dǎo)出,win和macOS均支持打開編輯Sketch、Psd源文件。
XD軟件界面
值得注意的是,XD在beta中還存在閃退的情況,請不要重新打開文件,會丟失。直接打開軟件,在最近文件列表中選擇,會打開自動保存的內(nèi)容。
XD軟件的基礎(chǔ)操作
1.背景設(shè)置
屏幕:普通和垂直滾動。(垂直可設(shè)置長頁面內(nèi)容,只顯示屏幕大小。暫不支持水平滾動。)
可修改背景顏色。
可設(shè)置網(wǎng)格大小和布局參考線。
可設(shè)置默認(rèn)和使用默認(rèn)。
3.菜單欄
*design:設(shè)計面板
*prototype:原型面板
*當(dāng)前文件名稱
*顯示尺寸
*手機(jī)預(yù)覽:必須是mac系統(tǒng)下,蘋果和安卓可實時預(yù)覽。win不能實時手機(jī)預(yù)覽,但可生成鏈接預(yù)覽。
*桌面預(yù)覽:win和mac都可以實現(xiàn)。
*導(dǎo)出:
4.參數(shù)欄-形狀
*形狀圖層的參數(shù)欄滿足基本的設(shè)置需求。對齊、布爾運算、大小、位置、旋轉(zhuǎn)、透明度、圓角、填充顏色、描邊顏色、描邊大小、描邊位置、投影等。
*復(fù)制網(wǎng)格是個功能、復(fù)用性非常強(qiáng)大的工具,后文會有詳解。
*鎖定位置并不是鎖定功能,而是在長頁面滾動交互式保持元素固定在屏幕中。參考xiaopiu的依附功能。
*背景模糊可改變形狀的顏色屬性。
*基本和形狀參數(shù)欄一致。
*文本設(shè)置一欄包括基本的文字編輯。字體選擇、字號、字重、文本對齊、點文字、段文字、字間距、行間距、下劃線等。
*點文字狀態(tài)下,居左、居中、居右可固定文本輸入時的文本方向。
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
*符號:ctrl+k
*添加到資源:ctrl+shift+c
*添加特性到資源:ctrl+shift+t
*層級選擇:ctrl(+shift)+【】
*展現(xiàn)網(wǎng)格:ctrl+‘
*展現(xiàn)布局參考:ctrl+shift+’
常用快捷鍵
|
|
|
|
|
其他常用快捷鍵
|
|
|
*拖動屏幕:空格+鼠標(biāo) |
*變?yōu)槁窂剑篶trl+8 |
|
|
*顯示位置:alt+選擇對象 |
*窗口最大化、最小化:win+↑/↓ |
|
|
*1倍2倍顯示:ctrl+1/2 |
*文本加粗:ctrl+b |
|
|
*合適窗口視圖:ctrl+0 |
*完成文字編輯(在文本狀態(tài)):ctrl+回車 |
|
|
*從中心繪圖:shift+alt |
*預(yù)覽:ctrl+回車 |
|
|
*移動設(shè)備:ctrl+選中拖動 |
*垂直滾動、水平滾動:滾輪/shift+滾輪 |
|
|
|
*原位復(fù)制、整體復(fù)制:ctrl+d |
|
|
|
|
|
關(guān)于分享
*生成一個連接,供他人預(yù)覽。
*生成自動標(biāo)注。
*管理我們的鏈接。(免費版只能生成一個項目,多個項目需要付費。)
猜你喜歡:
PS顏色通道:色彩色相調(diào)整
Adobe XD26詳解【Adobe XD教程】
超簡單C4D科技矩陣實戰(zhàn)教程
立體場景設(shè)計圖文教程:C4D建模渲染與PS合成相結(jié)合
傳智教育UI/UE設(shè)計師培訓(xùn)