网格系统自动对齐，5年手动排版的血泪史终结

　　去年高考期间我在机房盯后台，那天上午十点半，走廊里的对讲机还在喊“楼上考区最后一个摄像头调好了没”，我盯着满屏没对齐的模块块，突然发狠，点了一下刚装的网格系统的对齐按钮——五年来的手动排版，那天上午就停了。

　　我原以为这是个“省点事的工具”，结果发现是把之前攒的所有“没用的规则”全推翻了，哪年之前我还在跟甲方的设计小姑娘吵架，她说“这张图左边空一点右边空一点，看着顺”，我蹲在机房地上，把她的设计稿贴在服务器机箱上，拿尺子量了二十分钟，告诉她“这偏差是零点三毫米，按公司规定不行”，她翻了个白眼，说“你这是把排版写成代码了”，我那时候还觉得她不懂行，后来才知道，这五年我干的就是“把视觉的活硬掰成机械的活”。

　　后来我还攒了个小本子，记手动排版的血泪事——比如去年春天，一个专题页的二十七个模块，我每天抽半小时改对齐，改了整整两周，最后还被运营说“页面加载慢了，用户跳了”；比如有次赶活动，我把四个模块的边距调了一遍又一遍，手都酸得握不住鼠标，结果第二天发现浏览器兼容出问题，不同设备上对齐的位置差了快一厘米，我蹲在机房里骂了十分钟脏话，谁都帮不上；再比如之前有个老站长跟我说，他排版的时候用了个“对称算法”，结果把重要信息给藏了，被甲方打回来三次，我那时候还笑他“不懂变通”，现在想想，我不就是另一个他吗？

　　我之前总觉得，排版要“精准到像素”，要“按规则来”，不然对不起“数据型站长”这个名号，结果五年下来，我成了那个“守着旧规则不肯变”的人，去年高考那天，我抱着死马当活马医的心态，点了那个对齐按钮，我都没敢看结果，先给那个设计小姑娘发了个消息，说“要不要来看看新东西”，她十分钟就跑到机房，盯着屏幕看了半天，说“哦，还挺好看”，然后我们俩都没说话，就看着那些模块自动对齐，连机房的风扇声都觉得顺耳。

　　这里面有个小插曲，我后来才发现，这个系统的网格不是“死的”，它会自动根据模块的内容调整间距，不是我之前用的那种“固定边距”，我之前跟一个同行吐槽过，他说他用的另一个系统，对齐的时候会把小模块的间距拉得很开，结果页面看起来很乱，我当时还觉得他“不会用”，现在才明白，原来不是工具不好，是我之前根本没找对地方，总觉得“手动才是可控的”，结果把自己困在“可控”里，连用户跳失都没察觉。

　　我原以为网格系统自动对齐就是“省点力”，结果发现它是“把之前的手动错误全堵上了”，之前我手动排版的时候，总会因为“觉得差不多”就放过，结果攒了一堆“隐性误差”，用户看起来别扭，但又说不出哪里不对，现在这个系统，只要模块的尺寸在规则里，对齐就不会错，哪怕是特殊模块，它也会自动调整，不用我蹲在地上量尺子了。

文章配图，仅供参考

　　哦对了，我之前总觉得“优胜劣汰”是说用户，后来才发现，也是说我自己，五年的手动排版，我觉得我懂排版，其实我懂的是“我自己的手动排版方式”，根本不是“用户想要的排版”，现在这个网格系统，它能把我之前攒的那些“个人偏见”全去掉，把用户的感受放在前面，这才是真的“数据型”——不是我盯着规则改，是数据（用户停留时间、跳出率这些）推着我改。

　　那天高考完，我把那个小本子扔了，里面记的都是“血泪”，其实都是我自己给自己套的枷锁，后来我还跟那个设计小姑娘一起，把之前排版的二十个专题页都用网格系统重新对齐，每一个都比之前的好，用户的停留时间也涨了一点，虽然不是特别多，但比我之前手动改的效果好太多。

　　我之前总觉得，“手动排版才是负责”，现在才明白，“能让工具做的，就别自己做”，尤其是当这个工具能更贴合用户需求的时候，我这五年的血泪，其实是在攒“该放手的证据”，网格系统自动对齐，不是取代手动，是把我从“机械重复”里解放出来，让我能做更重要的事，比如盯后台的用户行为，比如跟那个设计小姑娘吵架——哦不对，现在不吵架了，我们俩一起吐槽之前的手动排版有多坑，她还说，“你之前跟我量尺子的样子，跟我爸修家电的时候一模一样”，我想想，好像是这么回事。

　　对了，我还发现一个小问题，这个网格系统有时候会把特别小的模块间距拉得太近，得手动调一下，但也不常出，比我之前每天调二十七个模块强太多，这就够了，毕竟我不想再蹲在机房地上贴设计稿量尺子了，也不想再因为排版被甲方骂，更不想再跟运营说“页面加载慢不关我的事”——现在页面加载快，排版也顺，用户愿意多留一会儿，这就够了。

（编辑：站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!