如何与设计师合作？
制定设计规范，设计有规范，评审有标准
在蓝湖「设计规范云」自定义添加颜色、文本样式、图层样式、图标、组件等元素后，团队成员就能轻松使用添加好的元素。
视觉设计师是怎样让前端工程师100%实现设计效果的？
我们公司的设计师都是直接在蓝湖上上传设计图，前端工程师可以直接看到交互、标注、切图等，不需要过多无效的沟通，就可以轻易理解对方需求
蓝湖教程：蓝湖自动切图功能该怎么用？
1、将需要生成切图的图片拖入PS
2、左键依次单击“窗口”——“扩展功能”——“蓝湖”
3、在弹出的小窗口上方单击“切图”，再点击“标记为切图”
4、之后在弹出的小窗口上方单击“上传”，再点击“上传全部画板”
5、上传成功后，点击“去Web端查看”
6、双击设计图即可查看标注和切图
蓝湖插件ps切图使用教程？
、将需要生成切图的图片拖入PS
2、左键依次单击“窗口”——“扩展功能”——“蓝湖”
3、在弹出的小窗口上方单击“切图”，再点击“标记为切图”
4、之后在弹出的小窗口上方单击“上传”，再点击“上传全部画板”
5、上传成功后，点击“去Web端查看”
6、双击设计图即可查看标注和切图
有哪些关于前端设计师的书籍？
1、HTML/HTML5基础：
《HTML5秘籍》
2、CSS
推荐书籍：
1、《图灵程序设计丛书:HTML5与CSS3设计模式》
2、《Web开发技术丛书:深入理解Bootstrap》
3、《高流量网站CSS开发技术》
4、《CSS设计彻底研究》这个一定要
5、《Web开发技术丛书:深入理解Bootstrap》
6、可以找一些专门讲SASS的书，但是我没找到
7、《CSS权威指南(第3版)》
3、深入学习JS
推荐书籍：
1、《单页Web应用:Javascript从前端到后端》
2、《Web2.0界面设计模式》
3、《响应式Web设计:HTML5和CSS3实战》
5、工具
学会使用grunt进行JS、CSS、HTML压缩，特别是模块化js开发时候的压缩
会用PS进行切图、保存icon
入手sublime、webstorm
学会使用chrome调试面板，特别是：console、network、profile、element
进阶：
4、性能
推荐书籍：
1、《Web性能权威指南》
2、雅虎网站页面性能优化的34条黄金守则
5、HTTP及TCP协议族
推荐书籍：
1、《HTTP权威指南》
2、《TCP/IP详解》
3、《图解TCP/IP(第5版)》
希望可以帮到您，谢谢！
前端有时候也会做UI设计，一般会使用到ps、sketch、xd来做设计，如果你是mac系统的话，可以使用sketch，这是一个专门的UI设计工具，同时配合蓝湖来使用，不仅可以一键切图标注，还可以生成代码，直接复用。所以ps、sketch、xd和蓝湖都是前端工程师必备的设计工具