按钮设计图

虽然直觉认为按钮是一种很简单的控件，但在梳理按钮相关知识点的过程中，发现小小控件其中包含了很多容易被忽略的细节。 按钮几乎是每一个页面不可或缺的元素，对于按钮的认识基本停留在视觉层面，一个圆角矩形搭配一句文案就能拼凑成一个最基础的按钮。视觉是一个观察的切入点，但仅停留在视觉层面还是不够的，比设计表现更重要的往往是背后支持设计的理由。本文中的所有案例均来自线上产品，观点仅是个人粗浅的理解...

小小的按钮，原来还有这么多学问。按钮（Button），按钮在 UI 中用于即时操作，响应用户点击的行为，从而可以触发相应的业务逻辑。按钮几乎存在于每个界面元素中，也是交互中重要的元素。本篇文章我们将从以下四个方面（按钮的尺寸、按钮的颜色、常用的按钮样式、按钮上的文案）介绍关于按钮的一些细节，希望看完文章可以对你有帮助。 一、按钮的尺寸和颜色 1. 按钮的尺寸 一个好的按钮设计遵循 3 个原则...