Adobe XD:設計,製作原型並與Adobe的UX / UI解決方案共享

今天,我安裝了Adobe XD,這是Adobe的UX / UI解決方案,用於製作網站,Web應用程序和移動應用程序的原型。 使用Adobe XD,用戶只需單擊一下即可從靜態線框切換到交互式原型。 您可以更改設計並自動查看原型更新-無需同步。 您可以預覽原型,並在iOS和Android設備上完成轉換,然後與您的團隊共享以獲取快速反饋。

Adobe XD

Adobe XD的功能包括:

  • 互動原型 –單擊即可從設計模式切換到原型模式,並連接畫板以交流多屏應用程序的流程和路徑。 將設計元素從一個畫板連接到另一個,包括“重複網格”單元。 通過直觀的視覺控件添加交互,以測試和驗證體驗。
  • 發布原型以供反饋– 生成可共享的Web鏈接以獲取有關您的設計的反饋,或將其嵌入到Behance或網頁中。 審閱者可以直接對您的原型和設計的特定部分發表評論。 他們發表評論時會通知您,他們只需刷新瀏覽器即可查看您的更改。
  • 快速,多功能的畫板– 無論您使用的是一塊畫板還是一百塊畫板,XD都能為您提供相同的快速性能。 設計用於不同的屏幕和設備。 平移和縮放沒有滯後時間。 從預設大小中選擇或定義自己的大小,然後在畫板之間進行複製而不會丟失設計元素的位置。
  • 重複網格– 選擇設計中的項目(例如聯繫人列表或照片庫),然後根據需要水平或垂直複製它們多次,所有樣式和間距都保持不變。 一次更新元素,您的更改將在所有地方更新。
  • 跨平台支持– Adobe XD本機支持Windows 10(通用Windows平台)和Mac,以及適用於Android和iOS的配套​​移動應用程序。
  • 資產面板– 通過將顏色和字符樣式添加到自動包含符號的“資產”面板(以前稱為“符號”面板),可以輕鬆地使顏色和字符樣式可供重複使用。 在面板中編輯任何顏色或字符樣式,所做的更改將反映在整個文檔中。
  • 重塑的符號– 使用符號,可重複使用的設計元素來節省時間,從而消除了在文檔中查找和編輯資產的每個實例的需要。 更新一個,它們將在所有地方更新,或選擇覆蓋特定實例。 符號可以是矢量圖形,光柵圖像或文本對象,它們也可以用作“重複網格”中的對象。
  • 創意云庫– 借助Creative Cloud Libraries集成,您可以從XD內部訪問和應用在Photoshop CC,Illustrator CC和其他Creative Cloud應用程序中創建的光柵圖像,顏色和字符樣式,並在文檔中的任何位置重複使用它們。
  • 上下文屬性檢查器– 借助上下文感知的屬性檢查器,它可以在整潔的空間中工作,該屬性檢查器僅顯示所選對象的選項。 修改屬性,例如邊框顏色和厚度,填充顏色,陰影,模糊,不透明度和旋轉,並訪問對齊方式,尺寸和重複網格的選項。
  • 智能畫布導航– 輕鬆放大設計的特定區域,或在畫板上進行選擇並使用快捷方式將其放大。 使用鼠標,觸摸板或鍵盤快捷鍵進行平移或縮放。 即使有數百個畫板,也可以獲得出色的性能。
  • 上下文層– 借助上下文分層方法,可以在管理複雜設計時保持井井有條和專注。 XD僅突出顯示與您正在使用的畫板關聯的圖層,因此您可以快速輕鬆地找到所需的內容。
  • 佈局指導工具– 使用對齊網格和其他直觀的佈局工具無縫繪製,重用和重新混合設計元素,這些工具可幫助您創建對象之間的相對測量值,具有形狀的蒙版,分組,鎖定,對齊和分配設計元素等。
  • 模糊效果– 快速模糊特定對像或整個背景,以更改設計的焦點,使其具有深度和尺寸。
  • 多功能線性漸變– 使用“拾色器”中的簡單但精確的視覺控件創建漂亮的線性漸變。 您也可以從Photoshop CC和Illustrator CC導入漸變。
  • 現代鋼筆工具– 使用鋼筆工具輕鬆繪製形狀和路徑。 使用自定義路徑,添加或刪除錨點,輕鬆操縱線以及在彎曲和成角度的路徑之間切換-所有操作均使用同一工具。
  • 布爾組編輯– 通過使用無損布爾運算符組合對象組來創建複雜形狀並進行實驗。
  • 字體樣式– 精確控製樣式文本,以增強用戶體驗。 輕鬆調整印刷元素,例如字體,字體,大小,對齊方式,字符間距和行間距。 以與更改XD中其他元素(如不透明度,填充,背景和模糊效果以及邊框)相同的方式更改文本的外觀。
  • 簡化的色彩控制– 通過輸入精確值或使用吸管從XD內部或外部採樣來選擇顏色。 創建並保存顏色樣本,並在“拾色器”中使用十六進制代碼的快捷方式。
  • 用戶界面資源– 使用高質量的用戶界面組件,快速為Apple iOS,Google Material Design和Microsoft Windows設備設計和原型。
  • 從其他設計應用程序複製和粘貼– 將圖片從Photoshop CC和Illustrator CC導入XD。
  • 在上下文中的iOS和Android預覽– 在您要定位的實際設備上預覽設計和所有交互。 在桌面上進行更改,然後在設備上測試其保真度和可用性。
  • 熱點提示– 自動突出顯示原型中的熱點,以便用戶可以看到哪些區域是可交互且可單擊的。
  • 原型管理– 從同一文件創建多個URL,以共享不同版本的原型。 共享無限數量的原型,並輕鬆地從您的Creative Cloud帳戶訪問和刪除它們。
  • 將原型互動記錄為視頻– 單擊預覽時,記錄一個MP4文件以與您的團隊或利益相關者共享(僅Mac)。
  • 導出藝術品,資產和畫板– 以PNG和SVG格式導出圖像和設計,您可以為iOS,Android,Web或自己的自定義設置進行配置。 導出整個畫板或單個元素。 通過將資源和畫板導出為單獨的PDF文件或單個PDF文件來共享它們。
  • 多語言支持– 支持的語言包括英語,法語,德語,日語和韓語。
  • 電子郵件通知以進行評論– 當涉眾對您的Web原型發表評論時,獲取電子郵件通知。 電子郵件可以單獨發送,也可以按日摘要分批發送

最重要的是,Adobe XD隨附了我的Adobe Creative Suite許可!

披露:我們是Adobe的分支機構。

你覺得呢?

本網站使用Akismet來減少垃圾郵件。 了解您的評論如何處理.