8. 開發人員設計

最佳實踐

核心模組

本模組的目的是(重新)向開發人員介紹設計思維。他們可能不想成為設計師,但擁有一些基本的**使用者體驗**和設計理論對所有參與構建網站的人都有好處,無論他們的角色是什麼。至少,即使是最技術性的、“非設計師”開發者也應該理解設計簡報,瞭解事物的設計原因,並能夠進入使用者的思維模式。這將幫助他們讓自己的作品集看起來更好。

此外,前端開發人員也經常負責專案中的各種設計工作。客戶和僱主之所以常常認為他們可以勝任,是因為他們參與了網站的視覺元素。歷史上,“網頁開發人員”的角色比現在更像是混合了設計和開發的功能。

通用資源

8.1 基本設計理論

學習成果

  • UI 設計基礎

    • 對比度。

    • 排版。

    • 視覺層次。

    • 縮放。

    • 對齊。

    • 留白的使用。

  • 色彩理論。

  • 影像的使用。

資源

8.2 以使用者為中心的設計

學習成果

  • 理解我們所做的一切都是為了使用者。

  • 使用者研究/測試簡介,以及使用者需求。

  • 為可訪問性而設計——考慮目標受眾以及他們可能有的額外需求。從一開始就為這些人進行設計。

  • 理解設計模式是什麼,以及網路上常用的模式,例如

    • 暗黑模式。

    • 麵包屑導航。

    • 卡片。

    • 延遲/懶惰註冊。

    • 無限滾動。

    • 模態對話方塊。

    • 漸進式披露。

    • 表單/註冊/設定的進度指示。

    • 購物車。

資源

8.3 設計簡報

學習成果

  • 掌握設計語言,與設計師溝通。

  • 解讀設計簡報需求以進行實現。

  • 設計師用來傳達資訊給開發人員的典型工具(例如 Figma)。

上一篇:7. 可訪問性 下一篇:9. 版本控制