本人认为前端工程师和设计师师有着共同点的，只不过对于设计师而言是视觉上的，而前端工程师是面对的代码。设计师和前端工程师该怎样配合？
当一个页面发给前端工程师，在他眼里自动转换成一堆代码，就像一个扫描仪器一样，把它自动扫描成一段段代码，内容的信息对待就是HTML的结构。比如一个评论区，当没有设计稿的前提下，可以用HTML语言来定位它的整个结构，因为里面有很多内容是相对固定的，而且都是通用的。好比作者啊，时间啊，评论的内容啊，表单等等。那么其他内容就可以进一步细化，如评论表单还可以拆成更细的对象，如富文本编辑器。这样将信息对象化之后会发现有大量重复的对象和固定模式可被重用。
如果设计师在设计页面的时候也是这种思路，基于对信息的理解，先对象化，再针对对象设计。这样才能本质上实现模块化设计和开发。好处是一方面能准确表现产品意图，另一方面可以使开发过程更高效、更优化。
那么在设计师这一块，具体的思路都能够搞清楚，然后很具体和清晰的表现在设计稿上，这样在交接给前端工程师时才能避免很多误解。所以在设计稿上要很多必要的标注。下面给大家分享一下网页设计时的一个总结：
视觉规格要素：
1、每个板块的图片的尺寸（大小，比例关系）
2、还有点击的区域
3、板块的划分
4、布局规格
5、字体，字号的大小
6、颜色（包括渐变颜色，阴影，透明度）
7、具体对其的地方
8、首屏线
这些东西对于设计师来讲是增加工作量，其实都挺反感的，但是对于前端工程师来讲，这样的配合才能设计出完美的设计。
