Experience Design綠色版是免安裝的一款超級強大的原型設(shè)計軟件，主要用于設(shè)計和原型設(shè)計和制作網(wǎng)站和移動應(yīng)用程序的跨平臺工具，從想法到原型更快。這個版本是測試版，大家可以去官方觀看視頻，了解是如何發(fā)展XD，相信會為大家?guī)砹钊伺d奮的新方式進(jìn)行協(xié)作并提供全新的用戶體驗，需要的朋友快來下載使用吧。

從零開始 專為你而設(shè)

我們從頭開始構(gòu)建XD，以滿足當(dāng)今UX設(shè)計師的復(fù)雜需求，采用創(chuàng)新工具，消除速度，并從線框，高保真設(shè)計到交互式原型等方面提供突破性的性能。Windows的XD測試版在這里?，F(xiàn)在專門為Windows 10周年紀(jì)念更新。

以思想速度設(shè)計

繪制，重新使用和重新混合矢量和光柵圖稿，以創(chuàng)建線框，屏幕布局，交互式原型和生產(chǎn)就緒資產(chǎn)，全部在同一個應(yīng)用程序中。使用功能強大的工具，如Repeat Grid專門為XD以及針對UX設(shè)計重新映射的圖層，符號和筆工具。在幾分鐘內(nèi)創(chuàng)建原型。

在應(yīng)用程序內(nèi)輕松切換從設(shè)計到原型模式，以保持您的想法不間斷。添加互動和過渡，并與隊友和利益相關(guān)者分享，以測試您的設(shè)計的外觀和感覺。

預(yù)覽整個體驗

通過預(yù)覽您的設(shè)計實時消除猜測，完成轉(zhuǎn)換。進(jìn)行更改并立即將其看到您的手機或平板電腦上，以便您的體驗完全符合您的要求。

一起工作 工作更快

發(fā)送鏈接到團(tuán)隊成員，以獲得有關(guān)您的原型的快速反饋。與開發(fā)人員共享生產(chǎn)就緒的圖稿，以便他們可以根據(jù)您的規(guī)格進(jìn)行構(gòu)建

首先確保電腦已安裝Adobe Creative Cloud

打開Adobe Creative Cloud，點擊APPS

找到Experience design CC，然后點擊安裝

下載安裝完成即可打開使用

一、資源模板

打開軟件首先會彈出一個模板選擇頁面，這里為我們提供了 iPhone、iPad、Web 等常見的設(shè)計尺寸。同時自帶了一個簡單的演示文件以及 iOS、Google Material 和 Win Phone 的常用控件庫。窗口右側(cè)則是近期使用的文件記錄。

二、整體界面

選擇一個合適的尺寸，我們便進(jìn)入了軟件的操作界面。和傳統(tǒng) Adobe 軟件界面相比，Xd 的界面要更接近于 Sketch ,風(fēng)格更加清爽，信息層級更加清晰。

整個應(yīng)用可以分為設(shè)計和原型兩種工作模式，這一點讓工作流程變得更為清晰，用戶也無需在多個軟件下來回切換。接下來我就兩種模式展開介紹。

三、設(shè)計模式

我將該模式簡單的劃分為了導(dǎo)航欄、工具欄、檢查器以及工作區(qū)四個區(qū)域。

用戶可以通過導(dǎo)航欄左側(cè)的按鈕在設(shè)計和原型兩種模式下進(jìn)行切換。而導(dǎo)航欄右側(cè)則是顯示了當(dāng)前視圖的縮放比例，同時提供了播放和分享功能的按鈕(此功能后續(xù)會相繼展開)。

左側(cè)的工具欄提供以下幾種常用的工具：選擇工具、矩形工具、圓形工具、直線工具、鋼筆工具、文字工具以及新建畫板。對用的快捷鍵分別為：V R E L P T A 使用方法基本沿用 Adobe 其它軟件的用戶習(xí)慣，所以在此就不展開介紹了。

右側(cè)的檢查器主要包括了對齊，布爾運算，對象尺寸、位置以及旋轉(zhuǎn)角度和外觀屬性。其中外觀屬性目前提供了透明度、描邊、填充以及投影這幾種選項。

Xd 的任意形狀都可以看做默認(rèn)的圖片剪切蒙版，直接將圖片拖放到相應(yīng)的對象上，圖片便會根據(jù)對象的尺寸進(jìn)行自動縮放適配。需要的注意的是，如何你想再次編輯該圖片的形狀樣式，需要再次新建一個你需要的形狀對象，同時選中兩者，按下 Command+【M】鍵來新建新的剪切蒙版。通過后者新建的圖片對象是可以通過雙擊再次編輯圖片位置和屬性的。

