设计系统中的按钮

Avatar of Robin Rendle
Robin Rendle

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费积分!

我真的很喜欢 Nathan Curtis 的这篇帖子,他讨论了 如何在设计系统中应用按钮

我喜欢按钮。 我可以用按钮做很多事情。 迈出下一步。 做出承诺。 完成任务。 借助按钮,交互栩栩如生。

这就是为什么按钮可以说是设计系统中最重要的组成部分。 它们非常简单,在一个我可以按下的特定区域提供一个简单的标签。 因此,按钮是您将设计语言的基本属性应用于以后更复杂组件的方式。

边框、颜色、文字样式、图标; 要考虑的东西太多了! 但我真正想在这里快速记下的是设计中的*弹性*,特别是 Nathan 谈到在按钮中添加组件(如图标)的时候。

当您添加元素(即使是简单的图标)时,按钮布局也不应该崩溃。 应对不可预测的元素会暴露内部间距和对齐方面的讨厌问题。

因此,无论何时从按钮中删除组件,按钮本身都应正常工作。 但这不仅仅对按钮很重要,它对我们构建的任何组件都很重要。 简而言之:询问特定元素可能会在视觉上或交互方面如何失效,对于构建有效的设计系统至关重要。

直接链接 →