产品经理一定要学会的原型交互规范设计
·
一、主级按钮
序号1、序号2:主级按钮
一个按钮区最多一个主级按钮,也可以没有

二、线框按钮
序号3:如果不是非常为了突出“完成”、“推荐”的操作,可以多采用线框按钮
三、红色按钮
序号4:红色按钮不需要选中颜色这么深的
四、按钮大小规范

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

按钮的对齐方式取决于用户的浏览方式,对于用户浏览方式的研究常见的方法为眼动测试,基本结论有:
对于大量同质信息平衡分布的情况(表单即属于这种情况),视觉都趋向于从上到下,从左到右的眼动规律;
左上角是视觉的第一落点区,而右下角是视觉最终落点区; 设计的元素的会影响视线的变动,比如颜色、图片。Header区域:左上角作为第一视觉落点,一般用来放置标题,其次是按钮。
Body区域:做主任务流程,整体布局需要指明一条清晰的路径。将输入和操作强制垂直对齐,可以清楚地传达如何完成表单填写。
Footer区域:右下角作为视觉最终落点,主按钮采用右对齐。


魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)