浅谈按钮分组和位置

来源：西安天琥设计培训学校时间：2018/10/4 9:49:48

1.视觉流向

用户浏览页面的视觉流向通常是从左上至右下的一条弧线，我们可以看到通常浏览器的操作都是在右侧，关闭|缩小|滚动条等等。符合视觉流向通常情况下，我们会将按钮安排在相同的对象右边，或者是下面，但是复杂界面元素的底部一般是用户的“盲点”。我们将影响整个页面或者对话框的按钮，确认|取消|下一页|保存这样类按钮设置在弹出框的右侧有很好的扩展性，左侧可以添加帮助按钮，这样有助于功能的区域划分。

如果按钮都有自己的小图标，类似用于表单，列表中，可以将它们放在工具条或者类似工具条狭长的区域上，通常在页面的顶部。

按钮的位置

1.视觉流向

用户浏览页面的视觉流向通常是从左上至右下的一条弧线，我们可以看到通常浏览器的操作都是在右侧，关闭|缩小|滚动条等等。符合视觉流向通常情况下，我们会将按钮安排在相同的对象右边，或者是下面，但是复杂界面元素的底部一般是用户的“盲点”。我们将影响整个页面或者对话框的按钮，确认|取消|下一页|保存这样类按钮设置在弹出框的右侧有很好的扩展性，左侧可以添加帮助按钮，这样有助于功能的区域划分。

如果按钮都有自己的小图标，类似用于表单，列表中，可以将它们放在工具条或者类似工具条狭长的区域上，通常在页面的顶部。