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

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

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


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

1、整理文档

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

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

3、分析设计稿

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

4、仔细看设计稿

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

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

    推荐阅读