一起来看看按钮图标设计规范

    随着网络技术的进一步发展以及网络普及面的广泛化，同时，加之以社会经济发展与人民生活水平的提高，电子设备正处于不断推广的状态。在如今，可以说绝大多数的中国人手中都拥有一部智能手机，家里大多也都有个人电脑，有的家庭甚至是人手一台，iPad等电子设备自不必提。因此，我们在日常生活当中我们随处可见各种各样的按钮图标。这边，让小编给大家介绍下关于按钮图标设计的一些规范。

    尽管与网页上吸引游客目光的精彩内容相比，按钮是如此的不显眼，但在网页设计中，按钮图标设计却又有着不可替代的作用。按钮图标设计也不是随意而行，而是要遵循一定的设计规范。

    1.对于有文本标签的命令按钮来说，应当使用最小按钮宽度和标准按钮高度。

    2.在每个窗口中保持按钮宽度相等。如果这么做不切实际的话，应当将有文本标签的命令按钮不同宽度的数量限制为两种。

    3.如果同样的命令按钮出现在多个窗口中，试着使用相同的标签文本、访问键及窗口位置。

    4.如果单击命令按钮不会立即产生结果的话，应当显示忙碌鼠标指针。如果没有反馈，用户可能会认为没有单击并会再次单击。

    5.当其他控件和一个命令按钮存在互操作时，如带有“浏览”按钮的文本框，应当将该命令按钮以下列三种方式中的一种进行摆放以表示它们之间的关系位于其他控件下侧，左对齐。位于其他控件右侧，顶端对齐。在互操作的控件之间垂直居中。

    6.按钮图标设计不要使用过窄、过短或过高的带有文本标签的命令按钮，因为其看起来显得不专业。尽量使用默认的宽度和高度。

    7.当命令按钮附属于其他控件时，应当使用上述位置，并在上级控件被选中之前禁用附属的命令按钮。

    8.避免在命令按钮上同时使用文本标签和图形。同时使用文本和图标往往会增加不必要的视觉混乱，且无法帮助用户更好地理解。仅当图形用于增进理解的时候才考虑同时使用文本和图形，例如当用于命令的是标准符号或它能够帮助用户形象地了解该命令的结果等等。否则，首先考虑文本，或者单独使用图形。

    9.如果多个命令按钮与同一个控件存在互操作时，在其他控件右侧纵向排列并顶端对齐，或在控件下方横向排列并左对齐。

    最后，一品威客网小编要提醒大家的是，以上这些一品威客网小编为大家收集的关于按钮图标设计的规范性知识还是相当不全面的，毕竟很多领域都需要用到按钮图标设计，难以一概而论。如果大家想要了解更多关于按钮图标设计的知识，请上一品威客网。