UI / UX 設計專業課程

Contents

設計高影響力的用戶體驗( UX )。研究、設計有效的視覺驅動網站和應用程式，並製作原型。

UI / UX設計專業課程帶你採用以設計為中心的方法做 UI 和 UX，並提供實用的、技術為基礎的、基於視覺交流觀點的指導，而不是僅僅針對行銷或程式設計。在這四門課程中，將摘要並展示 UI / UX 開發過程的所有階段，從使用者研究到定義專案的策略、範籌和資訊架構，再到開發站點地圖( sitemaps )和線框圖( wireframes )。你將學習 UX 設計中的最新最佳做法和慣例，並將它們應用於網站或應用程式，以建立有效且引人入勝的螢幕上的體驗。

UI 和 UX 設計是一個高度需求的領域，你在本專業中學習的技能和知識適用於從行銷到 Web 設計到人機互動的各種職業。

參加 UI / UX 設計專業課程的學習者有資格獲得 Optimal Workshop 完整的 UX 工具產品套件的免費延長試用期（1個月）。有關詳細資訊，請參見專業課程 3：Web 設計：策略和資訊架構。

你將獲得的技能

網站的線框圖
策略
UI (使用者介面)設計
UX (使用者體驗)
使用者研究

到官方網站本課程與上課

字幕

英文

製作方

CalArts 加州藝術學院

加州藝術學院（CalArts）贏得了國際一流大學的聲譽，在美國的視覺和表演藝術領域。通過六個院所提供嚴格的大學部和研究所課程 – 藝術、批判研究、舞蹈、電影/視頻、音樂和劇院 – CalArts 倡導卓越的創造力，至關重要的反思，以及新形式和表達方式的發展。

第 1 門課程使用者介面設計的視覺元素

此以設計為中心的課程，探討了一個廣泛的問題，即界面是什麼以及設計師在創建用戶界面中扮演什麼角色。學習如何使用顏色、類型和圖像來設計和表達含義對於讓介面清晰、無縫地運作至關重要。通過一系列的講座和視覺練習，你將專注於構成界面設計師技能的許多獨立元素和組件。在本課程結束時，你將能夠描述清晰、一致和直觀的 UI 設計的關鍵正式元素，並將學到的技能應用到基於靜態螢幕的界面設計中。

這是 UI / UX 設計專業課程中的第一門，以設計為中心的用戶界面（UI）和用戶體驗（UX）設計方法，並以視覺化交流觀點為中心，提供了實用的、基於技能的指導。而不是只專注於行銷或程式設計。這些課程非常適合具有圖形或視覺設計經驗的人士，並且希望在 UI 或 UX 中建立用於應用程式和網頁設計的技能。對於在前端或後端 Web 開發或人機互動方面有經驗並希望提高其 UI 或 UX 視覺化設計和分析技能的人來說，這門課也是理想的選擇。

第 2 門課程 UX 設計基礎

本動手做課程檢查內容的組織和結構如何為用戶創建體驗，以及設計師在創建和塑造用戶體驗中所扮演的角色。你將被經由一個濃縮的過程引導，該過程將成為你開發健壯的 UI / UX 設計的路線圖：從構思和站點映射( sitemapping )到紙繪和數位原型的創建。基於在”使用者介面設計的視覺元素“學到設計技能，你將應用此方法為自己發明的多屏應用程式產出數位原型。

在本課程結束時，你將能夠描述和應用 UX 設計中的最佳實踐和慣例，並運用 UX 設計的基本原理來塑造受眾對給定內容的體驗。這是 UI / UX 設計專業課程中的第二門課程，它為用戶界面（UI）和用戶體驗（UX）設計帶來了以設計為中心的方法，提供了基於視覺化交流觀點的實用的、基於技能的指導。而不是只專注於行銷或程式設計。這些課程非常適合具有圖形或視覺設計經驗的人士，並且希望在 UI 或 UX 中建立用於應用程式和網頁設計的技能。對於在前端或後端 Web 開發或人機互動方面有經驗並希望提高其 UI 或 UX 視覺化設計和分析技能的人來說，這門課也是理想的選擇。

第 3 門課程 Web 設計 : 策略與資料架構

本課程聚焦於早期用戶體驗( UX )的挑戰，包括研究、計劃、設定目標、理解用戶、建構內容以及開發互動序列。雖然涵蓋的概念將轉化為多種交互式媒體（應用程式、數位資訊戰 Kiosks、遊戲），但我們的主要重點將放在設計當代的響應式網站上。在本課程中，你將通過定義站點的策略和範圍以及開發其資訊架構和整體結構，來完成大規模專案的前半部分（為複雜的網站制定全面的計劃）。一路學習下來，我們還將討論：

網頁設計行業中不同的職位描述以及在此範圍內的 UX 和 UI 技能
本地應用程式和網站應用程式之間的差異
敏捷方法與瀑布式方法的差異
使用者人物誌( user personas )和站點人物誌( site personas )
使用者測試

在本課程的工作和知識接續” UI / UX 設計專業課程“之前所學，做 Web 設計：線框圖到原型。最後 – 線框圖( wireframe )、視覺化模型( mockup )和可點擊操作的原型( prototype )。

這是 “ UI / UX 設計專業課程”的第三門課程，它為用戶界面（UI）和用戶體驗（UX）設計帶來了以設計為中心的方法，提供了基於視覺化交流觀點的實用的、基於技能的指導。而不是只專注於行銷或程式設計。這些課程非常適合具有圖形或視覺設計經驗的人士，並且希望在 UI 或 UX 中建立用於應用程式和網頁設計的技能。對於在前端或後端 Web 開發或人機互動方面有經驗並希望提高其 UI 或 UX 視覺化設計和分析技能的人來說，這門課也是理想的選擇。

第 4 門課程 Web 設計 : 線框圖到原型

本課程的重點是將早期的 UX 研究應用於實際的用戶界面：線框圖( wireframe )的創建、高保真模型( mockup )和可點擊操作的原型( prototype )。一路學習，我們還將討論：

響應式網頁設計和行動網路的挑戰
行動優先( mobile-first )方法
Web 排版( typography )
設計與程式設計之間的關係以及知道如何寫程式的重要於否
使 web 正常工作的各種網路技術，例如 HTML、CSS、 JavaScript、伺服器端的程式設計和資料庫。

本課程接續 “Web 設計 : 策略與資料架構“，在該課程中，學生們完成了大規模專案的前半部分，即為複雜的網站制定全面的計劃。如果你打算在本課程中完成作業以獲得證書，則必須先完成 “Web 設計 : 策略與資料架構“ 課程，以便掌握在本課程中開始創建線框圖和模型所需的材料和資料。

這是“UI / UX設計專業課程”的第四門，也是最後一門課程，它為用戶界面（UI）和用戶體驗（UX）設計帶來了以設計為中心的方法，提供了基於視覺化交流觀點的實用的、基於技能的指導。而不是只專注於行銷或程式設計。這些課程非常適合具有圖形或視覺設計經驗的人士，並且希望在 UI 或 UX 中建立用於應用程式和網頁設計的技能。對於在前端或後端 Web 開發或人機互動方面有經驗並希望提高其 UI 或 UX 視覺化設計和分析技能的人來說，這門課也是理想的選擇。