B端产品经理-B端UI界面交互基础组件：会话框

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

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

立即领取

感谢您参与论坛问题回答

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

+2 论坛币

导语：在前一篇文章《B 端 UI 界面交互基础组件-表单》中，一起学习了 B 端“表单”组
件 UI 设计规范，其中包括“基础表单”、“全页表单”；并从表单组件的需求场景、内
容布局以及交互方式等方面对以上组件进行了详尽的规范描述；今天我们继续介绍了 B 端
“会话框”组件的交互规范。


一、基础会话框
1. 需求场景
需要在当前页面进行信息提示。
需要在不影响当前页面布局内容的情况下，提供用户快速操作、配置的入口。
2. 内容布局
根据功能，会话框分为三个区域：标题栏、内容区域、操作按钮，布局如下：
标题栏：会话框标题局左对齐，关闭按钮居右显示，会话图标根据会话框内容需要显示。


内容区域：内容根据显示需要，向下自动扩展。
操作按钮区域：操作说明居左显示，操作按钮居右显示，推荐操作的按钮重点标注：
注：
操作按钮说明主要用于操作按钮区出现多个按钮，需要对部分特定操作进行特别说明的情
况； 推荐操作按钮需要分布在一组操作按钮的头或尾，避免出现在中间位置；
通用情况下，初始状态下会话窗口基于页面居中（水平、垂直）显示。
3. 交互行为
点击关闭按钮、取消按钮，将关闭会话窗口，如涉 ...

扫码加我 拉你入群

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

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

分享0 收藏0 回帖

关键词：产品经理 设计规范 一起学习 标题栏 一起学