給開發者的設計
注意：正如您將在下面看到的，本模組目前僅為課程大綱/教學大綱。在時間允許的情況下，我們計劃將來將其轉換為完整的課程。
本模組的目的是（重新）向開發人員介紹設計思維。他們可能不想成為設計師，但擁有一些基本的**使用者體驗**和設計理論對所有參與構建網站的人都有好處，無論他們的角色是什麼。至少，即使是最技術性的、“非設計師”開發者也應該理解設計簡報，瞭解事物的設計原因，並能夠進入使用者的思維模式。這將幫助他們讓自己的作品集看起來更好。
此外，前端開發人員經常負責專案中各種設計方面的工作。客戶和僱主經常認為他們可以做到這一點，因為他們參與了網站的視覺元素。歷史上，“Web 開發者”曾經比現在更像是一個混合了設計師/開發者的角色。
預備知識
課程
基礎設計理論
學習成果
- UI 設計基礎
- 對比度。
- 排版。
- 視覺層次。
- 比例。
- 對齊。
- 空白的使用。
- 色彩理論。
- 影像的使用。
資源
以使用者為中心的設計
學習成果
- 理解我們所做的一切都是為了使用者。
- 使用者研究/測試入門，以及使用者需求。
- 為可訪問性而設計 — 考慮目標受眾以及他們可能有的額外需求。從一開始就為他們進行設計。
- 理解設計模式是什麼，以及 Web 上常用的模式，例如
- 暗黑模式。
- 麵包屑導航。
- 卡片。
- 延遲/惰性註冊。
- 無限滾動。
- 模態對話方塊。
- 漸進式披露。
- 表單/註冊/設定中的進度指示。
- 購物車。
資源
設計簡報
學習成果
- 使用設計語言，與設計師溝通。
- 解讀設計簡報要求以實現一個專案。
- 設計師用來向開發人員傳達資訊的典型工具（例如 Figma）。
另見
- 學習 UI 設計基礎，Scrimba 課程合作伙伴
- 設計之形，Frank Chimero
- 為 Web 而設計，Mark Boulton
- Web 設計，Prisca Schmarsow + 其他貢獻者
- 實用排版，Matthew Butterick
- Web 風格指南，Patrick J. Lynch 和 Sarah Horton
- 可以始終安全遵循的視覺設計規則，Anthony Hobday
- 16 條細微的 UI 設計規則，卻能帶來巨大影響，Adham Dannaway