-
1 # PS學習社
-
2 # 嶽詩瘋吟
優點：
介面操作習慣與PS，AI，sketch相似，無需學習成本
內建現行通用的各種螢幕尺寸規格
內建移動端普及最高的三種手機系統規範模版：蘋果iOS，安卓Material Design,微軟Winphone
最基本的操作指
缺點：
1.設計和互動很多功能，並不完善
3.沒有圖層，很不習慣
-
3 # Bigachu
目前xd只是個幻燈片製作工具，畫圖功能過於簡陋，除了一些快捷操作外，基本上只能算是一個玩具。從定位上看是替代Fireworks的一款針對性較強的原型工具，易於上手與輕量化是xd的優點，有發展成ui/ux優秀軟體的潛力，但仍要觀望，因為xd目前只能用於繪圖，互動部分要透過線上服務與他人分享，而該服務對中國鎖區，也就是說如果你不能翻牆，也不保證你展示給人家看的那個客戶會翻牆，那用xd就只能輸出靜態圖，並且軟體不支援本地匯出互動演示稿，不難想象以adobe的尿性，日後正式釋出也未必加入此功能，要開通creative cloud某些服務就得掏錢，flash當初就是因為授權費錯失進入移動領域的先機，不排除xd重蹈覆轍。個人建議保持觀望，咱不折騰。
-
4 # kitcheng
從釋出就一直在用，之前我兼任產品經理一職，過去axure和sketch都用過一下，但感覺就像是在用牛刀殺雞一樣，問題是問題，但感覺小題大做了。所以我當時更傾向於把思路原型用塗鴉工具用手畫出來給美工設計。後來出了xd，一開始的一個例子跟著做一遍就學會了，從此用它畫原型，然後美工再根據我的原型用sketch詳細設計，整個過程挺順利的。我就是奇怪什麼時候出正式版呢？
-
5 # 米田主動設計
P&G副Quattroporte曾經說過：我覺得自己一直都在做相同的事，工作起來很無力。
同樣的事物，同樣的崗位，不同的時期內容與方向都會改變。舉個簡單的例子：
如果一直用同樣的思維來面對自己的工作，而無法跟上外面世界的變化，很容易就被世界拋棄。
同樣做UI設計，5年前都是以Photoshop設計和製作為主。現在呢？已經出現了三足鼎立的現象，現在國外流行以Sketch、Adobe XD、Figma這三款軟體為主。
未來發展會變快，嘗試使用數字工具來做事，更有利於讓自己繼續前進。
UI/UX工具發展趨勢
“易用性第一，體驗性第二。”
2018年是設計師在設計時考慮到易用性的一年，設計不斷適應著使用者的新需求，雖然我們不大可能預測太遠的未來，但是我們仍然可以對UI/UX的未來幾年的發展趨勢有一個基本的猜測。
原來單純以設計使用者介面為生的設計師，將會在職責上有所變化。
近期，一位來自谷歌的設計師爆出了一個很驚人的結論，在美國矽谷單純的UI設計師越來越少了。如果一個視覺設計師不懂產品，不懂互動設計，不懂使用者體驗設計，基本上就沒有出路了。
這從側面也印證了一點，視覺、原型和互動可能才是UI的真正發展方向和最終形態。
今天我們來探討2018年影響使用者體驗設計領域走向的重要因素。
簡單來說，如上圖所述，新一代設計工具應該滿足三個特點：
Design：高保真設計Phototype：低保真原型Handoff：互動流程更有大膽預測，到2019年，這部分的工作會被機器人（Ai）替代。更有大膽預測，到2019年，這部分的工作會被機器人替代這個流程裡大部分的工作。
矽谷設計師用什麼工具？
看了很多來自矽谷設計師分享的文章，他們的職責是分析問題，解決問題，並用視覺傳達的方式使使用者有更好的產品體驗。很多UX設計師或UX研究員(UX researcher)都具有心理學、統計學的背景，他們透過定性與定量的分析來規劃出一套更好的介面框架。
所以他們需要三合一的策略，即將原型、高保真設計以及互動流程組合成統一的流程。
如果說具體到什麼工具？大致現在流行軟體如下。
Figma ：協同互動設計工具Adobe XD：PHOTOSHOP家的輕量級介面設計工具Zeplin：介面交付工具Stage & Gallery：基於安卓Material的設計工具Sketch：介面設計師常用工具Framer：形成帶有程式碼特性的工具ProtoPie：快速生成互動&原型的工具中國設計師用什麼工具？
國內的設計環境，特別是專業團隊，用的工具，和矽谷並沒有多大的差異。但是不同之處在於，由於環境的差異，大部分新入門的朋友，還是以Photoshop入門為主。
其實真正的UI設計，涉及的軟體都比較龐雜。基本下面這幅圖已經涵蓋現階段能使用的大部分UI/UX工具。
Great for static wireframes：建立線框原型工具Ideal for click-through prototypes：建立設計視覺稿工具Interaction and hi-fi tools：互動&高保真效果工具
具體可以檢視：http://www.prototypr.io/prototyping-tools/
未來用什麼工具？
未來機器人AI會搶走你的工作嗎？
相信很多人對上面的問題都有所擔心。怎麼判斷未來這個職位會不會消失呢？
有個網站，能查出崗位未來的需求量。開啟網站後，輸入要查詢的職業名稱（英文），比如說cashier（收銀員）， 網站會顯示，有97%機率可能在未來被機器人取代。每個關鍵字底下會有說明，為什麼這個職業未來可能會面臨失業的風險。
輸入以下網址查詢：https://willrobotstakemyjob.com/
cashier：收銀員
Interior Designers：互動設計師
看到這裡，恭喜各位設計師，暫時你們還是相對安全。
下一代設計工具是什麼？
做設計這一行，需要幹到老學到老，姑且不提Photoshop、Illustrator等軟體的持續更新，新軟體層出不窮的出現。為了提高工作效率，很多知識是需要重新學習和掌握。
留意設計新聞的同學可能注意到，中國時間7月20日，簡體中文版Adobe XD CC正式來到我們身邊。
簡單來說對比其他工具，它的特點：
完全免費提供相容Windows和MacAdobe爸爸全力支援它的發展瞭解這麼多，我特意結合UI設計工作中常用的工作習慣，輸出簡體中文版Adobe XD CC 的使用技巧，掌握這些技巧後，工作也會變得更加輕鬆。
現代流程的應用設計流程
原型草圖——視覺介面——互動流程——設計分享——協同反饋——重複
標準的UI設計過程或多或少都是這樣。以往，我們可能需要不同的軟體協作才能完成這樣的流程，譬如設計工具（Sketch，Photoshop，Illustrator），協同工具、互動工具和反饋工具等。
新一代的介面設計工具，都是將這些功能集合到同一個應用中實現。因為恰逢簡體中文版Adobe XD CC釋出，我們看看這個版本有沒有完全跑通這套流程。一個軟體能集中這套流程，就已經是相當大的優勢了。
下載免費使用地址：下載免費的 Adobe XD CC | UX/UI 設計、協作工具
軟體在啟動介面就有教程入口。跟著教程做一遍大概需要十分鐘時間，就能基本瞭解操作流程。
設計和互動模組基本都能在下圖頂部標籤找到，即設計為視覺稿設定，原型為互動稿設定。
整體來說入手難度不大，有良好的入門指引。我基本操作了15分鐘，基本完成一個介面的設計和互動流程。
如果你還在猶豫，值不值得花時間學習，不妨看看我發的XD黑科技技巧，或許你會對它如何提高效率，幫助你更快更好完成設計有更清楚得認識。效率就是生命，我從來不拒絕能偷懶且提高速度的方法。
快速複製&貼上樣式
快捷操作：
複製 MacOS：⌘+C Win：Ctrl+C貼上外觀/互動 MacOS：⌥+⌘+V Win：Ctrl+Alt+V
極速生成相同的元素
我覺得這是XD最重要的功能【重複網格】，只需要3秒，就能快速生成一堆相似的模組。
快捷操作：
原來我們的工作流程都是需要一個個複製元素，效率實在有點低。這項操作，能夠使我們的效率有著極大的提升。如果每個元素都能快速的增加或減少數量，那我們就有更多時間處理別的問題。
原來你只能出一版的設計，現在能出3-4版，這不是顯得我們更為高效麼？
快速生成小控制元件
以往，我特別討厭做這個，因為操作起來很機械，即繪製好高亮和非高亮狀態，複製，排列，對齊，調整好位置。雖然都是瑣碎的動作，但是當要建立多種控制元件時，難免讓人很麻木。
現在，利用上面說的重複網格，就能做到類似的效果，且建立速度很快，修改調整也很快。
快速填充真實資料
這樣的資料結構看起來十分的蒼白。如果是以往的工作方式，需要做到真實的效果，要一個個找圖和文字，那樣效率實在太低了。
怎麼辦？在其他軟體裡能透過外掛快速實現填充。在XD裡，不用透過外掛就能快速填充了。
現在這樣的填充方式主要有三類：
從檔案拖拽填充內容
將文字檔案（.txt）拖放到重複網格中的元素上，既能快速批次替換一大批的文字。唯一可惜，前期你需要整理收集常用的關鍵字列表，譬如標題、姓名、年齡、摘要等資料。
快速將元素放到想要的位置
基本每個設計師，除了儲存命令外，最常用的命令就是複製/貼上。之前的操作裡，有個明顯的缺陷是，複製時，我想新建立的元素在所有元素的最上方。這基本很難透過一個命令解決。
現在，Adobe XD有個方法能令我們快速實現將元素放到想要的位置。
1、同一層級複製
快捷操作：
2、複製到所有元素最上層級
快捷操作：
快速生成不同的網格系統
在整個設計領域，網格系統的作用很重要。特別對於新手設計師，能幫助其快速創建出符合現代審美標準的設計。
快捷操作：
柵格 MacOS：⇧+⌘+’ Win：Ctrl Shift "網格 MacOS：⌘+’ Win：Ctrl "
快速複製和遮罩圖片
圖片遮罩，是一個很常用的功能。以往用Adobe的相關軟體做類似的操作，效率比較慢。
比較驚喜的是，現在只要將影象直接拖放到XD中對應的圖形裡，就能完成遮罩填充了。在任何形狀裡都能完成這樣的操作，明顯這是一個利好的訊息。而且它是非一次性操作，雙擊圖層，還能進行進一步的調整。
快速匯出不同的元素
介面設計跟平面設計有一個很大的不同。就是需要給不同的裝置輸出不同尺寸的設計。如果你給每一個尺寸都做一個設計的話，那工作量就會顯得非常龐大。
這時候，如果有工具能直接在一個操作裡輸出不同尺寸的素材就顯得很棒了。
能匯出web格式。能匯出ios格式素材，1x、2x和3x版本。能匯出Android格式素材，ldpi、mdpi、hdpi 、xhdpi、xxhdpi、xxxhdpi版本。總結：簡體中文版Adobe XD CC，值得一試的三個理由
恰逢簡體中文版Adobe XD CC釋出，相對於英文版，它顯得還不是那麼完美。不過它已經提供一種加快工作思路，以及一些優秀的功能。
如果你想第一時間瞭解，這款新發布的工具。免費下載使用地址：http://adobe.com/cn/products/xd.html?promoid=162BDV93&mv=other
簡單來說對比其他工具，它的特點：
完全免費應用提供給我們可以在Windows 和 Mac 上安裝擁有很多獨家的功能，特別是重複網格系統 -
6 # 米田主動設計
P&G副Quattroporte曾經說過：我覺得自己一直都在做相同的事，工作起來很無力。
同樣的事物，同樣的崗位，不同的時期內容與方向都會改變。舉個簡單的例子：
如果一直用同樣的思維來面對自己的工作，而無法跟上外面世界的變化，很容易就被世界拋棄。
同樣做UI設計，5年前都是以Photoshop設計和製作為主。現在呢？已經出現了三足鼎立的現象，現在國外流行以Sketch、Adobe XD、Figma這三款軟體為主。
未來發展會變快，嘗試使用數字工具來做事，更有利於讓自己繼續前進。
UI/UX工具發展趨勢
“易用性第一，體驗性第二。”
2018年是設計師在設計時考慮到易用性的一年，設計不斷適應著使用者的新需求，雖然我們不大可能預測太遠的未來，但是我們仍然可以對UI/UX的未來幾年的發展趨勢有一個基本的猜測。
原來單純以設計使用者介面為生的設計師，將會在職責上有所變化。
近期，一位來自谷歌的設計師爆出了一個很驚人的結論，在美國矽谷單純的UI設計師越來越少了。如果一個視覺設計師不懂產品，不懂互動設計，不懂使用者體驗設計，基本上就沒有出路了。
這從側面也印證了一點，視覺、原型和互動可能才是UI的真正發展方向和最終形態。
今天我們來探討2018年影響使用者體驗設計領域走向的重要因素。
簡單來說，如上圖所述，新一代設計工具應該滿足三個特點：
Design：高保真設計Phototype：低保真原型Handoff：互動流程更有大膽預測，到2019年，這部分的工作會被機器人（Ai）替代。更有大膽預測，到2019年，這部分的工作會被機器人替代這個流程裡大部分的工作。
矽谷設計師用什麼工具？
看了很多來自矽谷設計師分享的文章，他們的職責是分析問題，解決問題，並用視覺傳達的方式使使用者有更好的產品體驗。很多UX設計師或UX研究員(UX researcher)都具有心理學、統計學的背景，他們透過定性與定量的分析來規劃出一套更好的介面框架。
所以他們需要三合一的策略，即將原型、高保真設計以及互動流程組合成統一的流程。
如果說具體到什麼工具？大致現在流行軟體如下。
Figma ：協同互動設計工具Adobe XD：PHOTOSHOP家的輕量級介面設計工具Zeplin：介面交付工具Stage & Gallery：基於安卓Material的設計工具Sketch：介面設計師常用工具Framer：形成帶有程式碼特性的工具ProtoPie：快速生成互動&原型的工具中國設計師用什麼工具？
國內的設計環境，特別是專業團隊，用的工具，和矽谷並沒有多大的差異。但是不同之處在於，由於環境的差異，大部分新入門的朋友，還是以Photoshop入門為主。
其實真正的UI設計，涉及的軟體都比較龐雜。基本下面這幅圖已經涵蓋現階段能使用的大部分UI/UX工具。
Great for static wireframes：建立線框原型工具Ideal for click-through prototypes：建立設計視覺稿工具Interaction and hi-fi tools：互動&高保真效果工具
具體可以檢視：http://www.prototypr.io/prototyping-tools/
未來用什麼工具？
未來機器人AI會搶走你的工作嗎？
相信很多人對上面的問題都有所擔心。怎麼判斷未來這個職位會不會消失呢？
有個網站，能查出崗位未來的需求量。開啟網站後，輸入要查詢的職業名稱（英文），比如說cashier（收銀員）， 網站會顯示，有97%機率可能在未來被機器人取代。每個關鍵字底下會有說明，為什麼這個職業未來可能會面臨失業的風險。
輸入以下網址查詢：https://willrobotstakemyjob.com/
cashier：收銀員
Interior Designers：互動設計師
看到這裡，恭喜各位設計師，暫時你們還是相對安全。
下一代設計工具是什麼？
做設計這一行，需要幹到老學到老，姑且不提Photoshop、Illustrator等軟體的持續更新，新軟體層出不窮的出現。為了提高工作效率，很多知識是需要重新學習和掌握。
留意設計新聞的同學可能注意到，中國時間7月20日，簡體中文版Adobe XD CC正式來到我們身邊。
簡單來說對比其他工具，它的特點：
完全免費提供相容Windows和MacAdobe爸爸全力支援它的發展瞭解這麼多，我特意結合UI設計工作中常用的工作習慣，輸出簡體中文版Adobe XD CC 的使用技巧，掌握這些技巧後，工作也會變得更加輕鬆。
現代流程的應用設計流程
原型草圖——視覺介面——互動流程——設計分享——協同反饋——重複
標準的UI設計過程或多或少都是這樣。以往，我們可能需要不同的軟體協作才能完成這樣的流程，譬如設計工具（Sketch，Photoshop，Illustrator），協同工具、互動工具和反饋工具等。
新一代的介面設計工具，都是將這些功能集合到同一個應用中實現。因為恰逢簡體中文版Adobe XD CC釋出，我們看看這個版本有沒有完全跑通這套流程。一個軟體能集中這套流程，就已經是相當大的優勢了。
下載免費使用地址：下載免費的 Adobe XD CC | UX/UI 設計、協作工具
軟體在啟動介面就有教程入口。跟著教程做一遍大概需要十分鐘時間，就能基本瞭解操作流程。
設計和互動模組基本都能在下圖頂部標籤找到，即設計為視覺稿設定，原型為互動稿設定。
整體來說入手難度不大，有良好的入門指引。我基本操作了15分鐘，基本完成一個介面的設計和互動流程。
如果你還在猶豫，值不值得花時間學習，不妨看看我發的XD黑科技技巧，或許你會對它如何提高效率，幫助你更快更好完成設計有更清楚得認識。效率就是生命，我從來不拒絕能偷懶且提高速度的方法。
快速複製&貼上樣式
快捷操作：
複製 MacOS：⌘+C Win：Ctrl+C貼上外觀/互動 MacOS：⌥+⌘+V Win：Ctrl+Alt+V
極速生成相同的元素
我覺得這是XD最重要的功能【重複網格】，只需要3秒，就能快速生成一堆相似的模組。
快捷操作：
原來我們的工作流程都是需要一個個複製元素，效率實在有點低。這項操作，能夠使我們的效率有著極大的提升。如果每個元素都能快速的增加或減少數量，那我們就有更多時間處理別的問題。
原來你只能出一版的設計，現在能出3-4版，這不是顯得我們更為高效麼？
快速生成小控制元件
以往，我特別討厭做這個，因為操作起來很機械，即繪製好高亮和非高亮狀態，複製，排列，對齊，調整好位置。雖然都是瑣碎的動作，但是當要建立多種控制元件時，難免讓人很麻木。
現在，利用上面說的重複網格，就能做到類似的效果，且建立速度很快，修改調整也很快。
快速填充真實資料
這樣的資料結構看起來十分的蒼白。如果是以往的工作方式，需要做到真實的效果，要一個個找圖和文字，那樣效率實在太低了。
怎麼辦？在其他軟體裡能透過外掛快速實現填充。在XD裡，不用透過外掛就能快速填充了。
現在這樣的填充方式主要有三類：
從檔案拖拽填充內容
將文字檔案（.txt）拖放到重複網格中的元素上，既能快速批次替換一大批的文字。唯一可惜，前期你需要整理收集常用的關鍵字列表，譬如標題、姓名、年齡、摘要等資料。
快速將元素放到想要的位置
基本每個設計師，除了儲存命令外，最常用的命令就是複製/貼上。之前的操作裡，有個明顯的缺陷是，複製時，我想新建立的元素在所有元素的最上方。這基本很難透過一個命令解決。
現在，Adobe XD有個方法能令我們快速實現將元素放到想要的位置。
1、同一層級複製
快捷操作：
2、複製到所有元素最上層級
快捷操作：
快速生成不同的網格系統
在整個設計領域，網格系統的作用很重要。特別對於新手設計師，能幫助其快速創建出符合現代審美標準的設計。
快捷操作：
柵格 MacOS：⇧+⌘+’ Win：Ctrl Shift "網格 MacOS：⌘+’ Win：Ctrl "
快速複製和遮罩圖片
圖片遮罩，是一個很常用的功能。以往用Adobe的相關軟體做類似的操作，效率比較慢。
比較驚喜的是，現在只要將影象直接拖放到XD中對應的圖形裡，就能完成遮罩填充了。在任何形狀裡都能完成這樣的操作，明顯這是一個利好的訊息。而且它是非一次性操作，雙擊圖層，還能進行進一步的調整。
快速匯出不同的元素
介面設計跟平面設計有一個很大的不同。就是需要給不同的裝置輸出不同尺寸的設計。如果你給每一個尺寸都做一個設計的話，那工作量就會顯得非常龐大。
這時候，如果有工具能直接在一個操作裡輸出不同尺寸的素材就顯得很棒了。
能匯出web格式。能匯出ios格式素材，1x、2x和3x版本。能匯出Android格式素材，ldpi、mdpi、hdpi 、xhdpi、xxhdpi、xxxhdpi版本。總結：簡體中文版Adobe XD CC，值得一試的三個理由
恰逢簡體中文版Adobe XD CC釋出，相對於英文版，它顯得還不是那麼完美。不過它已經提供一種加快工作思路，以及一些優秀的功能。
如果你想第一時間瞭解，這款新發布的工具。免費下載使用地址：http://adobe.com/cn/products/xd.html?promoid=162BDV93&mv=other
簡單來說對比其他工具，它的特點：
完全免費應用提供給我們可以在Windows 和 Mac 上安裝擁有很多獨家的功能，特別是重複網格系統
回覆列表
友好的開始介面只能在design狀態下增加畫板
快捷鍵：按住command＋option可增加畫板
設計下的工具欄最基本的作圖工具，話說測試版真的精簡了許多PS的功能，並且也融合的sketch的清晰的介面，但是這些真的夠有用麼？方形可以直接改變圓角，繼承了AI
不一一介紹了，因為操作是沒有任何難度的，只要你之前用過adobe家的其他軟體，很容易明白工具的作用。
互動有哪些可以實現的功能對於互動而言，功能僅侷限於向左右上下滑動，緩入緩出，和設定互動動作的時間長短。
試用到這裡，感覺這真只是一款測試版。在互動上而言，並沒有之前使用過的Axure，墨刀，X-code功能全面。
優點：
介面操作習慣與PS，AI，sketch相似，無需學習成本
內建現行通用的各種螢幕尺寸規格
內建移動端普及最高的三種手機系統規範模版：蘋果iOS，安卓Material Design,微軟Winphone
最基本的操作指
缺點：1.設計和互動很多功能，並不完善
3.沒有圖層，很不習慣