Adobe Experience Design cc win10漢化版是adobe旗下的一款交互設(shè)計(jì)工具,這款工具僅支持win10系統(tǒng)。作為Edge Tools的全新升級(jí)版,Adobe Experience Design可以通過眾多的畫板來創(chuàng)建可點(diǎn)擊交互的原型,軟件將ui設(shè)計(jì)和UX設(shè)計(jì)合二為一,旨在成為ux設(shè)計(jì)師的最終解決方案。
win10版本介紹:
在下載適用于Windows 10的Adobe XD之后,您將找到一組核心的功能,用于設(shè)計(jì)和原型設(shè)計(jì)網(wǎng)站和移動(dòng)應(yīng)用程序,包括XD的創(chuàng)新重復(fù)網(wǎng)格工具,用于加速設(shè)計(jì)元素的布局,以及可視化連接器,原型。要開始使用Adobe XD,請務(wù)必查看位于幫助菜單中的內(nèi)置教程文件。您也可以觀看這些教程的概述。
原型布線紙雖然您可以將XD文檔中的資源導(dǎo)出為PNG,并通過桌面或通過XD移動(dòng)應(yīng)用程序體驗(yàn)原型,但尚不支持通過Creative Cloud共享原型。共享原型是我們團(tuán)隊(duì)的高優(yōu)先級(jí),我們正在努力在將來的更新中添加該功能。
為Windows 10構(gòu)建一個(gè)全新的UWP應(yīng)用程序的好處之一是我們可以利用最新的硬件和軟件。要在Windows 10上安裝Adobe XD,您需要確保安裝了最新的“周年版”win10。要檢查您運(yùn)行的是哪個(gè)版本,請按照本指南中的說明進(jìn)行操作。如果您不確定如何升級(jí)到周年紀(jì)念更新,請從Microsoft閱讀這篇文章。
我們有雄心勃勃的計(jì)劃,為XD中的觸摸設(shè)備和筆輸入提供全面支持。雖然我們在這方面取得了進(jìn)展,但我們還沒有準(zhǔn)備好在公開的測試版本中提供這些功能。一旦我們提供了用于設(shè)計(jì),原型設(shè)計(jì)和共享用戶體驗(yàn)的核心XD功能集,我們將為Microsoft Surface系列產(chǎn)品和其他支持觸摸的設(shè)備啟用觸摸和筆功能。
安裝方法:
第一步:訪問Adobe XD的官網(wǎng)下載地址,并點(diǎn)擊Download按鈕
https://www.adobe.com/hk_zh/products/experience-design.html?promoid=7DRZ6NXX&mv=other
第二步:選擇登入或注冊Adobe賬號(hào),并選擇Adobe Experience Design CC的技能程度(PS:這里選擇的新手),大家可以隨便選擇的
第三步:登陸后會(huì)下載一個(gè)桌面的Adobe Create Cloud(又稱為ACC),然后在這里登陸剛才注冊的Adobe的賬號(hào),就會(huì)自動(dòng)開始下載
快捷鍵大全:
通用快捷鍵:
Enter: 編輯所選圖層
Escape: 退出當(dāng)前工具,取消選擇所有圖層或返回檢查器
圖層:
選擇V
矩形工具R
橢圓工具E
直線工具L
鋼筆工具P
文本工具T
畫板A
文件:
新建Command+N
打開Command+O
關(guān)閉Command+W
保存Command+S
另存為Command+Shift+S
導(dǎo)入Command+Shift+I
導(dǎo)出Command+E
在線分享Command+Shift+E
Xd中文網(wǎng)整理,轉(zhuǎn)載注明出處
編輯
后退Command+Z
前進(jìn)Command+Shift+Z
剪切Command+X
復(fù)制Command+C
粘貼Command+V
重復(fù)Command+D
刪除94xy.com:Delete
全選Command+A
取消全選Command+Shift+A
對(duì)象
打組Command + G
取消打組Command + Shift + G
符合Command + K
鎖定Command + L
隱藏Command + ;
剪切蒙版Command + Shift + M
重復(fù)網(wǎng)格Command + R
Xd中文網(wǎng)整理,轉(zhuǎn)載注明出處
布爾運(yùn)算、路徑
相加Command+Option+U
相減Command+Option+S
想交Command+Option+I
排除重疊Command+Option+X
轉(zhuǎn)換為路徑Command+8
文本
加粗Command+B
傾斜Command+I
圖層
上移一層Command+]
下移一層Command+]
移至頂層Command+Shift+]
移至底層Command+Shift+]
對(duì)齊
左對(duì)齊Command + Shift + ←
水平居中Command + Shift + →
右對(duì)齊Command + Shift + C
上對(duì)齊Command + Shift + ↑
垂直居中Command + Shift + M
下對(duì)齊Command + Shift + ↓
分布
水平分布Command + Shift + H
垂直分布Command + Shift + V
視圖
Space: 抓手工具
放大Command + +
縮小Command + -
按屏幕大小縮放Command + 0
100%顯示Command + 1
200%顯示Command + 2
滾動(dòng)至所選圖層Command + 3:
Z: 放大工具。按住 Z 鍵,用鼠標(biāo)單擊拖拽出一個(gè)區(qū)域放大94xy.com縮小則使用 Z + alt 再用鼠標(biāo)單擊。
全屏 Command + Shift + F
切換設(shè)計(jì)/原型模式Control + Tab
符合庫PreviewShift + Y
網(wǎng)格Command + Shift + '
窗口
最小化預(yù)覽Command + M
Preview預(yù)覽Command + Enter
錄制預(yù)覽Command + Control + R
使用評(píng)測:
一、資源模板
打開軟件首先會(huì)彈出一個(gè)模板選擇頁面,這里為我們提供了 iPhone、iPad、Web 等常見的設(shè)計(jì)尺寸。同時(shí)自帶了一個(gè)簡單的演示文件以及 iOS、Google Material 和 Win Phone 的常用控件庫。窗口右側(cè)則是近期使用的文件記錄。
二、整體界面
選擇一個(gè)合適的尺寸,我們便進(jìn)入了軟件的操作界面。和傳統(tǒng) Adobe 軟件界面相比,Xd 的界面要更接近于 Sketch,風(fēng)格更加清爽,信息層級(jí)更加清晰。
整個(gè)應(yīng)用可以分為設(shè)計(jì)和原型兩種工作模式,這一點(diǎn)讓工作流程變得更為清晰,用戶也無需在多個(gè)軟件下來回切換。接下來我就兩種模式展開介紹。
三、設(shè)計(jì)模式
我將該模式簡單的劃分為了導(dǎo)航欄、工具欄、檢查器以及工作區(qū)四個(gè)區(qū)域。
用戶可以通過導(dǎo)航欄左側(cè)的按鈕在設(shè)計(jì)和原型兩種模式下進(jìn)行切換。而標(biāo)題欄右側(cè)則是顯示了當(dāng)前視圖的縮放比例,同時(shí)提供了播放和分享功能的按鈕(此功能后續(xù)會(huì)相繼展開)。
左側(cè)的工具欄提供以下幾種常用的工具:選擇工具、矩形工具、圓形工具、直線工具、鋼筆工具、文字工具以及新建畫板。對(duì)用的快捷鍵分別為:V R E L P T A 使用方法基本沿用 Adobe 其它軟件的用戶習(xí)慣,所以在此就不展開介紹了。
右側(cè)的檢查器主要包括了對(duì)齊,布爾運(yùn)算,對(duì)象尺寸、位置以及旋轉(zhuǎn)角度和外觀屬性。其中外觀屬性目前提供了透明度、描邊、填充以及投影這幾種選項(xiàng)。
Xd 的任意形狀都可以看做默認(rèn)的圖片剪切蒙版,直接將圖片拖放到相應(yīng)的對(duì)象上,圖片便會(huì)根據(jù)對(duì)象的尺寸進(jìn)行自動(dòng)縮放適配。需要的注意的是,如何你想再次編輯該圖片的形狀樣式,需要再次新建一個(gè)你需要的形狀對(duì)象,同時(shí)選中兩者,按下 Command+【M】鍵來新建新的剪切蒙版。通過后者新建的圖片對(duì)象是可以通過雙擊再次編輯圖片位置和屬性的。
除此之外,值得一提的是 Xd 提供了一種新的控制模式 Repeat Gird,在此我將其稱作批量控制。選中任意對(duì)象后點(diǎn)擊此按鈕,對(duì)象的定界框會(huì)由藍(lán)色變?yōu)榫G色,同時(shí)在水平和豎直方向多出兩個(gè)圓角矩形的按鈕,點(diǎn)擊并拖動(dòng)按鈕即可在不同方向上對(duì)該對(duì)象進(jìn)行批量復(fù)制,同時(shí)可以通過點(diǎn)擊對(duì)象之間的區(qū)域進(jìn)行拖動(dòng)來批量調(diào)整所有對(duì)象之間的間距。

