fbpx

Adobe XD 超級課程 – 使用者體驗設計

UI 設計(使用者界面),UX 設計(使用者體驗設計), APP 與網頁設計

從這 8.5 小時的課程,你會學到

  • 關於 Adobe XD 和 UI 設計的一切
  • XD 設計模式( design mode )的基礎知識
  • XD 原型模式( prototype mode )的基礎知識
  • Adobe XD 高級技術
  • 如何專業地使用 XD
  • 如何製作專業的行動 APP UI
  • 如何製作專業的網站 UI

要求

Adobe XD 2020 及更高版本和一台電腦

課程說明

大家好,歡迎來到 Adob​​e XD 超級課程。

在我進入課程的細節之前,我想快速說明 Adobe XD 的用途。

Adobe XD 是一個簡單易用的專用於 UI UX 設計的應用程式。 我們將使用 Adobe XD 來設計行動 APP 和網站。

就像我們的其他大型課程一樣,本課程旨在將你從絕對的初學者帶到 UI 設計的高級水準。

本課程分為4個主要部分,設計模式基礎,原型模式基礎,先進技術,最後與實際專案合作。

在設計模式基礎上。我們將從下載 Adob​​e XD 並安裝開始,然後首次打開它。

我將向你展示如何使用畫板( artboards),形狀工具( shape tools ) 線條工具( line tools ),教你如何使用文本工具( text tools ),如何輕鬆有效地使用圖像( images )。之後,我們將介紹對齊工具( alignment tools  )和 boolean 運算。然後,我將向你展示如何在 XD 中使用組件( components )和資產( assets )。稍後,我們將介紹 XD 中一個非常令人興奮的功能,即重複網格( repeat grid )。之後,我們將介紹響應式調整大小,我將展示如何使用它以及如何從它的設計中獲得優勢。最後,我們將介紹一些免費外掛 – 最有用的外掛。完成這一部分後,你將對 Adob​​e XD 設計工具有一個完整的了解,你將準備好使用所學的知識來創建一些專業的設計。我們將一起設計一個財務 APP 的兩個螢幕,使用我們在設計模式基礎部分中學到的所有內容。

在我們涵蓋並實踐了有關設計模式的所有內容之後,我們將轉向原型模型。我們將從基礎開始,然後我們將介紹原型模式下的所有工具和設置。我們將涵蓋時間轉換、組件狀態、滾動群組、疊加動畫( overly animation )、拖動動畫、聲音、語音和鍵盤觸發器等等。最後,我們將介紹一個令人興奮的原型功能,即自動動畫(  auto animate ),我們將使用自動動畫對我們在設計部分所做的設計進行動畫處理。

在我們介紹了設計和原型模式之後,我們將介紹一些高級技術。像 3D 變換和動畫、Glassmorphisms、輸入原型、滾動數字與滾動顏色。

在課程結束時,我們將一起創建兩個專案,第一個是金融公司的網站主頁,我們將從頭開始創建它,我們將從腦力激盪和書面形式開始,然後我們將設計和原型它。

第二個專案將是一個電子商務 APP,我們將從腦力激盪開始,到設計再到原型製作。

完成本課程後,你將全面了解 UI 設計和 Adob​​e XD。你將準備好有效和專業地使用 Adob​​e XD,也將準備好通過 UI 設計啟動你的設計師職業生涯。

目標受眾

  • 想要開始 UI 設計職業的初學者
  • 想要擴展 UI 設計知識更上一層樓的人

講師簡介

Alan Ayoubi 11年平面設計和動畫經驗

嗨,我是 Alan,一位動畫圖形設計師和一名擁有 11 年經驗的攝影師。 我曾在許多國際組織和電視台工作過。 在我的工作中,我從自己的錯誤和經歷中學到了很多。

今天我在網上有超過 10 萬的追隨者,他們從我的在線教學中學習,並在他們的創意專案中使用我的產品。

在 Udemy,我將與你分享我的知識。 我會教你從基礎到專業。

享受每門課程,仔細觀看,請隨時與我聯繫,我很樂意親自提供你幫助。

電子郵件:moneyalan03@gmail.com

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

使用 Notion 來做上課筆記?

udemy 的課程講座數量動輒上百個,如果你要使用 Notion 當作是線上課程的筆記輔助工具,為這些講座建立與組織筆記是一件耗時且沒效率的工作

為了解決這個問題,Soft & Share 開發一個 chrome extension – LN+ for udemy ,可以根據 udemy 線上課程的課程大綱幫你自動建立成 Notion 筆記資料庫並產生筆記與課程的雙向關聯讓您專心上課與寫筆記就好,不用再煩惱課程筆記要放哪裡的問題!

🛫了解 LN+ for udemy 更多功能介紹請參考 – Learning Notes Plus for udmy


報名參加課程

Sponsored by Udemy


🛫使用關鍵字連結獲得更多線上學習資訊?請參考這個網頁說明


幫我們個小忙!

使用 e-mail 追蹤 Soft & Share

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: