竹笋

首页 » 问答 » 问答 » 前端开发必备工具,图片问题一网打尽
TUhjnbcbe - 2022/6/15 22:27:00
北京治白癜风那间医院好 https://yyk.39.net/bj/zhuanke/89ac7.html
在职场上,你能帮对方省点事,不仅利于更高效的协作,也能建立一段良好的上下游协作关系,尤其是开发这种耗费脑力和头发的技术活儿~所以今天就和大家一起唠唠,设计师可以从哪些方向减少开发的工作(掉发)量。一、切图压缩之前有位开发朋友跟我抱怨说,每次从代码中停下来去压缩动辄几百K的切图时,别提多烦了~这时,就不得不需要一款切图神器-摹客;摹客支持Sketch、Photoshop、AdobeXD、Figma自动切图与标注,能帮助设计师提升设计稿交付的效率;而且展开右侧面板中的折叠菜单,摹客可以自动换算同一切图在不同平台下的尺寸-iOS/Android/Web;减少了手动切换平台的繁琐流程,就连代码都可以一键复制!不仅如此,摹客平台还支持分析并压缩切图中的图像元数据,从而让储存数据所需的字节更少,让你下载的切图瞬间瘦身50%以上!

让你告别切图文件的二次加工,网站加载更快,用户体验更佳!

二、格式转换在对接安卓客户端开发时,绝大多数情况都需要Webp格式的切图,网上支持Webp压缩的工具要么收费,要么导出的图片在开发侧无法正常显示;如果让开发小哥手动去转化图片格式,结果可想而知:日益升高的发际线~而摹客,完美的解决了这个问题。当然,它也支持转换成其他格式,比如JPG、PNG和SVG,如果切图的命名不规范,还可以直接在摹客进行修改。虽然看似是一个微不足道的功能,但真正在开发过程中却是实实在在的痛点。三、自动+手动标注以前呢,设计师都是老老实实地手动做标注,导致整个页面都密密麻麻的......摹客「自动+手动」的标注方式,可以帮助设计师轻松交付设计稿;除了基础的多选标注、百分比标注等标注方式,摹客还可以将某个图层设置为百分比参照,当鼠标点击、hover设计图上的其他图层,会自动以该区域作为参照计算百分比,查看百分比标注更准确更便捷;开发工程师可按需自由查看标注信息,手动标注可选择开启或关闭;下载多种设备尺寸的切图和导出CSS代码,不仅大大节省设计师后期标注的工作量,也提升了开发效率。摹客的出现,可以说是把设计师从不堪重负的状态下解放了出来。四、设计规范摹客设计系统是国内唯一支持「开发变量名」同步显示的产品。设计师只需在设计资源库中设定好对应的变量名、组件代码;前端工程师就能在查看标注时,同步获取到这些信息,再也不需要费时费力去检索开发文档;只要将设计项目与规范关联好后,对应的颜色变量、字体变量、组件代码会对应出现在属性面板上,轻轻点击就能复制成功,快速引用到自己的代码中;当然摹客也支持一键导出样式代码,前端工程师一键即可复用,保持设计一致性;看来,快速提升设计师与工程师之间的对接效率,只需要一个「摹客设计系统」。五、专属福利为了让大家获得更加专业的使用体验和更加贴心的服务支持,我们与摹客沟通了一个程序员专属福利:摹客企业版50人团队激活码一枚;领取即可全方位体验这款强大的前端开发必备利器,同时支持在线交付Sketch/PS/XD/Axure设计稿,还可以享受7*12小时在线客服支持。领取链接

1
查看完整版本: 前端开发必备工具,图片问题一网打尽