在网上冲浪看到Vercel对设计工程师的描述，感觉这是对”设计工程师”最全的描述了，我用 GPT 翻译成了中文版，发布在此。
我的观点是：每个人都是超级个体 技能的多样性、造就了这个新职业的独特之处。 无论如何，创造价值就行。
Vercel 的设计工程
了解Vercel的设计工程师及其职责
设计工程师是一个新兴的职位，越来越受到欢迎，它既令人感到新奇又充满挑战。对软件的外观和使用体验的期待前所未有地高。设计工程师在满足这些期待中扮演着核心角色。
本篇文章将带您深入了解Vercel的设计工程背后的故事，包括我们的工作、技能以及我们如何助力产品高质量、高性能地发布。
什么是设计工程师？
Vercel的设计工程师将美学感知与技术技能相结合，让我们能深入理解问题，并独立设计、构建和发布解决方案。
我们的团队由具有各种技能和浓厚好奇心的成员组成，不断尝试新工具和媒介。这种跨学科的方法使我们能够拓展网络的可能性。
设计工程师关心什么？
设计工程师致力于提供超出用户期待的卓越体验。对于网络而言，这意味着：
- 令人愉悦的用户互动和易用性
- 构建可复用的组件
- 页面加载速度
- 跨浏览器兼容性
- 支持多种输入模式（触控、鼠标等）
- 尊重用户偏好
- 为使用辅助技术的用户提供无障碍访问
在美观的UI界面背后，设计工程师需要确保其他各个方面也能提供卓越的用户体验。
设计工程师做什么的？
在Vercel，设计工程师参与公司的各个方面，包括品牌、市场、产品开发和内部设计系统的工作。这包括：
设计协作
设计工程师与设计师密切合作来实现设计，跳过传统的交接过程。设计师不会交付完整的设计，而是绘制草图，并与设计工程师在 Figma 或代码中进行迭代以生成最终设计。为了推动设计，我们进行了大量的技术探索。
设计工程师与设计师紧密合作，实现设计，省去了传统的设计交接过程。设计师开始草图，然后与设计工程师在Figma或代码中迭代，共同完成最终设计。我们会进行大量的技术探索以推进设计。
从构思到生产，设计师和设计工程师的紧密合作涵盖了多个方面，比如：
- 考虑到实施成本与对体验的影响，例如，某些动画是不必要的，因为它们不是主要焦点。
- 决定一个组件是一次性的还是为了可重用而构建的。
- 根据网络实践或经验提供指导。
- 在 Figma 之外更容易进行的原型设计探索 – 例如，动画、键盘控制和触摸可以更好地在代码中实现，以节省从不同媒体到网络重新实现它们的时间和精力。
- 权衡实现成本与体验的影响，例如，一些不是关键的动画可能没必要。
- 决定一个组件是临时的还是需要可复用。
- 根据网络实践或经验提供建议。
- 在Figma之外进行设计探索的原型，如动画、键盘控制等，在代码中实现更为高效。在Slack消息、截图、视频、预览链接和Zoom通话进行协作。
产品团队整合
设计工程师融入产品团队，帮助推出通常需要一个多月时间的功能。设计师可能会也可能不会提供帮助。当设计师提供帮助时，设计工程师将实现 UI，而产品团队将实现 API 和基础设施。
当设计师没有提供帮助时，并不意味着设计工程师单独进行设计和实施。设计工程师创建初始草图并从设计师和工程师那里获取反馈。
设计工程师作为产品团队的一员，帮助推出通常需要超过一个月的功能。设计师可能参与也可能不参与。当设计师参与时，设计工程师负责UI实现，而产品团队负责API和基础架构。 即使没有设计师参与，设计工程师也不是单打独斗。他们会创建初步设计并从设计师和工程师那里收集反馈。
独立负责
针对用户需求点，设计工程师会在几天到几周内独立完成特定功能的设计和发布。他们会在Figma或代码中设计解决方案，征求反馈，然后发布。
团队还会参与由设计引领的项目。作为设计团队的一部分，设计工程师有自主权，可以专注于那些在工程任务列表中可能会被降低优先级的项目。 我们致力于打造流畅的互动体验、无掉帧、消除浏览器间的不一致性和提高可访问性。设计引领的项目示例包括：
- Vercel的Geist字体：Sans和Mono字体。一个可以查看每个字符并试用字体的交互式平台。
- Vercel的设计系统文档：一个交互式文档平台，供公司内的工程师使用，帮助发布Vercel产品。
- Vercel设计团队主页：一个探索新网络技术和提供设计资源的页面。
- Vercel仪表板中的亮点功能：为用户提供生动有趣的体验。
无论是哪种工作流程，我们都有为质量优于数量而努力的空间。我们知道，我们发布的产品永远不会完美无缺。”持续迭代至卓越”是Vercel的核心原则之一，这帮助我们在追求工艺精进的同时平衡商业目标，避免陷入完美主义的陷阱。
设计工程工具箱
设计工程师没有固定的工具套装，也没有所谓的最好背景。每个人都有不同的起点和积累的经验。这种多样性很重要，因为团队成员的技能互补。 虽然我们不期望每个人都掌握所有技能，但作为一个团队，我们能够实现雄心勃勃的设计目标，因为我们可以：
- 在Figma中设计
- 在代码中设计
- 编写生产级代码
- 调试浏览器性能
- 编写GLSL着色器
- 撰写文案
- 使用Three.js创建3D体验
- 在Blender中创建3D模型/场景
- 使用CGI和实际摄影效果编辑视频
我们之所以能在各个方面进行合作，是因为每个人都有独特的背景和技能。虽然每个人都能独立完成任务，但我们发现，通过合作我们能够产出最佳工作成果。我们不是流程/工具驱动的，我们关注的是最终结果，而不是过程或工具。
