Tyler Sticka 谈论设计按钮的复杂性,以及在设计过程中确保我们已经考虑了焦点、悬停和活动状态。
事实上,鼠标效果可能是设计中最重要的状态。 通过尽早考虑更多功能性状态,您可以减少随着模式库的成熟而进行昂贵重新设计的需求。 以下是在设计中应尽早解决的基本状态,按重要性排序(大致)。
最近我一直花更多时间思考焦点样式,认为它是构建网站时的一项重要挑战,因此我特别重视 Tyler 的建议。 他认为我们应该在整个按钮设计过程中重复这条格言:
“我郑重宣誓永远不会禁用浏览器焦点样式,除非包含经过精心设计的替代方案。”
第一步:关注焦点样式。
相关地,我们最近发布了一篇关于 CSS 基础知识的系列文章,其中包括一篇专门针对各种链接状态的链接样式的文章。 此外,还有一篇与本主题相关的非常棒的文章,名为设计系统中的按钮,它讨论了关于按钮的许多UX 注意事项,例如如何编写好的标签。