首页 资讯 民生 科技 财经 汽车 房产 娱乐 文化 能源 公益 时尚 健康 图片

网络

旗下栏目: 三农 教育 法治 体育 消费 旅游 网络

规模效应:设计系统如何简化界面设计工作流程

来源:三分设 作者:复兴网网络 发布时间:2023-11-08
摘要:设计系统的目的主要是为了在设计决策时,能够提供一个多方已经达成共识的依据和基准,让设计师和研发工程师之间(还有业务、产品等)更容易协同工作,从而建立一系列的精益敏捷的协作方式和运作流程。设计系统还有助于确保多个产品和平台之间的视觉、交互、代码等一致性

在产品设计团队中,设计系统的存在,有助于让设计师、研发工程师、产品经理等角色协同工作,设计系统一定程度上还有助于保证多个产品和平台之间的视觉一致性。这篇文章里,作者就对设计系统的价值、类型等方面做了相对系统性的梳理,一起来看。

https://airbnb.design

IBM – IBM 的设计系统名为 “Carbon Design System”,帮助他们整合设计标准,并在所有产品中推广更加一致的视觉语言。Carbon Design System 还帮助 IBM 的开发团队缩短了产品上市时间,改善了用户体验。

https://carbondesignsystem.com

Atlassian-Atlassian 的设计系统名为”Atlassian Design Guidelines”(ADG),帮助他们在产品组合中实现了更加一致的设计。ADG 还帮助 Atlassian 简化了开发流程,降低了开发成本,改善了用户体验。

https://atlassian.design

虽然设计系统可以为组织带来巨大的利益,但是我们在推动和实施设计系统时也面临很多挑战。

其中一些挑战包括:

  • 保守派 – 设计系统通常需要对既定的设计和开发工作流程进行重大变革。对变革的抵触会使新设计系统难以实施。
  • 复杂性 – 设计系统可能很复杂,尤其是在企业拥有大量产品组合的情况下。创建和维护设计系统可能需要投入大量的时间和资源。
  • 跨部门 – 实施设计系统需要不同部门利益相关者的支持。让利益相关者相信设计系统的好处是一项挑战。

为了克服这些挑战,我们采取以下几个步骤:

  • 从小做起 – 实施设计系统是一项艰巨的任务。从小处着手,从单一产品或单一设计元素入手,有助于形成势头,并获得利益相关者的支持。
  • 利益共创 – 在实施设计系统时,与利益相关者合作至关重要。让利益相关者尽早参与进来,并在整个设计系统开发过程中鼓励他们提供反馈和意见。
  • 宣传优势 – 向利益相关者宣传设计系统的优势至关重要。强调设计系统如何改进工作流程、减少开发时间和成本,以及改善用户体验。

从哪里可以了解有关设计系统的更多信息?

设计系统可以根据企业的具体需求进行定制,包括从调色板和排版到表单、表格和导航菜单等更复杂的用户界面组件。通过为每个元素提供详细的文档和指南,设计系统可确保项目中的每个人都站在同一起跑线上,并了解如何正确使用每个组件。以下是一些有关设计系统的资源,可帮助您开始设计自己的系统。

1.InVision 设计系统管理器 – 一个帮助团队创建和维护设计系统的平台。它提供创建设计库、样式指南和用户界面组件的工具,并允许团队协作和共享设计资产。

https://support.invisionapp.com/docs/design-system-manager-dsm

2. Figma 设计系统 – 一种流行的设计工具,具有创建设计系统的功能。其设计系统功能包括可重复使用的组件、共享样式以及用于存储和共享设计资产的库。

https://www.designsystemsforfigma.com

3. EightShapes Specs(Figma 插件)– 一种允许设计师直接在 Figma 界面中轻松创建设计规范和样式指南的工具。该插件旨在通过自动执行创建和维护规范所涉及的许多重复性任务,简化为设计系统创建文档的流程。

https://www.figma.com/community/plugin/1205622541257680763/eightshapes-specs

4. Design Systems Handbook – 创建设计系统的综合指南。它涵盖了如何定义设计系统、如何创建可重复使用的用户界面组件以及如何记录设计系统以便于参考等主题。

https://www.designbetter.co/design-systems-handbook

5. Atomic Design – 一种创建设计系统的方法,强调使用模块化、可重复使用的用户界面组件。它提供了一种结构化的方法来创建可扩展且易于维护的设计系统。(大家熟知的原子设计)

https://uxdesign.cc/atomic-design-2022-what-we-can-learn-from-eames-and-other-design-giants-4d8e2f579daa?gi=7f581adec459

6. Shopify Polaris – Shopify 使用的设计系统,它是 GitHub 上的一个开源项目。它包括排版、色彩、布局和用户界面组件指南,以及为希望在自己的项目中实施该设计系统的开发人员提供的资源。

https://polaris.shopify.com

7. Design System Podcast – 一个探索设计系统世界的播客。播客内容包括对该领域专家的采访,以及对设计系统管理、文档和采用等主题的讨论。

https://www.designsystemspodcast.com

8. Design System Slack Community – 面向设计师、开发人员和其他对设计系统感兴趣的专业人士的论坛。它为创建和维护设计系统相关主题的讨论和合作提供了空间。

https://www.design.systems

9. Design System Repo – 设计系统示例、资源和工具的精选集。它提供大量有关设计系统的信息,包括案例研究、风格指南和设计系统库。

https://designsystemsrepo.com

原文标题:Scaling design: how design systems can streamline your workflow

原创作者:Kimber Capuchino

原文链接:https://bootcamp.uxdesign.cc/scaling-design-how-design-systems-can-streamline-your-workflow-1ac248c1364e

翻译作者:益达;授权获取:魏心语;该译文并非完整原文,内容已做部分调整。

微信公众号:三分设(ID:SFun-Share);用户体验设计师成长社区

本文由@三分设 翻译发布于人人都是产品经理,未经许可,禁止转载。

题图来自 Unsplash,基于 CC0 协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

责任编辑:复兴网网络

上一篇:回答2024:中国生成式AI的未来在哪?

下一篇:没有了

关于我们 | 联系我们 | 广告服务 | 法律声明 | 招聘信息 | 网站地图

复兴网版权所有,未经书面授权禁止使用

复兴时报社主办 版权所有:复兴时报社 © 2014-2023 CHINAFXNEWS.com All Rights Reserved.

举报邮箱: chinafxnews@163.com

电脑版 | 移动版