Contents
UI 設計(使用者界面),UX 設計(使用者體驗設計), APP 與網頁設計
從這 8.5 小時的課程,你會學到
- 關於 Adobe XD 和 UI 設計的一切
- XD 設計模式( design mode )的基礎知識
- XD 原型模式( prototype mode )的基礎知識
- Adobe XD 高級技術
- 如何專業地使用 XD
- 如何製作專業的行動 APP UI
- 如何製作專業的網站 UI
要求
Adobe XD 2020 及更高版本和一台電腦
課程說明
大家好,歡迎來到 Adobe XD 超級課程。
在我進入課程的細節之前,我想快速說明 Adobe XD 的用途。
Adobe XD 是一個簡單易用的專用於 UI UX 設計的應用程式。 我們將使用 Adobe XD 來設計行動 APP 和網站。
就像我們的其他大型課程一樣,本課程旨在將你從絕對的初學者帶到 UI 設計的高級水準。
本課程分為4個主要部分,設計模式基礎,原型模式基礎,先進技術,最後與實際專案合作。
在設計模式基礎上。我們將從下載 Adobe XD 並安裝開始,然後首次打開它。
我將向你展示如何使用畫板( artboards),形狀工具( shape tools ) 線條工具( line tools ),教你如何使用文本工具( text tools ),如何輕鬆有效地使用圖像( images )。之後,我們將介紹對齊工具( alignment tools )和 boolean 運算。然後,我將向你展示如何在 XD 中使用組件( components )和資產( assets )。稍後,我們將介紹 XD 中一個非常令人興奮的功能,即重複網格( repeat grid )。之後,我們將介紹響應式調整大小,我將展示如何使用它以及如何從它的設計中獲得優勢。最後,我們將介紹一些免費外掛 – 最有用的外掛。完成這一部分後,你將對 Adobe XD 設計工具有一個完整的了解,你將準備好使用所學的知識來創建一些專業的設計。我們將一起設計一個財務 APP 的兩個螢幕,使用我們在設計模式基礎部分中學到的所有內容。
在我們涵蓋並實踐了有關設計模式的所有內容之後,我們將轉向原型模型。我們將從基礎開始,然後我們將介紹原型模式下的所有工具和設置。我們將涵蓋時間轉換、組件狀態、滾動群組、疊加動畫( overly animation )、拖動動畫、聲音、語音和鍵盤觸發器等等。最後,我們將介紹一個令人興奮的原型功能,即自動動畫( auto animate ),我們將使用自動動畫對我們在設計部分所做的設計進行動畫處理。
在我們介紹了設計和原型模式之後,我們將介紹一些高級技術。像 3D 變換和動畫、Glassmorphisms、輸入原型、滾動數字與滾動顏色。
在課程結束時,我們將一起創建兩個專案,第一個是金融公司的網站主頁,我們將從頭開始創建它,我們將從腦力激盪和書面形式開始,然後我們將設計和原型它。
第二個專案將是一個電子商務 APP,我們將從腦力激盪開始,到設計再到原型製作。
完成本課程後,你將全面了解 UI 設計和 Adobe XD。你將準備好有效和專業地使用 Adobe XD,也將準備好通過 UI 設計啟動你的設計師職業生涯。
目標受眾
- 想要開始 UI 設計職業的初學者
- 想要擴展 UI 設計知識更上一層樓的人
講師簡介
Alan Ayoubi 11年平面設計和動畫經驗
嗨,我是 Alan,一位動畫圖形設計師和一名擁有 11 年經驗的攝影師。 我曾在許多國際組織和電視台工作過。 在我的工作中,我從自己的錯誤和經歷中學到了很多。
今天我在網上有超過 10 萬的追隨者,他們從我的在線教學中學習,並在他們的創意專案中使用我的產品。
在 Udemy,我將與你分享我的知識。 我會教你從基礎到專業。
享受每門課程,仔細觀看,請隨時與我聯繫,我很樂意親自提供你幫助。
電子郵件:moneyalan03@gmail.com
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- 點選這個 Network & Security 課程✨優惠連結✨ ( NT370 起限時特價中 ) | Udemy 永久擁有課程 ( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- 更多 UX / UI 相關線上課程
- ★想要加強英文能力嗎?
- 如何找工作學習地圖 – 找工作不要靠運氣!
發表迴響