干货贴：Web后台设计易被忽视的组件技巧.docVIP

干货贴：Web后台设计易被忽视的组件技巧 　　今天我们聊一聊哪些容易被忽视的 Web 设计组件技巧。 　　 　　尽管现在各家都将产品设计的重头放在移动端，但对于运营后台管理系统，仍然会将 Web 端作为自己的兵家必正之地。对于有着精细化管理，最小颗粒的维护自己平台商品、服务、企业信息的互联网产品来说。Web 端的大屏、易于录入读取数据等优势仍然是移动端不可取代的。那么在 Web 端产品设计中，是不是存在一些容易被我们忽视的技巧呢？ 　　后台系统的设计原则和前台系统的设计原则几乎一致，虽然页面的动效、配色方面可能不必像前台那般精益求精。 　　产品的前端由于直接展示给用户，因此往往对于图片质量、页面配色等都经过 UI 的仔细打磨，后台产品则由于图片少、文字多；内容展示少、表格多而在界面上惨不忍睹。作为后台产品经理，虽说我们不用对每一处细节的仔细雕琢，但至少要审美在线。 　　 　　关于后台系统应该遵循的设计规范，如果各位有兴趣，我们下一篇我们再讲，本篇主要介绍在设计后台系统时诸位肯定会用到的组件及其使用技巧。 　　一、基础部分 　　基础组件包含：页面布局、颜色字体、图标按钮 　　布局 　　布局是前端工程师的分内职责，产品经理不必太多插手，但是对于布局有 2 个基本概念我觉得大家有必要了解。 　　栅格式布局：通俗来讲就是在一个页面上用横向（水平线）、纵线（垂直线/参考线）将整个页面划分成有