UI 設計訓練營 - 掌握版面、顏色和網格

提升您的設計眼光並提高您的直覺，以打造美觀令人滿意的 UI 設計

從這 9.5 小時的課程，你會學到

直觀地創作出更令人滿意的作品
建立專門用於 UI 的調色板
擁有訓練有素的眼睛來識別顏色的值
建立適用於現代 Web 應用程式的網格
印刷術的歷史
光的物理學
選擇合適的字體
創建排版系統
選擇或創建視覺語言
決定顏色如何適應不同的環境
撰寫視覺刺激的 UI 設計

要求

理想情況下，您應該知道如何使用一些設計軟體。 Figma是首選。 Adobe XD 或 Sketch 也可以。
具有設計使用者介面的經驗將是一個優勢。
您將需要大量額外時間來工作和分享您的專案

課程說明

形成良好的使用者體驗最關鍵的方面是擁有精心製作的使用者介面。美學上的一些小改變可能會對使用者的體驗產生巨大的影響。

如果您正在使用 Web 應用程式進行設計，您將做出有關版式、顏色和構圖的決策，這些決策將影響應用程式的品牌、風格、可用性和使用者體驗。您已經在做出這些決定，但您是否意識到它們的影響？非常微妙地使用版式和顏色可以有足夠的個性，我們不需要任何其他視覺效果。我們可以賦予枯燥的文字塊以生命，它可以使我們的使用者更容易或更難閱讀。做出一些簡單的正確選擇可以決定應用程式的成敗。

排版占我們在 Web 應用程式中看到的 95%，它決定了所有其他設計決策。然而很少人真正停下來學習如何利用排版來發揮自己的優勢。

顏色使我們區分設計中的一切。如果沒有顏色，我們將無法識別設計上的任何內容。但它也是設計中最具情感聯繫的東西，並且不能輕易分類，因為顏色根據其用途和環境而顯得非常不同。我們必須使用顏色，所以讓我們學習如何利用顏色來發揮我們的優勢。

網格讓我們的設計感覺統一。如果我們知道如何使用它，那麼它就是可以讓設計立即感覺更專業的一件事。但我們需要了解最近 Web 開發的局限性和優點，以創建一個在紙上看起來不錯並且在 Web 上仍然看起來不錯的網格。

我在這門課程中能得到什麼？

為了提高您在每個領域的技能：您將學習一些基礎理論、完成挑戰以提高您的直覺以及一些實踐練習以創建一些精美的設計。每個模組的簡短描述如下。

構圖：在頁面上放置元素時提高直覺的實踐練習
版式：不同類型分類的歷史與背景
選擇與配對：如何選擇字體以及如何選擇可以協同工作的互補字體
可讀性：我們如何閱讀以及如何透過我們的排版選擇讓人們更容易閱讀
樣式和格式：我們可以在排版中添加哪些額外的樣式以及如何使用它來改善我們的視覺層次結構
網格系統：設計中使用的網格類型以及現代應用設計的一些技術限制
建立網格：如何確保我們在設計軟體中設定的網格在開發應用程式時能夠正常運作
顏色互動：在不同環境中使用顏色時提高我們對顏色的直覺使用的實踐練習
顏色如何運作：光如何運作以及如何產生顏色背後的物理原理
顏色屬性：如何更改顏色以使其在您的設計中更有用
創建我們的調色板：創建專門用於 UI 的調色板的實用步驟
視覺語言：選擇照片、圖示、插圖和其他視覺效果來支援設計

這門課程適合我嗎？

理想情況下，您已經花了一些時間設計網站和/或應用程式。本課程的每個方面都是為初學者而設計的，但如果您已經創建了一些設計，您可能會發現從本課程中獲得更多。理想情況下，您還需要知道如何使用一些設計軟體。我推薦 Figma，但 Adobe XD、Invision Studio、Sketch 或一些類似的軟體也可以。

該課程是為設計師設計的，但前端開發人員或產品所有者也可能感興趣。有退款保證，不問任何問題，您可以向我發送任何特定問題。