全部版块 我的主页
论坛 提问 悬赏 求职 新闻 读书 功能一区 经管文库(原现金交易版)
38 0
2025-09-23
编辑导语:B 端产品的按钮应该如何设计?本文作者从按钮的位置、对齐方式、顺序、视
觉强度还有大小这几个方面,通过实际操作为我们进行了分析,希望这篇文章能对你的按
钮设计有所启发。


一、定义
1. 内容块
可以将整个页面视为一个内容块,也将一张卡片视为一个内容块,或者仅仅是界面中的一
个小小的内容单元也可以视为一个内容块。
界面中,一个内容块的基本构成有三部分:Header、Body、Footer。
常规来说,一个内容块通常阐述一个主题:Header 申明主题,Body 放置该主题的具体
内容,Footer 主题的延伸信息和操作。
二、按钮的位置
按钮的位置有三种:Header、Body、Footer
1. Header
放置影响全局变更的操作,比如复选后的操作,新建、编辑……
2. Body
放置跟随内容生效的操作,比如表单中的上传图片,添加条目……
3. Footer
放置完结类含义的操作,比如确定和取消。

三、按钮对齐方式
按钮的对齐方式取决于用户的浏览方式,对于用户浏览方式的研究常见的方法为眼动测试
,基本结论有:
对于大量同质信息平衡分布的情况(表单即属于这种情况),视 ...
附件列表
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

栏目导航
热门文章
推荐文章

说点什么

分享

扫码加好友,拉您进群
各岗位、行业、专业交流群