在产品设计团队中,设计系统的存在,有助于让设计师、研发工程师、产品经理等角色协同工作,设计系统一定程度上还有助于保证多个产品和平台之间的视觉一致性。这篇文章里,作者就对设计系统的价值、类型等方面做了相对系统性的梳理,一起来看。 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 协议。 该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。 |