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

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 設計啟動你的設計師職業生涯。