第二章：设计语言-按钮(二)

目录

1.按钮的尺寸

2.按钮的基本样式

3.按钮的两种状态

4.按钮的几种颜色

1、按钮的尺寸

一个合适的按钮都是经过无数次推敲才成为一个合理按钮的存在，我们仔细去体会生活中的一切会发现基本大大小小的东西都是有规范可寻的比如我们的办公桌高度一般会根据人体工程学原理出发的，办公桌的舒适度也影响着办公桌的办公效率，高了感觉手往上抬费力，低了感觉背弯着累，所以大多数的办公桌的高度以72-76cm为标准来设计。同样在我们的人机界面交互设计中我们通常会保持页面统一的风格，比如统一的圆角，统一的按钮风格在网页和后台系统中我们通常使用的按钮尺寸为24px、32px、40px、48px都是4的倍数，数与数之间也是+-8的关系，另外在绘制按钮的尺寸注意平方，留出按钮上下均等的距离，另外这几个数值从web端的体验上来看，比例也是相对更合适的，所以通常会采用这几个较为规范的数值。

2、按钮的基本样式

目前按钮主要有线性按钮、文字按钮、带图标类型按钮、圆角按钮

3、按钮的两种样式

目前按钮主要禁用状态、加载状态、默认状态

4、按钮的几种颜色

通常按钮在不同的场景下会使用不同的颜色比如安全我们会使用蓝色 成功我们会使用绿色 警告我们会使用黄色 危险我们会使用红色等在如果在具体项目中最好还是根据项目来，具体情况具体而定。