8. 为开发者设计

最佳实践

核心模块

本模块的目的是（重新）向开发者介绍设计思维。他们可能不想从事设计师工作，但了解一些基本的用户体验和设计理论对所有参与网站建设的人来说都是有益的，无论他们的角色是什么。至少，即使是最技术性的“非设计师”开发者也应该了解设计说明，了解为什么事物按其设计方式设计，并能够进入用户的思维方式。这将有助于他们使自己的作品集看起来更好。

此外，前端开发者经常被要求在项目中完成各种设计工作。客户和雇主通常假设他们可以做到，因为他们参与了网站的视觉元素。历史上，“Web 开发者”曾经比现在更像是一个混合的设计师/开发者角色。

通用资源

8.1 基本设计理论

学习成果

  • UI 设计基础
    • 对比度。
    • 排版。
    • 视觉层次结构。
    • 比例。
    • 对齐。
    • 空白的使用。
  • 色彩理论。
  • 图像的使用。

资源

8.2 以用户为中心的设计

学习成果

  • 了解我们所做的一切都是为了用户。
  • 用户研究/测试和用户需求简介。
  • 为无障碍性设计——考虑目标受众以及他们可能具有的额外需求。从一开始就为他们设计。
  • 了解什么是设计模式，以及 Web 上使用的常见模式，例如
    • 暗黑模式。
    • 面包屑导航。
    • 卡片。
    • 延迟/延迟注册。
    • 无限滚动。
    • 模态对话框。
    • 渐进式揭示。
    • 表单/注册/设置上的进度指示。
    • 购物车。

资源

8.3 设计说明

学习成果

  • 使用设计语言与设计师交流。
  • 解释设计说明要求以生成实现。
  • 设计师用来向开发者传达其信息的典型工具（例如 Figma）。
上一步：7. 无障碍性下一步：9. 版本控制