從零開始的Adobe XD
初學入門
Adobe XD：讓UI/UX設計更快速、精確、直覺
Adobe XD是一個專門為UI/UX設計而打造的工具，它能夠幫助你更快速、精確、直覺地設計出一個完美的界面。相較於其他設計工具，Adobe XD具有許多優點，包括更好的兼容性、更好的性能、更好的互動特效和更多的創新功能。例如，Adobe XD能夠自動生成原型，讓你可以在設計和原型之間無縫切換，進行實時預覽。此外，Adobe XD還具有精準的繪圖工具，以及一系列的交互設計工具，讓你可以輕鬆地創建互動元素，例如：按鈕、目錄等。總之，Adobe XD是一個非常有價值的工具，它可以幫助你更快速、精確、直覺地設計出一個完美的界面。
學習Adobe XD，讓你更好地掌握UI/UX設計技能
學習Adobe XD是成為一名優秀UI/UX設計師的關鍵。Adobe XD能夠幫助你更好地掌握UI/UX設計技能，讓你能夠更好地創造一個好的使用者體驗。Adobe XD具有許多優點，包括可靠的性能、良好的兼容性、更高的工作效率和更強的設計能力。因此，學習Adobe XD是必要的，它能夠幫助你更好地掌握UI/UX設計技能，讓你能夠創造更好的設計作品。
Adobe XD對UI/UX設計的影響
Adobe XD是一個強大的UI/UX設計工具，對於UI/UX設計師來說是必備的軟體之一。它為設計師提供了簡單易用的設計工具，可以快速創建出美觀、易用的界面，並且可以測試互動效果。因此，掌握Adobe XD的技能對於UI/UX設計師來說是必要的。設想自己是一名UI/UX設計師，正在為一個新的手機應用程式設計界面，需要考慮到用戶如何使用該應用程式，並且在界面上呈現出便利性。使用Adobe XD，設計師可以創建出多個不同的介面樣式，並且通過快速原型測試來確定最佳的使用者體驗。設計師還可以使用Adobe XD提供的自動化工具，如自動裁剪圖片和向量圖形，從而加快工作效率並節省時間。
課程的三大重點
課程的三大重點第一步：全方位掌握你的介面設計工具Adobe XD
在介面設計中，Adobe XD是一個非常強大的工具，它不僅提供了簡單易用的界面設計工具，還包含了豐富的元素庫、規格工具和交互設計功能，讓使用者可以輕鬆地創建高質量的原型和設計。本課程的第一大重點，是從實務面的角度，讓你學會如何掌握Adobe XD，包括介面熟悉、圖層管理、創建元素、使用向量工具、Prototype互動原型，以及如何最大化利用其功能。通過這個課程，你將能夠使用Adobe XD一步步創建出介面設計和原型，並準備好邁向更高的設計挑戰！
第二步：壓箱祕技都給你了，最強組合技這樣用
基本功能熟練了，接下來就要進一步傳授給你XD獨門祕技！在本課程的第二大重點中，我們會將你已學會的基本功能巧妙的組合使用，從大方向觀念到設計細節，從最火紅的特殊效果應用到提升工作效率的小撇步，讓你從會用XD，到能用XD做出精美、高品質的介面！通過這個主題，你將學會如何在實際工作中應用這些豐富經驗設計師才知道的壓箱祕技，大幅提升你的工作效率和設計品質。
第三步：胸有成竹，踏上成為UI/UX設計師之路！
在本課程的最後一大重點中，我們將講授Adobe XD之外的技巧和知識，幫助你更好地踏上成為UI/UX設計師的道路。這些技巧和知識包括如何搜集靈感和資源、其他常和XD搭配使用的設計軟體、如何整理和命名設計檔案等等。此外，我們還將通過專案實作示範的彩蛋，讓你從演練中學習，更深入地體驗UI/UX設計的魅力。通過這個課程，你將具備在實際工作中所需的技能知識，並有信心踏上UI/UX設計師之路了！
課程大綱
職場中的UI/UX 設計師 和你想的一樣嗎？
職場中的UI/UX 設計師 和你想的一樣嗎？01-01 講師介紹及課程概要
01-02 職場中的UI/UX 設計
01-03 系統開發團隊的基本認識
01-04 不能不知的開發流程
01-05 UI/UX設計師你該做好的準備？
什麼？一不小心就學會 Adobe XD
什麼？一不小心就學會 Adobe XD02-01 建立新專案
02-02 物件形狀、大小與縮放
02-03 物件選取、變形、群組與鎖定
02-04 基礎鋼筆與貝茲曲線
02-05 筆劃和線條的使用
02-06 圖片置入與剪裁遮色片
02-07 介面色彩搭配 (1)靈感與滴管
02-08 介面色彩搭配 (2)漸層
02-09 一秒看懂 UI flow
02-10 規劃 Wireframe
02-11 實作 Wireframe
02-12 Header設計手法
02-13 快捷鍵超上手
噓，不要跟別人說⋯Adobe XD私藏祕技
噓，不要跟別人說⋯Adobe XD私藏祕技03-01 介面設計通用法則
03-02 排版技巧大公開
03-03 元件庫超省時！
03-04 懸停狀態用起來！
03-05 XD的私藏祕技！
03-06 字壓圖大膽用起來！
03-07 假圖假字自動生成
03-08 圓角、直角所帶來的視覺感受
03-09 快速提升版面豐富度 (1) icon
03-10 快速提升版面豐富度 (2) 插圖
03-11 超火紅亂懸浮效果
03-12 超火紅輕透玻璃感效果
網頁設計文字學
網頁設計文字學04-01 網頁字體偷看術
04-02 網頁字體通用法則
04-03 字體技巧 (1) 黃金比例運用
04-04 字體技巧 (2) 對比度差異
04-05 字體技巧 (3) 個性化元素
學會Prototype 溝通加倍快
學會Prototype 溝通加倍快05-01 Prototype 原型製作
05-02 Auto-Animate 做動畫
05-03 Artboard 畫布連接與轉換
05-04 Prototype User Testing 原型測試
XD之外，你還需要知道
XD之外，你還需要知道06-01 蒐集靈感小秘訣
06-02 快速一次擷取整個網頁
06-03 Illustrator 、Photoshop、Adobe XD團隊接力賽
06-04 反饋與評論降低溝通時間
06-05 UI/UX 設計師切圖命名習慣養成
06—06避免養成網站大食怪(WEBP)
彩蛋
彩蛋07-01 專案實作示範
課程學習前須知
- 實際授課內容、順序、師資或有調整，依課程現場為準。
加入我們一起學習 Adobe XD 技巧！
授課業師
Shawn Yang｜HOWGROUP 擔任 Design Team Lead
現任 HOWGROUP怎漾集團 Design Team Lead，從事UI/UX設計逾 9 年資歷，擅長透過創新的設計和優化的使用者體驗，幫助企業提高品牌價值和市場競爭力。服務客戶橫跨各個領域，包括ASUS華碩、國泰人壽VIP、KIRIN日商麒麟技術、禾馨宜蘊醫療、VESPA偉士牌、三花棉業、EirGenix台康生技、CHIMEI奇美家電、AXA安盛集團、台灣周產期醫學會等各大企業品牌。
課程資訊
課程名稱
介面設計師的起點——從零開始的Adobe XD初學入門（C1439）
課前搶先問
Adobe XD是Adobe推出的一款設計軟體，專門用於設計、原型製作、協作和分享使用者體驗（UX）和使用者介面（UI）設計的應用程式。
Adobe XD擁有許多優點，例如：強大的向量設計功能、易於學習使用、支援多平台設計和自動化功能、設計工具與工作流程的整合，以及易於與其他Adobe產品整合等。
Adobe XD目前支援Windows和macOS兩種平台，可用於桌面應用程式、網頁、iOS、Android等多種設計領域。
可以，Adobe XD支援導入Sketch或Photoshop文件，並且能夠自動轉換圖層、元素和圖形。
是的，Adobe XD內建了共同協作的功能，使多人可以同時在同一設計項目上進行編輯和討論。
Adobe XD支援多種文件格式，例如：PNG、JPG、SVG、PDF、Sketch等，使設計師能夠方便地匯入和匯出文件。
是的，Adobe XD內建了自動化動畫功能，使設計師能夠更加容易地為UI和UX設計添加動畫效果。
是的，Adobe XD內建了導出到Zeplin或其他程式碼輸出工具的功能，幫助開發人員更快速地使用和開發。
Adobe XD和Sketch都是設計軟體，但Adobe XD擁有更強大的向量設計功能，能夠更好地支援UI設計、協作和自動化，而Sketch則更加偏向向量圖形設計和插件生態系統。
業師現任 HOWGROUP怎漾集團 Design Team Lead，從事UI/UX設計逾 9 年資歷，擅長透過創新的設計和優化的使用者體驗，幫助企業提高品牌價值和市場競爭力。服務客戶橫跨各個領域，包括ASUS華碩、國泰人壽VIP、KIRIN日商麒麟技術、禾馨宜蘊醫療、VESPA偉士牌、三花棉業、EirGenix台康生技、CHIMEI奇美家電、AXA安盛集團、台灣周產期醫學會等各大企業品牌。
目前天地人有以下優惠方案：
（1）買三送一：四堂課程（原價7，200）加入購物車，買三送一，單堂課只要3，650元。
（2）VIP優惠方案：銀卡方案（一次購買 11 張票，費用33，000元，平均每張票券優惠價：3，000元）；金卡方案（一次購買 21 張票，費用57，750元，平均每張票券優惠價：2，750元）
（3）天地人幣：讓你額外享有1.6%-5.0% 現金回饋，除了自己，也可以贈與給朋友、企業同仁，直接折抵部分/全額課程費用！
（4）神秘優惠券：不定期推出課程現金折抵優惠券。
只要登入天地人的官網即可觀看影片，沒有觀看載具的限制，但建議使用電腦、平板等螢幕較大的載具觀看。
購課 FAQ
＋【報名】常見問題
- 報名延／轉／退規則
報名前敬請詳閱 天地人活動報名延／轉／退規則，報名者視為已確認並同意規則。 - 刷卡有分期0利率的優惠嗎？
課程可以分三期零利率，但目前能接受玉山銀行及台新銀行信用卡
【VIP方案】有何優惠？
銀卡：一次預購11堂課(原價7,200元)，享一堂3,000元優惠價。
金卡：一次預購21堂課(原價7,200元)，享一堂2,750元優惠價。
限一年內使用完畢，給您參考。
更多【VIP方案】說明與購買連結，請點繫此處
- 報名延／轉／退規則
＋【線上課程】常見問題
- 【線上課程】是什麼？
線上課程為專業師資，過去特定期別之「線上直播課程」同步錄製影片 - 觀看對電腦配備、網路的要求？
觀看影片需穩定的網路環境，建議使用室內WIFI連線會比手機網路穩定；最佳使用環境為桌上型電腦或平板，搭配手機互動，學習效果更好。 - 何時能開始觀看影片？
- 購課付款後，於訂單隔日工作日，寄送觀看通知Email。
- 如商品描述已指定統一寄送日期，則於統一指定日期，寄送觀看通知Email
- 如欲另指定開始觀看日期，請於訂單＂指定觀看日＂欄位標註。
- 如何觀看課程影片？
- 請詳閱＂觀看通知Email＂信內將附上影片連結、登入方式說明。
- 不需安裝軟體或下載APP，只需上網點選影片連結，即可觀看。
- 未收到Email，請務必與我們聯繫。
- 【線上課程】是什麼？
- 影片可以觀看多久？
依購買商品之天數方案，自上述「觀看通知Email」寄送日隔日，起算觀看起迄日。並非自點開影片日起算，敬請留意。 - 可以一人買多人觀看嗎？
線上課程受智慧財產權之保護，禁止側錄，以及與其他人共享帳戶觀看。 - 發票該如何索取？
- 將在寄發「觀看通知Email」起一周內，Email電子發票。
- 如需索取紙本發票，請來訊提供收件地址。
- 是否有提供講義？
【線上課程】不提供講義電子檔或紙本講義。 - 可以取消購買嗎？
【線上課程】購買後，如已寄發「觀看通知Email」，將無法取消購買及申請退費。
- 影片可以觀看多久？
＋【實體課程】常見問題
- 報名付款後，會有開課通知嗎？
我們將於開課前三日，以Email寄送開課通知信件。 - 發票該如何索取？
【實體課程】發票將於開課當天現場領取。 - 是否有提供講義？
【實體課程】備有紙本講義，學員可自備筆、個人筆記本；如課程涉及電腦實務操作，建議攜帶個人筆記型電腦。 - 何時開放入場？
於上課時間前30分鐘開放進入教室。 - 可以拍照嗎？
【實體課程】期間，歡迎拍照，恕不接受錄影錄音。
- 報名付款後，會有開課通知嗎？
＋【聯繫我們】
• 線上諮詢：Line ID：@tiandiren / FB：天地人學堂 / 官網：右下角客服專員
• 電話諮詢：02-2396-0514（週一至週五09:00 ~ 18:00）
• 合作方案請洽：service@tiandiren.tw
• 若您是企業用戶，推薦您更具吸引力的【企業VIP會員專案】，讓培訓預算使用更具彈性有效率
• 歡迎您加入【天地人學堂專屬line@】，輸入課程編碼，24HRS自動查詢每月課程資訊
