网站设计稿和前端实现的页面有差距怎么办

网站设计稿和前端实现的页面有差距怎么办

相信一些网页设计师都遇到过这样的情况,我的设计稿明明做的感觉挺不错的 , 为什么前端实现的页面和我的设计稿却有一些差距,遇到这样的问题,相信每个设计师心里都会有一些不开心 。那么,前端如何与设计师合作 , 避免出现这个问题呢?

1、整理文档

一般设计师给前端的只有PSD,没有其它多余的东西,前端希望设计能给予PSD之外,还能从设计手中传递下来其它东西 。比如,设计师可以整理一份需求文档、交互文档等等,这样前端会更清楚设计师的想法和需求 。

2、沟通

前端在拿到设计稿后 , 是什么也不说 , 直接按照设计稿做,还是提出一些建议交流?肯定是后者更好,所以,当前端拿到设计稿后,前端与设计师要相互沟通,共同确立一个一致的目标,这样导致的结果是想犯错都没有机会,避免出现不断返工的情况 。

3、分析设计稿

很多前端工程师有一个很不好的毛?。?拿到设计图就开始做,总感觉只有代码写完了自己的事情才是真正的完成了 。他们忽略了一个很重要的环节,那就是先看 。写代码一定要注意细节和结构性,拿到设计图首先分析应该怎么做,应该有哪些模块 , 哪些模块可以通用,一定要经过设计之后再动手去写 , 结构分析一定要先做的 。

4、仔细看设计稿

有很多问题的出现是因为前端在实现页面时不仔细看效果图,比如设计稿上有边框,但是颜色太淡没看到,或者有一条半透明的线,做成纯色的 。还有的情况是字体的颜色都是不正确的 , 这些问题都是只要前端仔细一点就可以避免出现的 。

想把一个网站的前端做好,需要设计和前端共同的合作,如果前端只闷头做自己的,不去了解设计的想法,设计做完设计稿直接就丢给前端,最后的结果只会是不断反复的返工,伤感情!

【网站设计稿和前端实现的页面有差距怎么办】

经验总结扩展阅读