工具區(qū)域默認(rèn)為淺灰色底色,目前不支持編輯背景色值。
四、原型模式
Xd 目前版本的交互方式只支持頁面之間的跳轉(zhuǎn)。操作過程倒是非常簡單。在原型模式下選中任意控件,其右側(cè)便會(huì)出現(xiàn)一箭頭符號(hào),用戶點(diǎn)擊箭頭符號(hào)并拖動(dòng),將引導(dǎo)線拉至任意頁面即可完成簡單的交互動(dòng)畫。
與此同時(shí),還可以通過點(diǎn)擊控件或其指向頁面?zhèn)冗叺募^符號(hào)來控制動(dòng)畫類型和參數(shù)。目前提供的屬性僅包括頁面出現(xiàn)的方式、持續(xù)時(shí)間以及緩入緩出屬性。
用戶可以在選中需要預(yù)覽的頁面后點(diǎn)擊導(dǎo)航欄右側(cè)的預(yù)覽按鈕進(jìn)行預(yù)覽操作。同時(shí) Xd 在預(yù)覽窗口的右上角提供了視頻錄制功能。用戶可以點(diǎn)擊該按鈕開始錄制,在完成交互操作后,再次點(diǎn)擊該按鈕完成錄制并導(dǎo)出視頻。視頻格式目前僅支持 mov 格式。
除此之外,用戶還可以通過點(diǎn)擊導(dǎo)航欄右上角的分享按鈕,來創(chuàng)建可以在線預(yù)覽的鏈接。文件會(huì)默認(rèn)儲(chǔ)存在 Adobe Creative Cloud 的資源庫內(nèi)。同時(shí)也可以通過點(diǎn)擊分享按鈕下的 Manage Links 按鈕來編輯及管理這些內(nèi)容。
我們也可以選擇在移動(dòng)端打開該分享鏈接來進(jìn)行實(shí)際操作和預(yù)覽。由于 Safari 瀏覽器會(huì)保留一部分標(biāo)題欄以至于無法實(shí)現(xiàn)全屏預(yù)覽。所以筆者找到了開發(fā)同學(xué),