7個免費UIUX課程推薦！Google UX 課程、網頁設計自學 — Website Builder

WebsiteBuilder TW

2024/07/02閱讀時間約 14 分鐘

近幾年，大家對於美觀和設計的追求越來越高，uiux設計的重要性與日俱增，商家和企業對於 ui ux網頁設計師 的需求也不斷增加。

無論你是想要轉換工作賽道還是想提升技能，學習 ui ux設計 都是時下最夯的選擇！但是面對市面上琳琅滿目的課程，到底該如何挑選適合你自己的呢？

在這篇文章中，我們將為你介紹如何挑選 ui ux課程 ，然後為你推薦 7 個優質的 uiux 網頁設計課程，幫你找到最適合的ui/ux設計之路。

要精進 uiux 設計技能就要先搞懂它究竟是什麼，所以在正式進入到ux和 ui設計課程的課程推薦之前，我們先來了解一下什麼是ui & ux。

全文轉載自：7個免費UIUX課程推薦！Google UX 課程、網頁設計自學
點擊以上連結，完整閱讀原文！

UX（使用者體驗）

首先來了解一下使用者體驗是什麼。User Experience，簡稱 ux，指的是你在使用產品或服務時的整體感受和經歷，所以無論是你與產品的互動、你對產品的感知還是你在使用過程中的情感反應都會包含在內。

UX設計師會通過訪談、問卷調查和觀察等方法去進行研究，從而去了解你的需求和期望。

然後，UX設計師會對你提供的資訊進行組織，從而找到可以提高你滿意度的內容，然後設計出能夠滿足甚至超越你的期望的產品或服務。為了你的使用體驗，UX設計師還會測試產品的可用性，確保你在使用時不會遇到困難。

UI（使用者介面）

UI 全名叫 User Interface，中文是使用者介面，指的是你使用產品或服務時看到和操作的介面，包括按鈕、圖標、菜單等的元素。

UI設計師會進行視覺上的設計和色彩上的搭配，通過美觀的介面去吸引你的目光，從而去傳達他們想要傳遞的資訊。同時網頁的排版、文字和圖標都會是容易閱讀和理解到的，讓你能輕鬆操作產品或服務。

下面我們會用一張圖片，通過圖片的展示來讓你清晰地了解網頁 ui設計和ux網頁設計（ux web design） 的分別和相同之處～

UX 的五要素

UX 的五個要素是在描述你對一個產品或服務的整體體驗，這個整體體驗包含了從表層到深層的五個層次。

當我們觀察一個產品時，往往都只是專注於表面，也就是它的 外觀設計是否美觀。然而，產品還包含了許多我們看不見的層面，例如它的 使用便利性、 流程的順暢度、是否能 解決使用者的問題，以及 它所帶來的價值 。

以上的這五個方面能幫助你去了解產品表層之下的所有存在與內涵，所以在正式上課之前對這些有基礎的了解是十分重要的。

UX 的五要素具體介紹

上面簡單提到了UX五要素的分別都是什麼，但它們的具體含義並不只是我們上面介紹的那樣，在這一部分我們就為你詳細介紹這五個層面的內容~

表現層（Surface）：表現層代表產品的視覺設計，決定了產品的外觀和感覺。這包括色彩、字體、圖像和其他視覺元素的使用，確保產品不僅美觀，還能傳達正確的品牌訊息並提供良好的使用體驗。
骨架層（Skeleton）：在骨架層，你要設計每一個頁面的排版和元素位置。在這一層，你要代入使用者的角度，仔細想每一個介面的細節，包括按鈕的位置、表單的設計確保他們在使用產品時能夠直觀且愉快。
結構層（Structure）：結構層講求的是產品的資訊架構和互動設計，確保你能夠順暢地瀏覽和使用產品。你要設計出清晰的導航結構和互動流程，讓你的用户能夠輕鬆找到所需的資訊和完成預期的操作。
範圍層（Scope）：在範圍層，你要定義出產品的功能規格和內容需求，讓所有的功能和內容都能達成產品的最終目標。
策略層（Strategy）：策略層是決定了產品最終要達成的目標。你在觀察產品時就要想一下這些問題，比如「這個產品要解決什麼問題？」和「這個產品的目標是什麼？」同時也需要考慮他們的需求和期望。

由此可見，我們觀察一個產品時不能只停留在表面關注一個畫面的美觀與否，想要製作一個好的UX設計，就必定要由淺入深去思考和觀察。

