WEB设计按钮分组和位置

 

按钮分组

按钮的分组可以让一个界面变得具有自我描述能力。在复杂的布局中，组织良好的各组按钮用以选择，而且因为很明显，这样可以很快告诉用户有哪些功能可以使用。

几个按钮放在一起，因为它们可能完成类似的功能。我们可以看范例iTunes的主窗口，四个角分别放置了一组按钮，界面中间的歌曲也有很多的行动点。加上滚动条，该界面只有有14个按钮。确实有很多的功能，不过因为视觉上和语言上的巧妙组合，并不会给用户很乱的感觉。

制定“阿里助手”视觉规范的时候运用的就是视觉相似性归类，假若这组按钮大小都一致，那么看起来就是一个整体，合适的大小和对齐可以帮助一组按钮组成一个大一些的组合图形。

分组按照按钮的功能来分，设计上以颜色，大小来区分，为了页面的整体性，质感我们都保持一致的。用简短而又含义明确的动词或者动词短语作为标签，如果用户不需要的时候不要使用高深的专门用语。以后台页面的按钮为例，一级按钮和二级按钮尺寸大小规格都是一致的，只要就是以颜色来区分（整张页面中橙色的按钮至多出现一个）。下面红框部分的为表单列表中的按钮

---