B端产品经理-B端UI界面交互基础组件——按钮

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

编辑导语：在前面一篇文章中，带着大家一起学习了 B 端“文本”类组件 UI 设计规范，
其中包括标题/标签、内容描述、备注、组合文本等组件；并从“文本”组件的需求场景
、内容布局以及交互方式等方面对以上组件进行了详尽的规范描述《B 端 UI 界面交互基
础组件-文本》，今天我们介绍 B 端“按钮”组件的相关交互规范。


一、常规按钮
1. 需求场景
提供用户通过鼠标点击触发事件操作。
2. 内容与布局
1）按钮根据设计需要，可分为纯图标按钮、纯文本按钮、图标+文本按钮。
纯图标按钮，通过鼠标 hover 上按钮后展示提示信息。
纯文本按钮：纯文本按钮文字居中对齐。


图标 + 文本按钮：一般按钮内容区域左侧展示图标，右侧展示按钮文本。
2）当按钮区域宽度不够时允许按钮内省略部分文本内容使用”…”表示。
3）根据需要利用 Tips 提供操作辅助信息，如：
纯图标按钮如无特殊原因，必须提供 Tips 提示。 【建议】因长度原因出现省略文本的按
钮，提供 Tips 提示。
4）按钮具体在界面中的使用无强制布局定义，建议同一界面、同一内容分区、同一应用
逻辑尽量保持一致。
5）同类按 ...

扫码加我 拉你入群

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

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

分享0 收藏0 回帖

关键词：产品经理 Tips 提示信息 Over 一起学习