网页设计与前端交接需要提供什么？
时间：2024-02-07 19:40:01 | 来源：网站运营
时间：2024-02-07 19:40:01 来源：网站运营
网页设计与前端交接需要提供什么？：
谈谈：网页设计师和前端程序员交接应该怎么样配合更好？需要注意什么问题事项？本人认为前端工程师和设计师师有着共同点的，只不过对于设计师而言是视觉上的，而前端工程师是面对的代码。设计师和前端工程师该怎样配合？
接下来，IT工作室创始人王晴儿本人根据多年的互联网资深从业经验，跟大家谈谈这方面的经验和分享，希望对大家能有帮助。
当一个页面发给前端工程师，在他眼里自动转换成一堆代码，就像一个扫描仪器一样，把它自动扫描成一段段代码，内容的信息对待就是HTML的结构。比如一个评论区，当没有设计稿的前提下，可以用HTML语言来定位它的整个结构，因为里面有很多内容是相对固定的，而且都是通用的。好比作者啊，时间啊，评论的内容啊，表单等等。那么其他内容就可以进一步细化，如评论表单还可以拆成更细的对象，如富文本编辑器。这样将信息对象化之后会发现有大量重复的对象和固定模式可被重用。
如果设计师在设计页面的时候也是这种思路，基于对信息的理解，先对象化，再针对对象设计。这样才能本质上实现模块化设计和开发。好处是一方面能准确表现产品意图，另一方面可以使开发过程更高效、更优化。
那么在设计师这一块，具体的思路都能够搞清楚，然后很具体和清晰的表现在设计稿上，这样在交接给前端工程师时才能避免很多误解。所以在设计稿上要很多必要的标注。下面给大家分享一下网页设计时的一个总结：
视觉规格要素：
1、每个板块的图片的尺寸（大小，比例关系）
2、还有点击的区域
3、板块的划分
4、布局规格
5、字体，字号的大小
6、颜色（包括渐变颜色，阴影，透明度）
7、具体对其的地方
8、首屏线
这些东西对于设计师来讲是增加工作量，其实都挺反感的，但是对于前端工程师来讲，这样的配合才能设计出完美的设计。
如果还有兴趣的话，可以看看本人之前写过的相关文章，让您减少被建站外包公司忽悠70%的几率，可以让您对建站行业有个更加清晰的认识。以上就是王晴儿整理和分享的文章内容，由于自己从事互联网设计开发已经八九个年头了，所以自然深知企业互联网营销开展的重要性。既然您来到这里，看完了我分享的文章，那就是一种缘分，也是一种说不出的缘分。如果说得不好之处，欢迎各位拍砖与指正，有任何互联网设计开发方面的问题，都可以与王晴儿一起交流探讨，虽然从业9年，但不忘初心，一直相信越努力越幸运这句话，而且我本人也喜欢结交各行各业的朋友，谢谢！
当然您觉得文章有价值、或关注分享感谢什么的，也顺手点个赞哈——以文章价值为桥梁，「点赞」：使「您的价值」得以延伸并持续留香……
在线咨询
