mdi对比：一个后台改造复盘

先看旧项目哪里乱了

这个案例是一个常见的管理后台，早期为了赶进度，页面里同时用了几套图标：有的来自老库，有的是设计临时补的，还有一些页面自己写了一点。短期看不出大问题，页面一多，风格就开始打架。

做mdi对比时，第一步不是急着换，而是先看旧项目到底乱在哪。哪些图标是功能按钮，哪些只是装饰，哪些已经重复使用却长得不一样，这一轮盘点不做，后面换图标只会越换越乱。

决定哪些该留，哪些该换

第二步是定边界。品牌类图标、合作方专属标识这种东西，保留原资产更稳；日常操作图标、状态图标、表单提示图标，统一交给mdi。这样做的好处是，既不伤业务识别，也能把高频界面收拢起来。

这一步最考验克制。不是所有图标都值得替换，mdi对比的意义也不在于“谁赢谁输”，而在于看清哪些地方统一会赚，哪些地方硬改只会亏。

逐页替换时怎么落地

真正动手时，先从高频页面下手最划算，比如列表页、筛选区、工具栏和弹窗按钮。这些地方图标出现得多，统一后视觉改善最明显，也最容易被团队感受到。替换过程中，能用现成mdi图标的先用，暂时找不到的再做自定义补位。

这里有个小经验：别一次性全改完，先挑一页跑通，把样式、尺寸、对齐方式都定下来，再铺到别的页面。这样做比一口气铺全站更稳，也更容易发现边角问题。

验收时看的是细节

换完图标以后，验收不能只看“有没有显示”。要看工具栏是否整齐，空状态是否统一，深浅主题下会不会发虚，按钮里文字和图标的间距是不是舒服。mdi对比到最后，比的其实是整个平台的秩序感。

这个后台改完以后，最明显的变化不是“图标变得更漂亮了”，而是页面终于不那么散了。用户也许说不出用了什么库，但会感觉操作区更顺手，这就够了。

复盘出来的三句话

第一，图标库不是越多越保险，统一才省事。第二，迁移时别贪快，先把高频页面做稳。第三，mdi适合做骨架，不适合拿来掩盖设计没定好的问题。