切图是很多UI设计师的一项日常工作。平时做完设计图,要将设计稿切成便于制作成页面的图片,并标注好尺寸和间距,交付给前端来完成html+css布局的静态页面,有利于交互,形成良好的视觉感。
但有的认为前端自己会切图是最好,不建议把切图的事情丢给设计师做。这样中途会损耗结构讲解的开销(比如网页层级,细节重构方案等),毕竟最后css是前端去码,怎么切最合适要自己把捏的,否则又要引出一个新问题(设计师有必要掌握考虑重构实现的切图吗?)。
总之,切图对于设计师设计创作、程序员写代码来说,其实不是件难事,但是似乎成为了件苦差事?
UI设计师:“因为不愿切图,被人事劝退。”
程序员:“被人蔑称切图仔该怎么怼回去……”
看到这里,小编只想替各位UI设计师和程序员说:“你才是切图仔,你全家都是切图仔!”
到底手动切图是有多恼火?小编上网搜索了一下,发现传统的切图方法如下:
1.打开下载的psd文件
打开后,因为文件比较长所以看不清细节,所以要放大图片到合适的大小。
[color=rgb(119, 119, 119) !important]
摹客iDoc,更快更简单的产品协作设计神器[color=rgb(255, 255, 255) !important]
现在试用
2.修改参考线
图片中很多条蓝色的参考线都是是设计人员用来设计
...查看全文