楼主: Mujahida
50 0

[其他] B端产品经理-B端UI交互界面——典型页面布局 [推广有奖]

已卖:5678份资源

泰斗

0%

还不是VIP/贵宾

-

威望
0
论坛币
13312 个
通用积分
718.1716
学术水平
459 点
热心指数
484 点
信用等级
414 点
经验
116269 点
帖子
4686
精华
0
在线时间
16731 小时
注册时间
2013-1-2
最后登录
2026-1-21

楼主
Mujahida 在职认证  发表于 2025-9-23 09:15:04 |AI写论文

+2 论坛币
k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群
赵安豆老师微信:zhaoandou666

经管之家联合CDA

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

感谢您参与论坛问题回答

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

+2 论坛币
编辑导语:之前学习了 B 端 UI 组件(文本、按钮、下拉菜单、输入框、翻页控制、表格
、表单、会话框)的交互规范;今天这篇文章是 B 端交互规范最后一篇:B 端交互的典型
页面,我们一起来学习一下。


一、业务主框架界面
需求场景:
符合常规行业内容分布逻辑; 具备通用性;
1. 内容布局
业务可是界面基础布局模式分为上下布局,上部为导航条、下部为内容区:
顶部导航栏分区:


LOGO 区域,防止 LOGO 图标与标题:
一级导航:


无子级内容,导航仅显示标题,如有子级内容展示,则显示对应图标:


子级内容根据需要展开:
子级分类项较多:


子级分类项较少:
基础操作项:


全局分类数据切换对内容区数据进行整体更新,如内容区为全局数据时,分类数据切换按
钮不可用,显示所有:


其他按钮点击展开对应下拉界面,或执行对应操作。
用户私有信息、偏好设置展开:
内容区分为三个区域:左侧边导航、分类导航、内容展示,内容展示界面正常显示宽度不
得小于 1366px-左侧导航展开宽度(左侧边导航宽度参见 UI 诗句涉及规范):
左侧边导航,用于展示从一级导航入口进入后的相 ...
二维码

扫码加我 拉你入群

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

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

关键词:产品经理 LOGO 分类数据 下拉菜单 基础操作

您需要登录后才可以回帖 登录 | 我要注册

本版微信群
扫码
拉您进交流群
GMT+8, 2026-1-26 21:04