规划界面时，页面中都会有操作按钮。
不同的运用场景，对应的按钮方位布局不同。按钮方位如果放错，会导致用户操作不畅，乃至操作失利。
本篇文章就讲讲这个知识点，让平常没留意的人完全掌握按钮的方位逻辑。本篇文章纲要如下：
1、按钮几种布局
2、导航栏布局
3、跟从内容布局
4、倾向底部布局
5、底部悬浮布局
6、布局总结
1、按钮的几种布局
按钮的布局大致分为四种，分别为：导航栏布局、跟从内容布局、倾向底部布局和底部悬浮布局。
2、导航栏布局
咱们平常看到的导航栏布局有许多，如发朋友圈和发QQ动态。
为什么要将「宣布」按钮放在导航栏右侧？
以微信朋友圈举例，在发送动态时，中心操作是为相片配文字或持续添加相片。
其他操作例如挑选所选方位、提醒谁看、谁能够看，同步到朋友圈，都是非必须操作且不会调起键盘。
用户输入文字之后，直接能够点击邻近的「宣布」按钮，便利便利。
能否将「宣布」按钮放在页面中呢？答案是：不可！
将「宣布」按钮放在页面，当输入文字时，会导致键盘遮挡操作按钮，无法快速点击「宣布」操作。
除非是「宣布」按钮邻近有许多需要键盘输入的必填表单，不然不能这么做。现在来看，微信的「宣布」按钮的方位规划是最优解。
3、跟从内容布局
常见于表单字段填写时，如下图所示。
那么能不能将操作按钮放在导航栏右侧呢？答案是不可！由于放在导航栏右侧的话，操作途径不顺畅。
放在表单下方是正常的从上往下操作流。
有些规划觉得将按钮底部区域，离大拇指更近，更便利操作，如下图。
但是由于是表单填写，会调起键盘，将提交按钮给挡住，所以按钮跟从表单之后，愈加科学。
4、倾向底部布局
倾向底部的操作按钮通常是内容区域不需要调起键盘的运用场景。常见的如引导页或结果页。
5、底部悬浮布局
底部悬浮布局，常用于非填写内容超越一屏或批阅等运用场景，特点是操作按钮优先级高，便利用户实时操作。
如下图电商购买按钮。
6、布局总结：
1、填写内容为必填项、需要调起键盘且均会集在页面头部，则操作按钮放在导航栏右侧较合理。
2、填写内容在头部，且调起键盘不会挡住操作按钮，则按钮紧随内容较合理。
3、不需要调起键盘来填写内容，则按钮放在倾向底部比较合理。
4、按钮非常重要，且非填写内容超越一屏时，用底部悬浮布局比较合理。
做规划，摹客就够了。
以下文章来源于Echo的规划笔记 ，作者Echo