除此之外，值得一提的是 Xd 提供了一種新的控制模式 Repeat Gird ,在此我將其稱作批量控制。選中任意對象后點擊此按鈕，對象的定界框會由藍(lán)色變?yōu)榫G色，同時在水平和豎直方向多出兩個圓角矩形的按鈕，點擊并拖動按鈕即可在不同方向上對該對象進(jìn)行批量復(fù)制，同時可以通過點擊對象之間的區(qū)域進(jìn)行拖動來批量調(diào)整所有對象之間的間距。

工具區(qū)域默認(rèn)為淺灰色底色，目前不支持編輯背景色值。

四、原型模式

Xd 目前版本的交互方式只支持頁面之間的跳轉(zhuǎn)。操作過程倒是非常簡單。在原型模式下選中任意控件，其右側(cè)便會出現(xiàn)一箭頭符號，用戶點擊箭頭符號并拖動，將引導(dǎo)線拉至任意頁面即可完成簡單的交互動畫。

與此同時，還可以通過點擊控件或其指向頁面?zhèn)冗叺募^符號來控制動畫類型和參數(shù)。目前提供的屬性僅包括頁面出現(xiàn)的方式、持續(xù)時間以及緩入緩出屬性。

用戶可以在選中需要預(yù)覽的頁面后點擊導(dǎo)航欄右側(cè)的預(yù)覽按鈕進(jìn)行預(yù)覽操作。同時 Xd 在預(yù)覽窗口的右上角提供了視頻錄制功能。用戶可以點擊該按鈕開始錄制，在完成交互操作后，再次點擊該按鈕完成錄制并導(dǎo)出視頻。視頻格式目前僅支持 mov 格式。

除此之外，用戶還可以通過點擊導(dǎo)航欄右上角的分享按鈕，來創(chuàng)建可以在線預(yù)覽的鏈接。文件會默認(rèn)儲存在 Adobe Creative Cloud 的資源庫內(nèi)。同時也可以通過點擊分享按鈕下的 Manage Links 按鈕來編輯及管理這些內(nèi)容。

我們也可以選擇在移動端打開該分享鏈接來進(jìn)行實際操作和預(yù)覽。由于 Safari 瀏覽器會保留一部分標(biāo)題欄以至于無法實現(xiàn)全屏預(yù)覽。所以筆者找到了開發(fā)同學(xué)，寫了一個可以使瀏覽器內(nèi)容全屏預(yù)覽的小程序。除此之外，還可以選擇 Chrome 瀏覽器來達(dá)到類似效果。

五、功能小結(jié)：

1. 無標(biāo)尺功能，在不拖動物體的情況下無法做到如 PS 或 Sketch 一樣，直接查看對象之間的間距尺寸。

2. 無縮放工具，目前僅支持通過 Command + 【+/-】進(jìn)行視圖縮放,無法做到如 Sketch 一樣做到針對特定對象的聚焦縮放。

3. 無像素預(yù)覽模式，所以無法做到圖標(biāo)邊緣的像素對齊，在輸出 jpg 格式切圖時會出現(xiàn)邊緣模糊的情況。

4. 目前僅支持純色填充，無漸變或其他選項。

5. 文字屬性目前僅支持對齊方式及字間距的調(diào)整，無行高、段落等選項。

6. 支持編輯節(jié)點 ，但無端點、交點、虛線、閉合路徑、描邊擴展等選項。

7. 圓角矩形無法如 AI 一樣，單獨調(diào)整某一圓角的度數(shù)(經(jīng) @七戀 同學(xué)提醒，Xd 可在選中角點的同時按下 Option 來進(jìn)行調(diào)整)。

8. 支持頁面之間的交互跳轉(zhuǎn)，不支持同一頁面控件間的位移、縮放及透明度動畫。

所以目前版本的 Xd 是無法獨立完成界面以及圖標(biāo)的繪制。當(dāng)然，這些問題對于 adobe 來說應(yīng)該不存在技術(shù)難點。問題在于 Xd 的定位是一款需要與 PS、AI 協(xié)作的輕量化交互原型工具，還是更趨于獨立?；蛟S adobe 本身也在思考與觀望，V0.5 版本也僅是投石問路的一次嘗試。

