深不可測的前端領域中
你有這些問題嗎?
做出的好設計
但工程師卻無法執行
規格不知如何標示
每天被唸得滿頭包
改個小地方卻花去大半天
效率老是被質疑
別讓「錯誤的工具」
壞了你的好設計!
網頁設計是屬於一個專門的領域,好工具不僅正確地呈現美感,更讓協作上順利許多。
現在,Adobe 延續過去 Illustrator、Photoshop 的底子推出專屬於 UI 開發的工具,除了有效整合彼此之間的相容性,現在更能夠 免費使用!
專屬 UI 開發工具
團隊設計任你駕馭
專業 UI 繪圖工具
Adobe Illustrator、Photoshop 是屬於平面設計軟體,設計時無法符合 UI 設計規範,導致工程師執行上會有問題。而 Adobe XD 是專為 UI 設計所開發,更能確保優秀設計稿的可被執行性!
一鍵匯出設計規範
由於設計稿需要標示大量的規範,如果使用單一圖片無法呈現色彩、字體、間距等各項細微的設定。現在,透過 Adobe XD 的服務僅需要一鍵就能匯出完整設計稿,更能夠在設計稿上與工程師相互討論喔!
跨平台運作
Adobe XD 不僅是非常優秀的 UI 設計軟體,並且支援 Windows 10 及 MacOS 系統,而合作的工程師僅需要有網頁瀏覽器就可以觀看輸出的設計規範喔(注意:Windows 請確保在 10 以上,參考)。
讓六角學院
帶您一同駕馭 Adobe XD
六角學院,是一所結合各項國際教學資源的線上學院,迄今已獲得 57 個國家、超過 13,000 名學員的教學好評。
我們致力於提供各項程式、網頁、設計等現代工程師、網頁設計師必備的專業課程,現在更加強對於設計師課程內容,帶領大家迎向好薪情。
專精網頁設計雙講師
能從純設計與網頁角度,給予多元協助!
設計師 吳俊儀老師
從平面設計跨足網頁前端的設計師,立志成為跨領域的通才。
前端工程師 王志誠老師
由設計投入前端的軟體工程師,了解設計語言的前端佈道者。
加入六角學院
與 17,000 人一同學習
搶先學習中
帶您掌握主流 UI 工具,輕鬆學習 Adobe XD 網頁設計好容易!
課程大綱
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
- Adobe XD 整體介面簡介 (6:15)
- 【小提醒】別忘了課後小練習
- Artboard:畫布工具 (4:11)
- Appearance:物件外觀樣式 (8:45)
- Polygon:多邊形工具 (2:30)
- 操作技巧與控制鍵 (9:17)
- Pen:鋼筆工具與貝茲曲線 (8:13)
- Text:文字工具 (7:03)
- Group & Layer:群組與圖層 (9:51)
- Align & Boolean:對齊與布林運算 (6:17)
- Stack & Padding:堆疊與內間距 (4:47)
- Import & Mask:圖片匯入與遮色片 (9:54)
- Blend Mode:色彩混合模式 (1:56)
- Cloud Document:雲端檔案 (2:21)
- 【章節作業】使用 Adobe XD 小試身手 (4:46)
- 【小提醒】章節作業繳交
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll
Available in
days
days
after you enroll