Adobe XD CC 2019 六大新功能 | 重點整理【中文字幕】
HTML-код
- Опубликовано: 1 авг 2024
- Adobe XD 全名叫做 Adobe Experience Design，它的應用是UI、UX設計，也就是使用者介面和使用者體驗，包括了網站 手機的App，可以創作原型以及分享，Adobe MAX大會上宣佈的XD CC 2019新功能包括以下幾項
0:00 介紹
0:40 Photoshop、Illustrator 整合
1:25 自動動畫 Auto Animate
2:20 拖拉手勢 Drag Gesture
3:11 整合外部開發資源：整合外掛、整合App協作工具 包括 Slack、JIRA 和 Microsoft Teams。免費設計範本 UI-kits 及Icon圖案設計
5:19 連結符號 Linked Symbols
5:58 語音命令和語音播放：可以Amazon Echo語音助理或各種語音介面整合Voice command
8:22 版面自動縮放：響應式設計 RWD
👉Photoshop CC 2019 十大新功能- • Photoshop CC 2019 十大新功...
👉Illustrator CC 2019 九大新功能- • Illustrator CC 2019 九大...
👉Rush CC 2019 輕量級剪片App- • 輕量級剪片App👉Adobe Rush 製作...
👉Dimension CC 2019 十大新功能- • Dimension CC 2019 十大新功...
錄影版本：Adobe XD CC 2019 Mac英文版
音樂： Bonus Points - Pizza and Video Games: goo.gl/Ax72rd
Adobe MAX影片- max.adobe.com/sessions/max-on... (有中文字幕）
Adobe XD CC 免費下載- adobe.ly/2Ek4Xj7
免費UI套件下載- theblog.adobe.com/free-xd-ui-...
免費提醒符號- www.behance.net/gallery/73119...
🎓工商服務 🎓
如果公司內部想要導入Adobe CC 2019，需要教育訓練 ，歡迎用這個email- jhsiacc@gmail.com 聯絡我，我可以提供面對面的付費課程
| 訂閱頻道 |
goo.gl/NZzSgM 只要有新影片上架，你就會收到通知，立刻可以觀賞內容。
| Facebook | / jimmyh519 我在FB會介紹Adobe軟體使用技巧、設計精采案例
| 好學校 Hahow |【Photoshop最重要的基本課】 hahow.in/cr/jhsiapscc 
Хобби
cool 语音辅助功能真的太棒了！
真的！而且今年的更新也支援中文語音囉👍
好詳細阿謝謝你
謝謝，歡迎訂閱我的頻道🙂
很清晰很棒
謝謝你的肯定😃
非常棒，谢谢分享
謝謝你的肯定😄
非常NICE
謝謝你的肯定😄
非常好,而且再創新的軟件Adobe XD CC ,不止網站,又其是手機APP,我覺得市場很大,希望盡早學會用上,多謝老師推介,和指導!......
謝謝，感覺Adobe這兩年會把很多資源放在這個軟體上，當然，能不能搶下市場龍頭是一回事，所以我們真正要關注的是 UI/UX 的設計邏輯和方法 💪
語音真的好厲害喔!!!!!!
真的好用😀
老师说的很好，期待老师多做点 AdobeXD 的案例教程 。👍
謝謝你的留言，我會繼續努力😀
好屌！
真的有在進步👍
非常酷
謝謝你的肯定😀
@@jimmyh519 請問如果要能讓製作的APP能在手機上用要如何做啊~~
響應式那功能超方便
真的超讚👍
老師您好！我過去都習慣用SKETCH，最近想改用XD，請問老師現在2019年官網下載的XD是永久免費的嘛？（我記得去年剛推出是永久免費）還是和其他軟體一樣只有一個月的試用期呢？
Adobe XD的免費版官方名稱叫做 Starter Plan，現在還是有，但是會比付費版多了一些限制，請參考這裡Adobe官方說明- www.adobe.com/tw/products/xd/compare-plans.html
如果无法通过XML代码导出设计，那么Adobe XD并不酷
哈哈，每個軟體都有它的定位和優缺點，Adobe XD很明顯就是要吸引平面設計和網頁設計師進去，如果你想要的功能是業界主流，Adobe遲早會加進去，如果不加進去，可能就是定位或其他問題，最後競爭不過別的軟體，自然大家就不會用了。
老师你好，我是一名学生，刚接触adobe XD,想请问在制作手机app时，我要如何把音乐，歌曲，影片放在adobe xd?应该怎样做才能把音乐，歌曲添加到我制作的app里面？
這是個好問題，不過我這兩年都專注在Premiere 和剪接影片，都沒有在用XD了，推薦你幾個網站看看
1. Adobe XD 新手入門- www.adobe.com/cn/products/xd/learn/get-started.html ，這裡有教學文章和影片（右下角cc 可選擇簡體中文字幕）
2. 操作影片- ruclips.net/channel/UC48fSJKMFBka3Zl0u7DGf0A ，這個人叫做Howard Pinsky，Adobe最會用XD的人，他的範例都很實用，你可以看看
3.XD 使用手冊- helpx.adobe.com/cn/xd/user-guide.html/cn/xd/help/welcome.ug.html
@@jimmyh519 ，谢谢老师
不客氣🙂
請問老師～2:20那邊預覽字會跑出來的效果怎麼做的🥺
這是個好問題，請先下載這個範例檔案 - adobe.ly/xdautoanimatekit
簡單來說，它分成兩個頁面，然後加上一個Auto Animate動作
1. 左邊Desktop-10頁面，先把文字圖層（圖層名稱 The World is waiting）隱藏在泥土下面（圖層名稱 Image 3）
2. 右邊Desktop-11頁面，把文字圖層（圖層名稱 The World is waiting）放大，泥土（圖層名稱 Image 3）縮小，然後調整一下相關位置
3. 在Adobe XD左上角，從Design切換到Prototype，然後用選取工具點選Desktop-10頁面，連結到Desktop-11頁面，到右方面板選擇Trigger > Time ，以及 Type> Auto-Animate就可以了 （範例檔案已經做完這個動作，你可以修改範例檔案的時間設定，看看出來的結果，可以變快或變慢）
XD應該直接整合到AI或PS。
AI 和PS 原本有很多和UI/UX無關的的功能，比較偏向平面設計和修圖，五年前有很多用戶因為Adobe沒有好的UI/UX工具就轉去使用別家的軟體，後來Adobe急起直追才推出了XD，目前是把AI和PS很多功能整合到XD裡面，但是獨立的XD速度快、包袱小，希望能搶回市佔率😄
不曉得文字的行高什麼時候才能正確顯示@@
嗯，這是個好問題，目前XD只有Lind spacing 行距，沒有Leading及其他進階文字選項，不過，你可以去這裡提出你想要的功能喔- adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests
想知道PS怎麼會有像AI一樣有三個工作區域
這是Photoshop CC 2015開始有的功能，請參考Adobe官網說明-
helpx.adobe.com/tw/photoshop/using/artboards.html
這個軟體可以像Dreamwaver一樣上傳到網路來製作網頁嗎?
還是需要轉到Dw裡面才能上傳?
謝謝。
這是個好問題，在XD的Plug-ins 下拉式選單裡可以選到Manage plugins，在裡面搜尋web export 就有可以把XD轉成HTML/CSS的外掛。
不過從定位上來看，在XD製作網頁最終目的是UI/UX設計，所以並不會像Dreamweaver包山包海，提供資料庫/購物車/電子商務整合以及整個網站管理的功能。尤其在現代使用者用智慧型手機上網普及程度，帶出了新的人機介面觸控互動模式（和桌機用滑鼠點選網頁有極大差別），導致了UI/UX設計的新思維和流程，也帶出了XD這種工具，看看XD的標語是設計Design、原型Prototype、分享Share，這和Dreamweaver=網頁設計 是很大不同的，給你參考。
夏榮慶Jimmy 謝謝你解開我的疑問。
老師您好~ 想請問 設定"自動動畫"後是否畫面下滑的"卷軸"就不能顯示了呢?
如果你指的是垂直的上下捲動，我試了一下，可以顯示，你可以參考這裡說明，Adobe有提到自動動畫不支援哪些動作- helpx.adobe.com/cn/xd/kb/supported-auto-animate-features-in-xd.html
@@jimmyh519
謝謝老師提供的資料，
後來我發現了要等動畫跑完，上下捲動才能動
不能動畫卷軸同時...
原本我設定的動畫是一直輪轉的，所以都沒有卷軸出現
最後一個動作取消接回第一動作後
動畫跑完，右邊卷軸就出來了 XD
@@ciaochanchou啊原來如此，我也沒想過輪播動畫哩😅，這是很重要的觀念啊， 謝謝你的留言補充，我也又學了一招👍
我實在搞不懂Adobe,，都做到語音功能了，物件變化還做不出來，真的要導入專案，頁面一大堆
哈哈，Adobe有它自己的使用族群和考量，如果你希望增加新功能，可以去這裡要他們努力點- adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests
我的drag拉不會出怎處理
有點不太明白你的意思耶 🤔
Demo档案可以从哪里获取？
影片下方的說明有喔
免費UI套件下載- theblog.adobe.com/free-xd-ui-kits-2019/
免費提醒符號- www.behance.net/gallery/73119555/Notifications-Adobe-XD-(FREE-DOWNLOAD
請問adobe xd可以導入Android Studio嗎
這有幾種做法
1. Adobe自己的功能和流程，建議使用XD的設計規範Design Specs，當設計師製作完畢後，可以在XD分享給開發人員，只要一個URL，就可以檢視所有素材、配色，雙方還可以在線上討論加註解，然後你可以在Android Studio中使用這些相關的素材，相關說明請看-
helpx.adobe.com/cn/xd/help/work-with-design-specs.html
2. 第三方廠商的，請安裝plugin，到下拉式清單Plugins>Discover Plugins ，然後輸入這個名字 Lightning Storm（不過這個外掛要付費，好像可以免費一次）
這邊有教學影片 ruclips.net/video/8eWDVTn2iVo/видео.html
補充一下，XD設計規範的做法- ruclips.net/video/KZ8qxys87ow/видео.html
若是學校專題 APP介面設計的部分會推薦使用XD來做設計嗎還是有其他建議 謝謝老師
哈哈，OK啊，這塊領域還很新，還沒有獨霸的工具，目前是Figma, Sketch, Adobe XD在領先群。你要用在學校專題那就學校有什麼就用什麼，自己用的呢，用的順手，網路上找得到資源或討論群可以問就好。
真要比較的話，你可以參考這篇文章
簡中翻譯版- www.yrucd.com/344550.html
英文原版- www.smashingmagazine.com/2019/04/sketch-figma-adobe-xd-ui-design-applications/
作者的結論是 Figma , 對XD的評價是這樣
“如果你使用的是Windows，或者如果动作设计是属于你设计工作的一部分，那么Adobe XD是你最好的选择。Sketch不提供任何动画功能”
這個就是我的影片提到的自動動畫，這個是Adobe XD的強項
Figma的概念很好，我看到國外評價很高，但是台灣有人用卻沒人在教，你去Hahow 或Yotta可以找得到XD的線上課程，但是好像找不到Figma的，所以你可能要看英文或簡中的資料，以上，給你參考😀
Adobe XD CC 中文版图片托不进去呀朋友
我用英文版可以耶，如果中文版不行，可能是Bug，你可以和Adobe客服反映