總而言之，Xd 作為一款新的交互軟件，在它的身上我們能夠看到不少新興工具的身影。同時也能看出 Adobe 公司突破其已有軟件束縛，所做的一些新嘗試。雖然軟件本身還有著許多不足之處，但對于產(chǎn)品設(shè)計師來講，它的一些功能還是可圈可點的。

Experience Design CC(Beta)v0.8.22

資產(chǎn)組

通過將設(shè)計資產(chǎn)添加到“資產(chǎn)”面板(以前稱為“符號”面板)中，自動包含符號，從而使設(shè)計資產(chǎn)(如顏色和字符樣式)輕松可用于重用。編輯面板中的任何顏色或字符樣式，更改將反映在整個文檔中。

粘貼樣式

從一個對象復(fù)制樣式并將其粘貼到另一個對象上，以應(yīng)用所有外觀屬性，包括透明度，填充，邊框，陰影和模糊。

粘貼互動

通過復(fù)制和粘貼交互，包括目標(biāo)，轉(zhuǎn)換，寬松和從一個對象到另一個對象的時間，節(jié)省時間來連接原型。

Experience Design CC(Beta)v0.6.32

符號覆蓋

在文本和位圖中自定義單個符號，而不會在文檔中進(jìn)行全局更改。

更新所有符號

通過從上下文菜單中選擇“更新所有”，替換特定符號的所有實例上的文本和位圖覆蓋。Windows 10上的符號

使用XD中的符號，您可以通過雙擊它們來編輯和重用對象。符號會自動更新您的設(shè)計 - 不需要隔離模式。您還可以將符號拖放到畫板上，或從符號面板進(jìn)行管理。在Windows 10上拖放圖層

通過單擊并將其拖動到位，輕松地重新排列畫布上的圖層。Windows 10上的漸變

創(chuàng)建，編輯和應(yīng)用線性漸變到顏色選擇器中畫布上的對象。Windows 10上的風(fēng)格化文本工具

更改文本的各個部分中的樣式或顏色。在Windows 10上復(fù)制/粘貼位圖

您現(xiàn)在可以使用剪貼板在Windows 10上復(fù)制和粘貼位圖。

Experience Design CC(Beta)v0.6.28

Windows 10上的下一代層

使用現(xiàn)代化的方法更快地使用圖層，通過僅突出顯示與您正在處理的畫板相關(guān)聯(lián)的圖層，快速幫助您找到所需的內(nèi)容，因此您的面板保持干凈整潔。

在Windows 10上鏈接更新

現(xiàn)在，您可以在更改原型時簡單地更新最新的鏈接，而不必創(chuàng)建新的鏈接。在Windows 10上擴展語言支持

XD現(xiàn)在有法語和德語。PDF導(dǎo)出在Windows 10上

通過將資產(chǎn)和畫板出口為單獨的PDF文件或單個PDF文件來分享資產(chǎn)和畫板。還有更多

還包括：能夠從Windows 10中的文件資源管理器復(fù)制和粘貼文件，能夠以原型模式復(fù)制和粘貼元素，同時保持交互不變等等。

體驗設(shè)計CC(Beta)v。0.6.24

Windows 10上的布爾組編輯

通過使用布爾運算組合對象組，輕松創(chuàng)建復(fù)雜的形狀。在Windows 10上擴展語言支持

XD現(xiàn)在有日文和韓文。

體驗設(shè)計CC(Beta)v。0.6.20

Windows 10上的縮放工具

通過從工具欄中選擇縮放工具或使用鍵盤快捷方式，放大畫布的特定區(qū)域。 Windows 10上的Photoshop和Illustrator集成

將Adobe Photoshop CC和Illustrator CC資產(chǎn)直接復(fù)制并粘貼到Adobe XD中。

Windows 10上的像素完美布局

將布局中的項目與上下文菜單中的“對齊到像素網(wǎng)格”命令對齊為最接近的整數(shù)。在Windows 10上在線共享企業(yè)

企業(yè)現(xiàn)在可以使用共享在線服務(wù)共享其XD原型的鏈接。解決評論

關(guān)閉循環(huán)的注釋，而不刪除它們，將其標(biāo)記為“已解決”。原型所有者可以取消解析注釋使其返回到主視圖。Windows 10上的寬高比鎖定

在調(diào)整矢量對象的大小時鎖定高度和寬度比，以確保您的設(shè)計在任何大小的保真度。