文档介绍：B端按钮交互规范设计

可以将整个页面视为一个内容块，也将一张卡片视为一个内容块，或者仅仅是界面中的一个小小的内容单元也可以视为一个内容块。
界面中，一个内容块的基本构成有三部分：Header. Body、FooterB端按钮交互规范设计

可以将整个页面视为一个内容块，也将一张卡片视为一个内容块，或者仅仅是界面中的一个小小的内容单元也可以视为一个内容块。
界面中，一个内容块的基本构成有三部分：Header. Body、FooteroHeader
Header
常规来说，一个内容块通常阐述一个主题：Header申明主题，Body放置该主题的具体内容,Footer主题的延伸信息和操作。
这是标题这是标签这是标签这是标签
二,按钮的位置按钮的位置有三种：Header、Body、Footer
Header放置影响全局变更的操作，比如复选后的操作，新建、编辑……
Body放置跟随内容生效的操作，比如表单中的上传图片，添加条目……
Footer放置完结类含义的操作，比如确定和取消。
三、按钮对齐方式按钮的对齐方式取决于用户的浏览方式，对于用户浏览方式的研究常见的方法为眼动测试，基本结论有：
对于大量同质信息平衡分布的情况（表单即属于这种情况），视觉都趋向于从上到下，从左到右的眼动规律；
左上角是视觉的第一落点区，而右下角是视觉最终落点区；
设计的元素的会影响视线的变动，比如颜色、图片。
Header区域：左上角作为第一视觉落点，一般用来放置标题，其次是按钮。
Body区域：做主任务流程，整体布局需要指明一条清晰的路径。将输入和操作强制垂直对齐，可以清楚地传达如何完成表单填写。
Footer区域：右下角作为视觉最终落点，主按钮采用右对齐。
IIIIIIIIIIIIII
9f
I基本信息课程名称
课程亮点册适用群体高中初中小高小低学前
课程主图j +
建议图片比例2: 1尺寸大于600*300大小小弓支带JPG/PNG/BMP等格式

左对齐意味着越重要的按钮越靠左，顺序为：一级按钮——二级按钮——三级按钮。
Header区域，如果没有标题，就采用按钮做对齐;body区域与表单对齐，也就意味着左对齐。
对于控住单行输入的表单的按钮，一般将按钮放在输入组件旁边，有时候会为了布局的美观放在输入组件的下方。
.右对齐左对齐意味着越重要的按钮越靠左，顺序为：三级按钮——二级按钮级
按钮。
一般情况下，弹窗内的按钮区域默认右对齐。
对于整个网页场景,Header区域，如果有标题标题左对齐才安钮右对齐;Footer 区域，右下角作为视觉最终落点，主按钮采用右对齐。
四、按钮顺序主按钮放左边还是右边？
各头部的互联网公司的处理都不尽相同，可见放左边还是右边都是可以被接受的,只要在系统中保持交互的一致。
一般上认为大部分人作为右撇子，主按钮放在右边更容易被点击，但在不同场景中还是有差异的，见按钮的对齐方式。
.风险操作可能造成损失的操作，特别是破坏性操作，如果不是用户期望点击的按钮，应该尽量远离常用按钮。
如果此时主按钮放在左对齐，风险按钮就放右边，反之亦然。
这是弹窗标题这是弹窗标题
物肖结束涔询