Adobe XD CC2020是一款專業的交互性設計軟件,能夠對APP界面、平臺UI、廣告窗口等進行設計,全面的功能輔助,能夠與Illustrator、Adobe Photoshop等軟件進行無縫的協作,加速設計元素的布局,極大地提高了用戶的作業效率。
重新定義體驗設計。
從節省時間的工具中受益。
即使在處理數百個畫板,您也可以在沒有任何延遲的情況下縮放畫布。使用 Repeat Grid 等工具,在畫板之間快速復制列表、照片庫和其他元素,不限次數。您所做的任何更改都將在整個網格中進行更新。
只需單擊幾下即可從設計切換到原型。
在畫板之間拖動線條,為您的 原型增添活力。創建疊加以堆放內容,實現更為真實的體驗 – 不再需要為鍵盤、菜單和對話框復制畫板。為頁眉和頁腳設置固定位置,以便在查看者進行滾動操作時,頁眉和頁腳的位置保持不變。
使用您喜愛的應用程序。
您可以重新開始設計,也可以在該應用程序中打開 Adobe Photoshop、Illustrator 或 Photoshop Sketch 中的文件,來輕松導入這些文件。您的文件將自動轉換為 XD 文檔,畫板和圖層原封不動。
在移動設備上預覽。
通過在實際的目標屏幕上預覽原型,確保體驗按照您需要的方式運轉。您在桌面上做出的更改將會反映在您的 Android 或 iOS 設備上。
推動 UX 未來的特性。
憑借語音原型創建、響應式調整大小和自動生成動畫等功能,Adobe XD 已經準備好迎接 UX 未來的一切挑戰。
創建高級動畫。
自動生成畫板之間的微交互動畫,例如移動、縮放和模糊。將資源和畫板從 XD 導出到 Adobe After Effects 項目,以便創建更高級的動畫。
在原型中增加語音。
使用語音和語音播放功能與原型交互,打造面向智能助手和其他新一代工具的體驗,超越屏幕的限制。
充分利用符號。
將常用元素(如按鈕和徽標)轉換為可拖放到畫板上并重復使用的符號。更新一個符號,則該符號會在所有位置更新。并且當您在所有文件中復制和粘貼符號時,符號保持關聯。
直接在您的應用程序中處理資源。
與 Creative Cloud Libraries 的集成意味著,您可以應用在 Photoshop 和 Illustrator 中創建的圖像、顏色和字符樣式,并在任何位置重新合成和重復使用它們。
快速調整屏幕大小。
響應式調整大小會自動調整畫板上對象組的大小,使之適應不同的屏幕,因此您可以花更少的時間進行手動更改,并將更多時間用于設計。
一個更大、更好的平臺。
通過插件擴展 XD。
通過我們開發人員社區創建的插件,擴展并加快 XD 工作流的速度,這些插件可以增加特性和功能、使用數據幫助您設計以及自動完成日常任務。
通過應用程序集成實現關聯。
將 XD 與您日常使用的工具和服務(包括 Slack、JIRA 和 Microsoft Teams 等常見的協作應用程序)關聯起來。
隨時隨地工作和分享作品。
macOS 與 Windows,同樣精彩。
您使用 macOS 但您的開發團隊使用 Windows?不必擔心。XD 可在這兩種平臺上完美運行。
安全協作。
向團隊發送受密碼保護的邀請,共享并跟蹤您的原型,以便聽取反饋意見。審閱者對您的原型和設計規范發表評論時,您會收到通知。
隨時隨地訪問和共享作品。
將您的項目保存為云文檔,XD 將自動更新它們,這樣您和團隊會始終使用同一個版本工作。您可從任意位置共享云文檔,甚至可以在您離線時進行編輯。
讓開發人員更快地獲得資源。
導出設計規范中的資源,方便開發人員下載并在其代碼中輕松地重復使用。
1、首先繪制一個矢量圖形作為遮罩層。
2、選中多個圖層。有一點特別說明:sketch 和 PS 遮罩層都在最下面一層,在 Adobe XD 中遮罩層在所有圖層最上面,大家特別要注意。
3、在 Mac 上,菜單欄中選擇 對象 > 帶有形狀的蒙版。在 Windows 上,右鍵單擊并從上下文菜單中選擇 帶有形狀的蒙版。如下圖所示,剪切蒙版制作完成,雙擊可對里面的圖層元素進行編輯和移動。
4、要從對象的蒙版中釋放對象,可右鍵單擊該對象,然后從上下文菜單中選擇“取消蒙版編組”
鍵盤快捷鍵:
在 Mac 上:Shift + Cmd + G
在 Windows 上:Shift + Ctrl + G
打開軟件選擇您要導出的頁面。
選中畫布后依次選擇“文件”-“導出”-“所選內容”。
選擇文件保存位置,點擊“導出”按鈕導出成功。
回到保存的位置就能看到剛才導出的圖片。
設置“主頁”屏幕
1、“主頁”屏幕是您的應用程序或網站的第一個屏幕。您的用戶會通過“主頁”屏幕開始在應用程序或網站中進行導航。
此外,如果您在預覽原型時并沒有選擇任何內容,預覽將從“主頁”屏幕開始。也就是說,默認情況下,您的“主頁”屏幕會被設置為第一個添加連線的畫板。
切換到“原型”模式。
2、單擊要設置為“主頁”屏幕的畫板。左上角會出現一個灰色的主頁圖標。
點擊“主頁”圖標。它會變成藍色,提示該畫板或屏幕現已成功設置為“主頁”屏幕。
3、如需將另一畫板設為“主頁”屏幕,只需單擊與該畫板關聯的主頁圖標即可。
將交互式元素鏈接到目標屏幕
在開始鏈接畫板或屏幕之前,請適當地命名畫板。這樣做有助于您確定要將指定屏幕鏈接到哪個屏幕。
1、切換到“原型”模式。
2、單擊要鏈接的對象。
對象上出現帶箭頭的連接手柄。將鼠標懸停在手柄上,光標會變為連接器。
3、單擊并開始拖動鼠標,可以看到連接器。在目標畫板或屏幕上釋放鼠標。
當您連接第一個元素時,該元素所在的畫板將設為主畫板。
4、在出現的彈出窗口中,您可以指定以下內容:
過渡選項和過渡持續時間:如果您想要在過渡到另一個畫板時讓滾動位置保持不變,請選擇“保留滾動位置”。這個選項對于導航欄或固定頁腳的原型設計非常有用。如果用戶在原始畫板中滾動,下一個畫板會識別原始畫板中的滾動位置。通過單擊畫板或畫板中的任何元素,您可以控制滾動位置,從而在從一個屏幕切換到下一個屏幕時保留原始位置。此控件可防止在項目文件中反復來回滾動。例如,如果用戶在畫板 A 上向下滾動到 y=1,000,那么過渡到畫板 B 后,默認位置也會是 y=1,000。如果未在原始畫板中定義滾動,則“保留滾動位置”選項處于非活動狀態。
疊加:如果要模擬狀態或過渡(如下拉菜單和滑動鍵盤),請選擇“疊加”。
按Esc鍵或在彈出窗口之外單擊,可將其解除。
5、重復上述步驟,鏈接項目中的所有交互式元素。
1、首先打開 Adobe XD CC 2020
2、打開 Adobe XD CC 2020之后,單擊“新建”按鈕,新zhi建一個空白的頁面。
3、點擊頁面下方的自定義尺寸,新建一個空白的設計,也可以選擇使用默認的尺寸。
4、首先使用矩形工具創建一個矩形圖形。
5、在頁面的右下角找到陰影工具,點擊打開應用工具,選擇想要使用的陰影顏色和陰影的透明度。就完成了。