B端和C端产品的区别

C端产品以消费互联网为主，B端产品以产业互联网为主，C端更感性，而B端更理性。C端产品除了产品的体验以外，也要让产品更美观，让活动更有趣，让用户更舒服，产品经理有很强的同理心，B端产品的实用性大于美观性，能切实解决问题、配置资源的B端产品才是一个好的B端产品，产品经理要具有更强的逻辑思维能力

后台产品设计规范

1. 页面布局

1.1 统一尺寸

据统计，目前PC端用户屏幕分辨率占比排名前三的是1920*1080、1366*768、1440*900，以1440来设计的话，向上适配或者向下适配误差会比较小。

1.2 尺寸设定

一般在整体区域左上角放置产品LOGO及产品名称，大部分系统顶部栏高度48+8n，侧边栏宽度200+8n。我常用的是顶部栏高度48px，侧边栏宽度200px，侧边栏收缩状态宽度56px，右侧的侧浮窗宽度400px。

1.3 标准字

后台系统中常用字体大小为12px、13px、14px、16px、18px、20px、24px、30px。

行高设定，根据文字大小及使用场景设置行高，一般行高=文字大小+6px/8px。

1.4 按钮

按钮的交互状态包括默认、悬停、点击和不可用。按钮根据需求分为不同尺寸，大中小三个级别用在不同的场景，一般按照8的倍数设定，如高度分别设定为24、32、40px。

填充按钮之间间距最小为10px。

1.5 导航

导航的类型有很多种，常用的比如：顶栏菜单、侧栏菜单、折叠菜单、下拉菜单、面包屑、分页、步骤条、时间轴、tab标签页、胶囊菜单、徽标数等。各类导航中的字体大小可进行统一设定。

分页的高度设定为24px、30px、32px

1.6表单

输入框的交互状态包括默认、输入结果、提示错误、禁用、获取焦点。

输入框的尺寸可按照8的倍数进行设定，比如：24px、32px，也可根据系统实际情况进行设定。

常用的输入框高度为30px，宽度视情况而定，无圆角。

上下布局的多个输入框上下间距为20px，有错误提示时候竖向增加10px或横向显示在输入框右侧（预留出位置）

表单中标题文字左对齐，输入框左对齐，标题文字距离输入框20px

输入框内正文字体14px，文字和左右两边边框的边距10px。

选择器包括单选、多选、时间选择、开关切换、下拉选择、滑块选择、旋钮等。

单选框多为圆形，复选框多为方形。 搜索框和选择框的高度为30px或按照8的倍数自行设定，通常和输入框保持一致。

搜索框距离右侧按钮4px，内部文字14px。单选多选框尺寸16*16px，多个选项横向排列间距16px，纵向排列间距8px。

开关按钮外框40*20px，内部圆形16*16px。