UI素材干货模板|网页“按钮”组件，教你要如何设计！

按钮从现实生活中延续到现代应用，一般情况下，点击之后会做出相应反应的都可称作是按钮。它在界面中出现的频率非常高，导致我在之前就觉得对于这个元素足够熟悉，而忽略了它的一些设计细节。

按钮有常见的面性形式和图文结合形式两种。图文结合形式标对主按钮的含义进行解释，从而帮助用户提高这个按钮的识别性。如果一个按钮你想比主按钮更加强调，那便可使用在按钮中添加图标，这样既能够强化图标的含义，同时也加深了用户对于按钮的印象。

更多按钮UI素材到，搜UI (SOOUI) 可以临摹练习，提高设计水平！还有APP设计可以学习！

按钮库

下载按钮

⚡️Microinteractions：订阅按钮

汉堡按钮

订阅按钮

加入的Siri按

收藏夹按钮心

位置多彩按钮

反应材料设计平滑的按钮

设计时要注意文字边框的间距，左右间距要大于上下边距。通常左右边距设置为16px，上下

间距6-8px，保持舒适的呼吸感。

通过临摹，一则用来强化技法层面的能力，二来也能提升初学者的创新能力。

临摹的内容，可以有两方面选择：一种是系统自带的图标，另一种则是行业牛人的设计作品，

捉摸他们的设计风格、思想和细节，都能加深对设计的认识。