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

办公百科2022-03-31 23:02:43佚名

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

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

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

  2、沟通
  
  前端在拿到设计稿后,是什么也不说,直接按照设计稿做,还是提出一些建议交流?肯定是后者更好,所以,当前端拿到设计稿后,前端与设计师要相互沟通,共同确立一个一致的目标,这样导致的结果是想犯错都没有机会,避免出现不断返工的情况。
  
  3、分析设计稿
  
  很多前端工程师有一个很不好的毛病,拿到设计图就开始做,总感觉只有代码写完了自己的事情才是真正的完成了。他们忽略了一个很重要的环节,那就是先看。写代码一定要注意细节和结构性,拿到设计图首先分析应该怎么做,应该有哪些模块,哪些模块可以通用,一定要经过设计之后再动手去写,结构分析一定要先做的。
  
  4、仔细看设计稿
  
  有很多问题的出现是因为前端在实现页面时不仔细看效果图,比如设计稿上有边框,但是颜色太淡没看到,或者有一条半透明的线,做成纯色的。还有的情况是字体的颜色都是不正确的,这些问题都是只要前端仔细一点就可以避免出现的。
  
  想把一个网站的前端做好,需要设计和前端共同的合作,如果前端只闷头做自己的,不去了解设计的想法,设计做完设计稿直接就丢给前端,最后的结果只会是不断反复的返工,伤感情!

本文标签: ,网站设计  ,标签  ,简介  ,网站  

相关推荐

猜你喜欢

大家正在看