网页设计师都遇到过这样的情况，我的设计稿明明做的感觉挺不错的，为什么前端实现的页面和我的设计稿却有一些差距，遇到这样的问题，相信每个设计师心里都会有一些不开心。那么，前端如何与设计师合作，避免出现这个问题呢？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/3308.html
1、整理文档文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/3308.html
一般设计师给前端的只有PSD，没有其它多余的东西，前端希望设计能给予PSD之外，还能从设计手中传递下来其它东西。比如，设计师可以整理一份需求文档、交互文档等等，这样前端会更清楚设计师的想法和需求。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/3308.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/3308.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/3308.html
2、沟通文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/3308.html
前端在拿到设计稿后，是什么也不说，直接按照设计稿做，还是提出一些建议交流？肯定是后者更好，所以，当前端拿到设计稿后，前端与设计师要相互沟通，共同确立一个一致的目标，这样导致的结果是想犯错都没有机会，避免出现不断返工的情况。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/3308.html
3、分析设计稿文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/3308.html
很多前端工程师有一个很不好的毛病，拿到设计图就开始做，总感觉只有代码写完了自己的事情才是真正的完成了。他们忽略了一个很重要的环节，那就是先看。写代码一定要注意细节和结构性，拿到设计图首先分析应该怎么做，应该有哪些模块，哪些模块可以通用，一定要经过设计之后再动手去写，结构分析一定要先做的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/3308.html
4、仔细看设计稿文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/3308.html
有很多问题的出现是因为前端在实现页面时不仔细看效果图，比如设计稿上有边框，但是颜色太淡没看到，或者有一条半透明的线，做成纯色的。还有的情况是字体的颜色都是不正确的，这些问题都是只要前端仔细一点就可以避免出现的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/3308.html
想把一个网站的前端做好，需要设计和前端共同的合作，如果前端只闷头做自己的，不去了解设计的想法，设计做完设计稿直接就丢给前端，最后的结果只会是不断反复的返工，伤感情！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/3308.html