统使我们能够管理混乱并创造更好

数字产品设计系统:您的数字产品需要什么、如何以及为什么需要它? 在软件开发和设计领域,我们经常被要求提供一次性解决方案。有时我们的工作时间有限,有时我们还没有就前进的道路达成一致。这些一次性解决方案本质上并不是坏事,但如果它们没有建立在坚实的基础上,我们最终就会为累积的技术和设计债务付出代价。 视觉语言就像任何其他语言一样。如果该语言没有被所有使用该语言的人共享和理解,就会产生误解。随着产品或团队的成长,这种模式的挑战也会增加。 设计一直主要是关于系统,以及如何以可扩展和可重复的方式构建产品。

从彩通颜色到飞利浦螺丝

该系的产品。数字产品可能是实施这些系统的最肥沃的土壤,但它们通常不被视为优先事项。 集成设计系统对于更好更快地构建至关重要;更好是因为有凝聚力的体验更容易让我们的用户理解,更快是因为它为我们提供了通用语言。 什么是设计系统? “设计系统是一项投资。许多公司不会雇用人员来专注于设计系统,直到意识到这一点时为时已晚,”GitHub 的 Diana Mounter 在她关于设计系统的精彩演讲中说道。

如果您的数字产品的品牌

价值侧重于: 精心打造的用户体验 为设计师提供一致且易于使用的环境 扎实且多才多艺的解决问题的方法 所以系统设计是一项你也必须组织的工作。 设计系统:设计系统? 在不打开字典的情况下,让我们尝试定义这两个词: 设计→ 创建和排列图像、形状和颜色以创造具有视觉吸引力和/或功能性的东西的艺术。 系统→ 一组和谐地协同工作的事物;复杂的整体。 从这两个词的定义,你能猜出什么是设计系统吗? 设计系统由两部分组成:库和文档。您的视觉资产、徽标、字体、颜色。

该设计系统还包括

UI 组件、文档和代码片段,使开发人员可以更轻松地在现有产品中使用它们。 这些是设计和代码中应用的规则、约束和原则。这些元素适用于从颜色、排版、间距和布局的所有内容。 有趣的是,设计系统还必须包括非视觉元素,例如语气、词汇、语法和音频提示。所有这些组件都是单独设计的,但组合在一起创造出一个连贯的产品。 这个概念可以与前端和后端设计进行比较。因此,一方面我们拥有所有这些可重用组件(它们是可视的),另一方面我们拥有这些元素的代码片段,因此开发人员可以使用它们。

我们仔细理解一下

在一个设计系统中,设计时总有一些必须遵守的标准,例如用户的默认图标。对于视觉图标的外观没有固定的规则(这取决于设计师的创造力),但您的设计系统指示了创建它们所需遵循的过程。 简而言之,设计系统由可以更改的视觉(和非视觉)元素和流程组成。应器 手机号数据库列表 可该指出的是,一个好的设计系统还包括命名约定、文件结构以及在数字环境中工作的其他“形式”。因为主要目标是加快和简化设计师的工作方式;它还包括许多文件管理程序。 所以数字产品系统设计不是一个结果,而是一组结果,它会随着新产品、工具和技术的不断发展而不断发展。

正如 Jina Anne 在本次会

 

手机号数据库列表

 

议上完美解释的那样,该系统由物理和非物理元素组成,例如设计人员和开发人员的工具、模式、组件、指南,而且通常是最难实现的几个抽象元素,例如品牌价值观、相同的工作方式、心态、共同的原则。 样式指南或模式库:有什么区别? 风格指南和模式库只是数字产品设 方便的工作资源是快速增长的资源 计系统的一些成果。样式指南,顾名思义(样式指南),重点关注图形样式(颜色、字体、插图等)及其使用。模式库集成了功能组件及其用途。 如今,大多数设计系统都包含这两种功能,例如 Shopify 为其样式指南提供了一个“视觉效果”选项卡,为其模式库提供了一个“组件”选项卡。

Shopify — Polaris:风格指南和模

式库 简而言之,风格指南和设计系统之间的主要区别在于后者的可扩展性和动态性。 风格指为 购买线索 服南是静态的、封闭的,而设计系统是动态的、可扩展的。与风格指南在特定时间交接工作的工作理念不同,在设计系统中,设计师和开发人员之间的协作仍在继续。 这给了我们一个简单的结论:设计系统支持敏捷方法,而风格指南似乎更适合瀑布方法。因此,它可以让企业节省大量的时间和金钱。 什么是好的设计系统? 一个好的设计系统当然取决于数字产品的最终执行,但一般来说,以下是一个好的设计系统的要素。

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注