网页后台页面设计尺寸 第1篇
后台系统常用的字体：windows 系统，中文 Microsoft YaHei，英文 Arial；Mac 字体，中文 PingFang SC，英文 Helvetica；
后台系统中常用字体大小为 12px、13px、14px、16px、18px、20px、24px、30px。注意：Axure中最小字体建议为12px，由于谷歌浏览器预览设置问题，小号字体会被强制变大。
行高设定，根据文字大小及使用场景设置行高，一般行高=文字大小+6px/8px。
网页后台页面设计尺寸 第2篇
根据百度网页流量平台统计，我整理了网页主流分辨率为1920 x 1080、1366 x 768、1440 x 900、1600 x 900、1024 x768，他们的屏幕分辨率使用情况如下。
为了能够很好的向上和想下适配，同时我综合了Ant Design的设计尺寸，因此这里我选用了居中位置的1440 x 900的分辨率来进行设计。
不过由于浏览器的任务栏会占去部分高度，如果高度采用900px来设计，会导致一些主要信息不能在首屏中展现，哪采用什么尺寸比较适合呢？
根据脚本之家中分析的一组Web尺寸规范统计数据，从上图可以看到当高度大于720时，就有的人看不到下面的内容了，因此在设计时高度可以取720这个中间值，这样前端在适配时错误率更低。
因此，在做后台设计时，设计尺寸的比例最好采用1440 x 720的尺寸。
确定布局框架
Element 中主要有两种导航样式顶部导航和侧边栏导航。
侧边栏导航就是将导航固定在左侧，多用于工具性或管理型数据量比较大的后台界面中。其优势是提高了导航可见性，方便页面之间切换，同时顶部可放置常用工具，如搜索条、帮助按钮、通知按钮等。
顶部导航就是采用上下布局，导航中可展示导航信息，其导航个数往往不超过7个，多用在数据量减少的普通网页后台，其优势是从上至下的正常浏览顺序，方便浏览信息。
由于我们的项目多为工具管理类，因此采用侧边栏导航的布局方式进行设计即可。
网页后台页面设计尺寸 第3篇
表格会间隔显示不同颜色，用于区分不同行数据、加强视觉流引导，展开单行的内置表格可采用纯色，选中行应有视觉上的反馈。表头要和表格内容有视觉上的区分。表格行高可采用 36、40、48、60 等。
表格行数太多加载速度会降低，延长用户等待时间；行数太少会导致用户不断翻页，降低使用效率。比较合适的默认表格行数是 20 或 50，用户可以根据自己需求选择默认的行数。设定行数之后，如果每页行数多于每屏行数，可在表格内引入滚动条，这时可以固定表头滚动内容。
列内容的长度固定时，列宽应大于固定宽度，如时间；列内容不固定时，能预判最大宽度的按照最大宽度设定列宽（比如IP地址、MAC地址、姓名），不能预判最大宽度的设定列宽按照常用宽度，多于内容省略以「…」展示，鼠标悬停出现完整内容（比如详情、描述）。
表格列不应过多，列数比较多的情况下应该合理进行合并、隐藏、删除或进行优先级处理。常用的方法有引入配置列，用户可自定义展示必需列以外的其他列；只展示重要信息，下拉展开列查看完整信息；在表格中引入横向滚动条，根据实际情况选择是否要始终固定基本信息列（如第一列是文件名）和操作列（最后一列的操作）。
文本左对齐、数据右对齐、金额保留相同小数对齐的方式。数据前面有标签的，将标签前置对齐。类似 IP 地址、域名这样的信息，也可以根据产品需要在文本前面增加「复制」图标，方便用户调用。
题图来自Unsplash，基于CC0协议
网页后台页面设计尺寸 第4篇
好啦，以上就是本文的全部内容，这些设计规范不知道你记住哪几个呢，给大家介绍的都是最常见的后台设计规范，不同类型的后台设计还是要根据实际情况来定哦，当然如果你在后台设计时经常会忘记规范的尺寸、颜色等，你也可以直接来即时设计中设计哦，这里有海量的现成后台设计模板和设计规范，可以直接无脑使用，你也可以把规范模板中的设计数据复制到自己的后台设计中，开始自己的设计！