美文网首页
切图标注二三事

切图标注二三事

作者: 圈圈Circler | 来源:发表于2017-06-28 10:15 被阅读0次

当了近一个月的伪视觉,对视觉设计谈不上有多大进步,但是在切图和标注上有点小小的感悟。

在一段时间里一直不太明白这个东西是要干什么,在我的理解中,让设计师去做标注还好,去切图有时候还真不知道要怎么去配合开发的尺寸和命名规则。就我个人对开发哥哥们的一丁点了解来说,似乎会有一个统一的命名规则?(还是说我遇见的开发大哥们都太善良了…),所以在没有事先说好的情况下,视觉切的图有时候开发大概用的也不是特别顺手,有的可能尺寸不对,有的可能命名不对,这样一来大概双方都浪费了蛮多时间。在这个事情上,看不到更好的解决方法,最好的方法大概就是视觉在做的做好之后把源文件里的每个要切出的形状都合并或者转智能对象,发给开发一目了然的源文件可能更好?

说完切图来说标注。标注的意义是给开发一个规范,尽可能让实际产出的页面和视觉设计的页面保持一致。标注的插件也是各种都有,但是我觉得吧,既然是个参考,能知道距离多少是不是就够了?有那种团队协作的软件的话岂不是更效率?比如蓝湖,功能还不是特别的完善,但是在协作上我觉得确实是一个好方法。整理好文件夹,设计师这边穿图片上去,前端那边可以在线看到即时的图片,并且可以看到每个控件的尺寸,这样就够了呗,当然如果更智能,可以把需要的控件直接导出那就更完美了。

在半吊子的跟了项目,半吊子的做了打杂视觉的这段时间里,越来越清晰的认识到团队协作和沟通的重要性,好的配合与协作真的在提高工作效率的同时也能让工作更为有趣,更有动力。

相关文章

  • 切图标注二三事

    当了近一个月的伪视觉,对视觉设计谈不上有多大进步,但是在切图和标注上有点小小的感悟。 在一段时间里一直不太明白这个...

  • 标注&&切图

    标注 pxcook+2345看图 保存标注好的尺寸,颜色值,字体大小 切图 photoshop cc完整版 批量导...

  • 烈风裘的前端技能

    切图Photoshop切图插件Cutterman标注插件Parker图片压缩ImageOptim/HummingB...

  • UI实战教程之切图标注篇(UI小白必备)

    一. 切图工具和标注工具 学会使用工具可以起到事半功倍的效果。在这里为大家推荐我常用的切图和标注工具。 1.切图工...

  • PS切图插件和切图标注

    1、切图插件:Cutterman 2、标注工具:像素大厨

  • Web前端学习之资源汇总

    01.PS切图 《PhotoShop切图》 《切图规范及标注规则记录》 02.Sublime编辑器安装及调试 《如...

  • web汇总

    01.PS切图 《PhotoShop切图》 《切图规范及标注规则记录》 02.Sublime编辑器安装及调试 《如...

  • 设计标注切图软件

    既然说了什么都写,总得有点不是针对iOS的东西来实现flag,于是就有了这篇总结各个方便设计师和工程师协作关系的设...

  • 5.4 切图和标注

    切图,在移动端UI设计中,通常指是将一些开发不能实现出来的图标,按钮等等图片分别切出来,以便于开发进行布局和适配不...

  • web前端入门到实战:宣传页项目实战

    编辑器:sublime text3 标注工具:PxCook 切图工具:PS 开发前准备:设计图标注 PxCook ...

网友评论

      本文标题:切图标注二三事

      本文链接:https://www.haomeiwen.com/subject/faaycxtx.html