上一章 B端栅格系统的定义逻辑

B端页面的基本结构解析

UX百科编辑部2024-03-15 发布
1768人在学·15条笔记
收藏

B端管理系统度的应用价值,说到底就四个字 —— 增删改查,即针对数据进行的交互和操作过程。不管业务有多复杂,页面有多少,字段有多少,目的都围绕这四者展开。

同理,视觉界面作为用户使用的载体,也是围绕增删改查而设计。常见的页面类型包含四种:

  • 表盘:主要展示数据和图表的页面,类似飞机、货轮的仪表盘
  • 列表:用于大量同类数据的条目,包括对它们进行排序和筛选等
  • 表单:主要用于添加、修改数据对象的操作型页面,会包含多个表单控件的处理
  • 详情:用于展示某个数据对象详细内容、数据的页面

表盘

列表

表单

详情

虽然它们是B端最核心的页面类型,但要成为一个完整的系统,就还有一些次要的页面类型需要补充,比如下面这些:

  • 登录/注册页:进入系统前进行身份验证的页面
  • 成功/错误页:完成对应操作后用一个独立页面来反馈操作结果的页面
  • 异常/空页面:对系统错误、为空的状态用特殊的页面

登录/注册页

成功/错误提示页

异常/空白页

除了特殊的页面外,还有一些较为特殊,需要在设计软件内使用单独画布呈现的组件,比如:

  • 新手/任务引导:对用户进行特殊信息解释、操作引导的页面
  • 模态弹窗:包括大量内容、信息的模态弹窗
  • 侧边抽屉:侧边展开的包含信息、表单的抽屉

新手/任务引导

模态弹窗

侧边抽屉

虽然B端页面类型能做出区分,但不同页面之间是包含通用的元素,即全局组件。而布局的核心根据导航的方向决定,包括导航在左侧,导航在顶端,侧边顶端混合型三种。

正常项目的设计,就是先规划好全局组件的布局形式,然后再在内容区域绘制对应的页面。而我们掌握不同页面的设计思路、框架,就是了解在内容区域的不同表现形式而已。

1768人在学·15条笔记
收藏
已学会
72人已学会
下一篇B端页面全局框架解析
页面包含全局框架和内容区域两个部分,全局框架包含全局组件以及对内容区域的规划,全局组件主要包含导航、顶栏、页签三个核心组件。常见的组件形式包括下面这些: 1.1 侧边导航 即导航在左侧的做法,包含两种模式,一种是单列导航,一种是双列导航。双列导航可以兼容更多的导航层级(3级以上),能更好的突出下级导...
本章笔记
仅看自己
logo
小野发布于 2025-03-20
B端系统:增删改查。——常见页面类型:表盘、列表、表单、详情;+登录/注册页、成功/错误页,异常/空白页; + 新手/任务引导;模态弹窗;侧边抽屉
B端管理系统度的应用价值,说到底就四个字 —— 增删改查,即针对数据进行的交互和操作过程。不管业务有多复杂,页面有多少,字段有多少,目的都围绕这四者展开。 同理,视觉界面作为用户使用的载体,也是围绕增删改查而设计。常见的页面类型包含四种: 表盘:主要展示数据和图表的页面,类似飞机、货轮的仪表盘 列表:用于大量同类数据的条目,包括对它们进行排序和筛选等 表单:主要用于添加、修改数据对象的操作型页面,会包含多个表单控件的处理 详情:用于展示某个数据对象详细内容、数据的页面 表盘 列表 表单 详情 虽然它们是B端最核心的页面类型,但要成为一个完整的系统,就还有一些次要的页面类型需要补充,比如下面这些: 登录/注册页:进入系统前进行身份验证的页面 成功/错误页:完成对应操作后用一个独立页面来反馈操作结果的页面 异常/空页面:对系统错误、为空的状态用特殊的页面 登录/注册页 成功/错误提示页 异常/空白页 除了特殊的页面外,还有一些较为特殊,需要在设计软件内使用单独画布呈现的组件,比如: 新手/任务引导:对用户进行特殊信息解释、操作引导的页面 模态弹窗:包括大量内容、信息的模态弹窗 侧边抽屉:侧边展开的包含信息、表单的抽屉 新手/任务引导 模态弹窗 侧边抽屉 虽然B端页面类型能做出区分,但不同页面之间是包含通用的元素,即全局组件。而布局的核心根据导航的方向决定,包括导航在左侧,导航在顶端,侧边顶端混合型三种。 正常项目的设计,就是先规划好全局组件的布局形式,然后再在内容区域绘制对应的页面。而我们掌握不同页面的设计思路、框架,就是了解在内容区域的不同表现形式而已。
回复
UX小学生发布于 2025-01-12
B端导航:侧边;顶部、混合导航 核心:增删改查 主要页面:表盘(数据展示)、列表、表单、详情 辅助页面:注册、登录、空白、错误页、成功、失败、模态弹窗、抽屉、
登录/注册页:进入系统前进行身份验证的页面
回复
UX小学生发布于 2025-01-12
核心
增删改查
回复