产品经理一定要学会的原型交互规范设计

一、主级按钮
序号1、序号2：主级按钮
一个按钮区最多一个主级按钮，也可以没有

二、线框按钮
序号3：如果不是非常为了突出“完成”、“推荐”的操作，可以多采用线框按钮

三、红色按钮
序号4：红色按钮不需要选中颜色这么深的

四、按钮大小规范

五、操作性
关于序号1、序号2是不同的操作按钮，不能放在同一行。可以改进为如下图：

按钮的对齐方式取决于用户的浏览方式，对于用户浏览方式的研究常见的方法为眼动测试，基本结论有：

对于大量同质信息平衡分布的情况（表单即属于这种情况），视觉都趋向于从上到下，从左到右的眼动规律；
左上角是视觉的第一落点区，而右下角是视觉最终落点区； 设计的元素的会影响视线的变动，比如颜色、图片。

Header区域：左上角作为第一视觉落点，一般用来放置标题，其次是按钮。
Body区域：做主任务流程，整体布局需要指明一条清晰的路径。将输入和操作强制垂直对齐，可以清楚地传达如何完成表单填写。
Footer区域：右下角作为视觉最终落点，主按钮采用右对齐。