咨询电话:
15628812133
10
2018/02

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

发布时间:2018-02-10 09:33:24
发布者:mahonghong
浏览量:
0

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

1、整理文档

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

9.png

2、沟通

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

3、分析设计稿

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

4、仔细看设计稿

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

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


返回列表