做建站这行十五年了，我见过太多因为“沟通”二字撕破脸皮的项目。很多刚入行的兄弟问我，ui设计师与前端开发怎么对接才能不吵架？其实真不是技术有多难，而是人心太浮躁。咱们不整那些虚头巴脑的理论，直接上干货，全是真金白银砸出来的教训。
首先，别指望切图能解决所有问题。很多设计师觉得把PSD或Sketch发过去，前端照着做就行。大错特错！现在的页面全是响应式的，你在1920像素下看着完美，到了手机端可能就乱成一锅粥。我在带团队时发现，最忌讳的就是设计师只管“好看”，不管“实现”。比如那个圆角按钮，你画个圆角，前端写个border-radius就完事了？如果这个按钮在不同分辨率下要变形呢？这时候，ui设计师与前端开发怎么对接就显得尤为重要。你得在画图上就标注清楚，这个元素是固定宽度还是自适应，文字多了怎么办，图片撑破了怎么处理。这些细节，光靠嘴说是没用的，必须写在标注里，或者用Zeplin、蓝湖这种工具直接关联代码逻辑。
其次，别拿“大概”、“差不多”这种词。前端开发最恨听到设计师说“这里稍微调整一下”。稍微是多少？1像素还是10像素？这种模糊的指令会让开发效率极低，而且最后做出来的东西往往偏离预期。我见过一个项目，因为一个图标的大小没定死，前端改了八遍，设计师也改了八遍，最后项目延期，两边互相甩锅。所以，规范！一定要建立组件库。按钮、输入框、导航栏，这些通用元素必须统一标准。ui设计师与前端开发怎么对接的核心，其实就是标准化。当设计师知道前端有现成的组件可以直接调用时，他们就不会随意创新那些无法复用的奇葩设计；当开发知道设计稿是遵循规范的，他们也不用每次都重新造轮子。
再者，别怕麻烦，多聊聊。很多公司把设计和开发放在两个楼层，甚至两个城市，觉得发个文件就完事了。这是最蠢的做法。我强烈建议，在原型阶段，设计师和开发就得坐在一起。哪怕只是喝杯咖啡的时间，聊聊这个动画能不能用CSS实现，那个复杂布局会不会影响加载速度。提前暴露风险，比后期返工强一万倍。我有个习惯，每次项目开始前，我会拉着设计师和前端开个小会，专门讨论“难点”。比如某个复杂的交互动画，是做成GIF还是用CSS3，或者是JS库？这时候ui设计师与前端开发怎么对接就成了技术评审的一部分，而不是单纯的需求传递。
最后，心态要摆正。设计师追求极致的美，开发追求极致的稳，这本身没错。但别忘了，咱们都是打工的，都是为了把产品做好。别把个人情绪带进工作里。有时候开发说这个效果实现不了，别急着反驳，先问问为什么。也许是因为性能问题，也许是因为浏览器兼容性。反过来，设计师也别觉得开发在偷懒，很多时候他们是在帮你避坑。
说句掏心窝子的话，ui设计师与前端开发怎么对接，其实对接的是信任和理解。当你开始站在对方的角度思考问题，你会发现，很多矛盾根本不存在。别再纠结于谁对谁错，多想想怎么把活儿干漂亮。这行干了十五年，我见过太多因为沟通顺畅而逆袭的项目，也见过太多因为内耗而烂尾的案例。希望这篇能给你点启发，少踩坑，多赚钱。毕竟，代码不会骗人，设计也不会，骗人的只有那些不切实际的幻想。