可能大家對於 ui/ux 課程的初印象都覺得一定是本身擁有設計天份的人才可以上，但事實並不是這樣的。即使你有沒有任何的設計背景，都可以在ui / ux這個行業裡發展。下面是6類比較適合上uiux課程的人，你可以參考一下：

對設計有興趣的人 :如果你對設計充滿熱情，例如是創意人士，喜歡將創意轉化為視覺效果，ui ux 可以將你的創意應用到實際項目裡面。
技術背景的人：如果你本身是有技術背景，例如是前端開發者和軟體工程師，uiux 課程可以大大提升你對設計和用戶體驗的理解，更好地與設計師合作，創建出更加有吸引力和使用性的產品。
產品相關職位：如果你需要全面地了解產品，例如產品經理，你可以更好地與設計師和開發團隊協調，確保產品符合用戶的需求並提高他們對於產品的滿意度。
市場營銷和廣告專業人士： 數位行銷專員可以通過 UI/UX 課程學習怎麼設計更有效的營銷頁面和廣告素材，提高轉化率，從而達到一個更好的行銷效果。
學生和初學者：對於剛開始了解uiux的設計領域的學生和初學者來說，UI/UX 課程是一個很好的入門途徑，涵蓋基礎理論和實踐技能，讓你能夠快速上手，為未來的職業打下堅實的基礎。

總而言之，無論你是初學者還是已有技術背景，你都能找到適合你的 UI/UX 課程，並在這個領域發展。

看完上面的內容，想必你已經對ui ux課程有了一定的了解，下面是我們挑選出來的7 個在Coursera 很受歡迎的 ui ux課程推薦，每一個課程都有它們自己的特點，所以無論你的需求如何，都可以挑到適合你的 uiux 課程喔～

Google UX Design Professional Certificate

Google UX Design Professional Certificate 是 Google 和 Coursera 開設的專業認證課程，由學習到實踐，由用戶研究、線框圖設計、原型製作到可用性測試，全都會涵蓋在內，讓你全面深入地去學習uiux設計。

最重要的是，這堂課完全是免費的！如果你想要取Google 官方所頒發的ux課程證書才需要進行付款，也就是說，學到的本領是自己的，要官方的「蓋章」才需要額外付錢~

Meta Principles of UX/UI Design

Meta Principles of UX/UI Design是由 Meta 提供的uiux課程，它們融入了全球領先的科技公司設計原則和實踐的實例，讓你能夠學習到最新、最前沿的 UX/UI 設計理念，和你一起利用數據研究驅動設計決策。

Google Foundations of User Experience (UX) Design

這門課程也是由 Google 提供的 ux 課程，但相較於 Google UX Design 課程，這會是一個更加適合小白們的課程，讓你從零開始學習 ux 設計。所以如果你是剛剛才開始接觸 UX 設計，我會推薦你先上這個課程學習ux的基礎知識。

California Institute of the Arts UI / UX Design

這門課是由加州藝術學院提供的 UI/UX 設計專項課程，結合了藝術學院的創意視角和嚴謹的設計理論，涵蓋uiux設計的元素、原理，並通過實踐項目讓你在真實情境中鞏固學習成果。

Google Build Dynamic User Interfaces (UI) for Websites

這個也是Google 的 ui課程，這個課程則更專注於教你怎麼在網站製作動態和互動性強的用戶界面，和如何利用最新的 web 技術和工具來創建更加有吸引力，以及功能更強的網站。

Georgia Institute of Technology Introduction to User Experience Design

這個課程是由頂尖理工學府喬治亞理工學院提供，以跨學科的視角去教授uiux。課程融入了工程、心理學和設計等多個學科的知識，提供比其他課程更全面而且多元的 UX 設計視角，讓你擁有更加紮實的 UX 設計基礎。

University of Michigan User Experience Research and Design

這是由密西根大學所提供的User Research and Design Specialization課程，這個課程會比其他課程更加注重用戶研究方法，例如教你如何通過用戶調查、訪談和數據分析來理解用戶需求和行為，為你做的每個設計決定都提供科學證據。

了解完不同ux ui課程的特色和差異之後，你就可以開始根據你自己的需求和能力去選擇適合你的課程了！記得要考慮你的學習目標、興趣和現有技能水平才能有效地提升你的設計能力喔～現在，就去挑選那個最適合你的課程吧！

看到這裡，我們的這篇文章也快到後一部分了，在這裡，我們會為你推薦三個超級好用的Wireframe線上工具，這三個設計工具都附有不同的特色，讓你可以自由地發揮你的創意，心動的話就往下看看吧！

