8. 开发人员设计

最佳实践

核心模块

本模块的目的是(重新)向开发人员介绍设计思维。他们可能不想成为设计师,但拥有一些基本的**用户体验**和设计理论对所有参与构建网站的人都有好处,无论他们的角色是什么。至少,即使是最技术性的、“非设计师”开发者也应该理解设计简报,了解事物的设计原因,并能够进入用户的思维模式。这将帮助他们让自己的作品集看起来更好。

此外,前端开发人员也经常负责项目中的各种设计工作。客户和雇主之所以常常认为他们可以胜任,是因为他们参与了网站的视觉元素。历史上,“网页开发人员”的角色比现在更像是混合了设计和开发的功能。

通用资源

8.1 基本设计理论

学习成果

  • UI 设计基础

    • 对比度。

    • 排版。

    • 视觉层次。

    • 缩放。

    • 对齐。

    • 留白的使用。

  • 色彩理论。

  • 图像的使用。

资源

8.2 以用户为中心的设计

学习成果

  • 理解我们所做的一切都是为了用户。

  • 用户研究/测试简介,以及用户需求。

  • 为可访问性而设计——考虑目标受众以及他们可能有的额外需求。从一开始就为这些人进行设计。

  • 理解设计模式是什么,以及网络上常用的模式,例如

    • 暗黑模式。

    • 面包屑导航。

    • 卡片。

    • 延迟/懒惰注册。

    • 无限滚动。

    • 模态对话框。

    • 渐进式披露。

    • 表单/注册/设置的进度指示。

    • 购物车。

资源

8.3 设计简报

学习成果

  • 掌握设计语言,与设计师沟通。

  • 解读设计简报需求以进行实现。

  • 设计师用来传达信息给开发人员的典型工具(例如 Figma)。

上一篇:7. 可访问性 下一篇:9. 版本控制