设计按钮状态

Avatar of Robin Rendle
Robin Rendle

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 $200 免费信用额度!

Tyler Sticka 谈论设计按钮的复杂性,以及在设计过程中确保我们已经考虑了焦点、悬停和活动状态。

事实上,鼠标效果可能是设计中最重要的状态。 通过尽早考虑更多功能性状态,您可以减少随着模式库的成熟而进行昂贵重新设计的需求。 以下是在设计中应尽早解决的基本状态,按重要性排序(大致)。

最近我一直花更多时间思考焦点样式,认为它是构建网站时的一项重要挑战,因此我特别重视 Tyler 的建议。 他认为我们应该在整个按钮设计过程中重复这条格言:

“我郑重宣誓永远不会禁用浏览器焦点样式,除非包含经过精心设计的替代方案。”

第一步:关注焦点样式

相关地,我们最近发布了一篇关于 CSS 基础知识的系列文章,其中包括一篇专门针对各种链接状态的链接样式的文章。 此外,还有一篇与本主题相关的非常棒的文章,名为设计系统中的按钮,它讨论了关于按钮的许多UX 注意事项,例如如何编写好的标签。

直接链接 →