蓝湖切图预览不成功是为什么 如何与设计师合作?
如何与设计师合作?
制定设计规范,设计有规范,评审有标准
在蓝湖「设计规范云」自定义添加颜色、文本样式、图层样式、图标、组件等元素后,团队成员就能轻松使用添加好的元素。
视觉设计师是怎样让前端工程师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、《Web 2.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和蓝湖都是前端工程师必备的设计工具
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。