Figma

Figma 是一款很適合與團隊協作的設計軟體。它能讓團隊裡的多名設計師實時地在同一個項目上工作，和 Google Docs 的協作方式非常類似。

除此之外，Figma 是一個線上工具，你不用下載任何的軟體，非常方便。Figma還有很豐富的外掛和社群資源，讓你可以輕鬆擴展工具的功能和得到不同的設計靈感。下面是幾點是我們總結出來 Figma 在UI IX設計上的強大之處：

基於雲端：所有設計文件都能夠保上存到雲端裏，你不需要擔心文件同步的問題，你可以隨時隨地訪問到你最新的設計。
強大的元件系統：Figma 的元件系統讓你創建可重用的 UI 元件，還可以在不同頁面和項目中快速應用和更新。
原型設計與互動：Figma 提供強大的原型設計工具，能夠輕鬆創建互動和過渡效果，讓你可以預覽和測試設計的用戶體驗。
設計系統支持：Figma 支持設計系統的建立和維護，讓團隊可以保持設計的一致性和可擴展性。

Sketch

Sketch 是一個非常受設計師歡迎的設計工具。它提供很專業的圖形編輯器，比較適合高要求的設計工作。

Sketch支持文件管理，方便你去組織檔案和分享設計資源。它的缺點是它只支援 Mac 用戶。但是如果你是 Mac 用戶，不妨試一下用 Sketch 來設計網頁！下面我們會列出幾個Sketch 在UI設計上的獨特之處：

符號和元件：你創建的符號和元件可以在設計中多次使用和一直同步更新，這樣可以提高設計的一致性和效率。
Sketch Cloud：通過 Sketch Cloud，你可以輕鬆地分享設計文件，進行即時協作和反饋，並保持版本控制。
豐富的外掛生態系統：你可以安裝各種外掛來擴展功能和自動化工作流程去提高你的工作效率。
Artboards 和 Pages：Sketch 支持同時間管理多個畫板和頁面，你可以在一個文件中處理不同的設計方案和屏幕尺寸，方便組織和管理大型項目。

Adobe XD

Adobe XD 是 Adobe 專為 uiux 設計所打造的工具，適合跨平台使用。

Adobe XD 能夠幫你整合在 Adobe 的生態系統裡，與 Adobe Photoshop、Illustrator 等軟體一同使用，方便你在不同的平台上互用資料。而且，它支持互動性的原型設計，方便你去快速製作和測試你的設計。下面我們會列出幾個Adobe XD 的獨特之處：

語音原型設計：Adobe XD 的語音原型設計讓你可以在用戶介面上添加語音命令和回應，為你的用戶打造一個更加有互動性的體驗。
自動動畫：你可以利用Adobe XD 的自動動畫功能輕鬆創建流暢的過渡效果，提高你的設計的互動性和吸引力。
自適應設計：Adobe XD 提供自適應設計功能可以幫你調整設計去適應不同的屏幕尺寸。

網路上的課程這麼多，想要挑選到一個能夠確實滿足到自己需求的並不容易，所以在這一部分，我們列出了 7個你需要著重考慮的點，去幫助你做出明智的決定：

確定學習目標：首先，你需要明確自己為什麼要學 UI/UX，你要想你是為了轉職、提升現有技能，還是純粹興趣？了解自己的學習目標可以幫助你更加有效率地選擇最適合的課程。
課程內容大綱：不同課程可能會有不同的專注點，有的注重用戶研究，有的會更強調介面設計或可用性測試，所以你要仔細地查看課程的大綱，確保它的內容涵蓋了你感興趣和需要學習的主題。
授課方式：不同課程有不同的授課方式，現在為了有靈活的上課時間，有的課程只提供線上視頻課程，而有的是現場工作坊，選擇一種你覺得最容易吸收知識的方式。
講師背景：好的講師通常具備豐富的業界經驗和教學經歷，他們能提供實用的知識和真實的案例。查看講師的簡歷或 LinkedIn 頁面，了解他們的專業背景和過往教學評價。
學習社群：在做資料蒐集時，你要看看課程是否有學習社群或論壇，讓你可以與其他學員交流、分享經驗，甚至進行合作項目。
評價和推薦：學員評價能夠反映那些課程的實際效果和質量，。所以要多看看過去學員對課程的評價，尤其是那些與你有相似學習目標的人！
課程費用：你要根據你的預算去選擇合適的課程。有些課程雖然價格較高，但提供更全面的內容和資源；而有些免費或低成本的課程也能提供很好的入門知識。