造成 UI 设计师设计内容色彩差异的原因主要有两个： 硬件规格 配置文件 硬件规格是显示器本身电路板、显示面板、晶体管、工艺水平的总和。技术方案、成本不一样，就必然导致 Gamma、色域、亮度的差异，最终显示效果的差异，这问题网上屡见不鲜。

HSB 是描述自然界所有颜色的方法，将颜色分成色相（Hue）、饱和度（Sauration）、明度（Brightness）三个维度，通过对这 三个维度的数值定义，来获得我们想要的色彩。

B端项目的字重设置，只需要根据显示权重在300-700的字重中选择即可。

100- Thin 200- Extra Light 300- Light 400- Regular, Normal, Book, 500- Medium 600- Semi Bold, Demi Bold 700- Bold 800- Extra Bold(Ultra Bold) 900- Black(Heavy)

黑，而系统默认雅黑的字重只有 Light、Regular、Bold 三种，所以我们设计中中文也只能使用这三种。 如果是英文或数字字体，则可能包含非常丰富的字重选项。

字重有一些比较基本的命名逻辑，从细到粗有 Light、Regular、Medium、Bold、Heavy等。

注释英文、数字：9-11px 注释、小段文本：13px 正文、小标题：14-16px 大标题和大数字：16-20px

UI的基本文字属性，主要包含两个部分： 文本属性：字体、字号、字重、字色、样式 排版属性：文本区域、对齐模式、字间距、行高、段间距

数据型表盘页 另一种就是纯粹的表盘页，主要以展示数据图表为主，表格也有但权重不大。这类页面的布局要先了解页面需要展示哪些数据，并使用什么图表，要确保数据的展示能符合实际使用需要。

表盘页 表盘页是数据、信息集合的页面，包含的组件类型很多，但最核心的两类组件，就是图表和表格。任何表盘类页面设计前，都要先确定包含的组件数量、类型、权重，然后再开始对内容区域进行划分和布局。 1.1 主页型表盘页 主要应用于主页的表盘页面，不是单纯的表盘聚合页，而是会包含大量不同的信息和模块，对于内容的权重表现和布局比例要求较高。 除了表盘和表格外，还包括信息列表、轮播图、公告、日历、留言板之类特殊的模块，需要花较多的时间来处理版式，尤其是面对作品集输出需要关注美观度，不同模块样式的差异性和设计感。

页面包含全局框架和内容区域两个部分，全局框架包含全局组件以及对内容区域的规划，全局组件主要包含导航、顶栏、页签三个核心组件。常见的组件形式包括下面这些：

b端常见的界面类型

b端产品的应用价值：增删改查

b端设计师技能

b端设计通用设计方法

b端产品类型5

b端产品类型4

b端产品类型3

b端产品类型2

b端产品类型1

什么是b端产品

1、表盘：复杂组合（统计图、数据、表格、轮播...） 2、表格：表格（筛选、操作、表格）、列表、卡片（封面） 3、表单：单独页面响应式（左中布局）、定宽、抽屉、模态弹窗 4、详情：基础详情、分区详情、抽屉、弹窗 5、登录：居中、背景图+悬浮表单、背景图+左右表单

表格还是卡片，看数据是否需要进行逻辑对比

重点

+提示弹窗

列表-表单-详情+统计展示

高度和下图更近了

1、设置页面布局 2、内容区域进行栅格定义

页边距、槽间距、分割数、分割间距

设计尺寸1440*800