1.6 Adobe XD的工作界面

與Adobe公司的其他設(shè)計工具相比，Adobe XD的工作界面相對簡單、整潔，如圖1-36所示。其工作界面由菜單欄、工具欄、模式欄、“屬性”面板和工作區(qū)域組成，用戶可以使用這些工具實現(xiàn)App界面的交互原型設(shè)計或者UI設(shè)計。

1.6.1 菜單欄

Adobe XD的菜單欄中共包含7個主菜單，如圖1-37所示。Adobe XD中幾乎所有的命令都按照類別排列在這些菜單中，它們是Adobe XD工作界面中的重要組成部分。

單擊任意菜單選項名稱，即可打開該菜單的子菜單列表，在列表中使用分割線區(qū)分不同功能的命令，帶有黑色三角標(biāo)記的命令表示還包含擴(kuò)展菜單。圖1-38所示為單擊“文件”菜單后打開的子菜單列表。

選擇菜單中的某個命令即可執(zhí)行該命令；如果命令后面帶有快捷鍵，則按下與之對應(yīng)的快捷鍵即可快速執(zhí)行該命令。

1.6.2 工具欄

Adobe XD的工具欄默認(rèn)位于工作界面的左側(cè)，其中包含選擇工具、繪圖工具、文本工具、畫板工具、縮放工具，以及“庫”“圖層”和“插件”面板。

單擊工具欄中的任意工具按鈕即可選中該工具，將光標(biāo)停留在工具按鈕上，即可顯示該工具的名稱與快捷鍵，如圖1-39所示，按下相應(yīng)的快捷鍵即可快速選擇該工具。

單擊工具欄底部的“庫”、“圖層”或者“插件”面板按鈕，工具欄右側(cè)將顯示相應(yīng)的面板，如圖1-40所示；再次單擊當(dāng)前面板按鈕，即可隱藏面板。

1.6.3 模式欄

Adobe XD的模式欄位于菜單欄下方，共包含“設(shè)計”“原型”和“共享”3個模式。單擊任一模式的名稱，Adobe XD的工作界面將出現(xiàn)相應(yīng)的工具、面板和工作區(qū)域，使用這些工具和屬性參數(shù)在工作區(qū)域中進(jìn)行操作，可以對作品的相應(yīng)階段進(jìn)行內(nèi)容設(shè)計。

● 設(shè)計模式

在Adobe XD的設(shè)計模式下，可以創(chuàng)建和設(shè)計App項目的各個界面（畫板），也可以導(dǎo)入使用其他工具創(chuàng)建的資源，還可以從網(wǎng)上導(dǎo)入資源，使用導(dǎo)入資源完善App項目的各個界面。

● 原型模式

在Adobe XD的原型模式下，可以為App界面（畫板）創(chuàng)建鏈接、錄制設(shè)計作品的視頻演示、在瀏覽器或者設(shè)備中預(yù)覽UI作品及其交互效果，還可以與設(shè)計團(tuán)隊共享作品。

● 共享模式

在Adobe XD的共享模式下，可以創(chuàng)建和共享鏈接，方便工作人員進(jìn)行設(shè)計審查、開發(fā)、演示和用戶測試。

1.6.4 “屬性”面板

在Adobe XD中，“屬性”面板默認(rèn)位于工作界面的右側(cè)。采用不同的工作模式，“屬性”面板中的參數(shù)也會隨之改變，如圖1-41所示。

在設(shè)計模式下，用戶可以在“屬性”面板中定義對象的各種屬性并使用不同的選項控制對象。也可以指定對象的背景、填充、邊框、陰影、對齊方式和尺寸，還可以將對象組合在一起以制作全新的對象。

用戶還可以使用“重復(fù)網(wǎng)格”選項構(gòu)建布局，使用“固定位置”選項在滾動時固定多個元素的位置，或者使用數(shù)學(xué)運算創(chuàng)建精確度更高的設(shè)計等。

在原型模式下，用戶可以在“屬性”面板中定義交互的觸發(fā)條件、操作類型、操作目標(biāo)和操作動畫，還可以為交互添加“音頻播放”或者“語音播放”操作類型。

1.6.5 工作區(qū)域

在Adobe XD中，每創(chuàng)建一個文件就會打開一個獨立的工作界面，在工作界面中放置畫板和粘貼板的區(qū)域統(tǒng)稱為工作區(qū)域，如圖1-42所示。工作區(qū)域包含了設(shè)計師創(chuàng)建的所有資源和畫板。