按钮设计是B端产品界面中必要的交互基石,作为提升产品数据的重要节点,它却常常因为结构简单、功能常规而被忽略。本文结合对当下按钮设计的理解,深入探讨如何把握按钮设计细节,设计出合理动人的按钮。
按钮是最常用的组件之一,它传达了如提交、合并、新建和上传等用户可以执行的操作,通常在对话框、表单、操作栏等类型的界面中出现。
在设计按钮时,需要灵活而规范地运用设计元素。对按钮进行解构与元素剖析,如下图所示:

图1 按钮解构示意
按钮在B端产品界面设计中发挥着重要作用,但在进行按钮设计时,却常常存在三方面的痛点:
B端产品中,按钮可分为基础功能操作类、引导用户操作类及业务功能操作类,这些按钮经常在同一个页面中存在。若忽略了对各类按钮的区别设计,就容易造成视觉上的混淆。