根据不同业务需求和设计场景,构建相应的设计系统,其多样性和灵活性可以满足特定样式的特殊需求。本文以六个常见议题展开,详细探讨了设计系统的相关内容。
当前,设计系统受到越来越多公司的青睐,其流行程度呈指数级增长。
这并非偶然,因为设计系统是推动产品和服务快速发展的强大工具,已经成为全球企业不可或缺的助力。
需明确的是,设计系统的构建并非千篇一律。从个人到企业,从业务到需求等各方面差异,都会形成不同的设计系统样式。
如果您是初学者Web设计师,对设计方面有所涉猎,但对“设计系统”这一术语感到陌生或不确定其深层含义,那么您来对了地方。本文将尽力解答您关于设计系统的疑问。
此次,我们将深入探讨的主题是设计系统。我们将围绕该主题,尝试回答大家普遍关心的六个问题。
那么,准备好了吗?让我们开始深入探讨设计系统的六个最常见问题:
您可能希望得到一个明确的定义,但遗憾的是,设计系统像Web设计的其他方面一样,并没有一个固定的定义,因为它具有多种解释。您将在此处看到它的多种面向。
“设计系统不仅是项目,更是服务于产品的产品。”——Nathan Curtis如是说。
设计系统是其核心的集,包含设计和代码中实现的各种可重用组件、规则、约束和原则。
从按钮到单页应用程序,这些要素在系统中提供连贯、系统的秩序。
简而言之,设计系统几乎构成了产品的所有方面,从版式、布局到编码约定、样式指南和文档。
为了进一步简化并尝试为设计系统提供一个统一的定义,我们可以说:设计系统是与单个业务相关的准则、资产和原则的集合,其目的是帮助该业务学习、建立和发展。
设计系统还包括以下元素:
- 模式库
- 模块化设计
- 元件设计
- 设计语言
- 用户界面库
那么,为何不应该避免使用设计系统呢?反问一句,有什么比帮助您创建优质产品、提高设计水平并实现显著增长更重要的呢?它为您提供了统一的品牌和感觉,节省了大量时间。
设计系统是由精通各种方法的专业人士制作的,他们为您提供捷径,使您免于遇到麻烦、浪费时间,并最终意识到:使用他人的便利确实可以节省您的麻烦和时间。实际上,从使用设计系统中,您还可以学到一些新知识。
无论您处于设计的哪个级别,都应该知道总会有您不知道的东西、需要改进的地方和需要学习的东西。
设计涉及众多元素和属性,您可能尚未了解其中的一部分。您可以把设计系统也视为一个发现的过程。帮自己一个忙,不要那么固执。承认您可能会从比您更有经验的人那里获得一些帮助并不丢脸。
当我们定义了设计系统后,让我们介绍两个新术语——样式指南和样式库。对于某些读者来说,这些术语可能不是新鲜事物,但我们希望避免与相同意思的术语混淆……它们是有区别的。
虽然这三个概念相互关联,但它们绝对不是一回事。
当我们解决了这个问题后,主要问题变成了——它与样式指南或模式库有什么区别?为了回答这个问题,我们必须研究这两个新术语的含义。
样式指南和模式库是设计系统的子集,与其中的标准和文档紧密相关。
如其名称所示,样式指南侧重于图形样式,包括颜色、字体、插图等的内容及其用法。
简单地说,样式指南是描述设计系统的静态文档。它描述了产品的外观和感觉,有时还用于UI模式、修正印刷比例等。
模式库则代表了公司使用的一组设计模式,是用户界面设计元素的集合。它定义了它们的行为、外观及编码方式。模式库还解决了常见的设计问题。
模式库中的一些元素包括:
- 幻灯片放映
- 社交媒体功能