帮你轻松高效输出标注切图的PXCOOK!

   PxCook的优点在于将标注、切图这两项设计完稿后最棘手的两个工作集成在一个软件内完成,流程很顺畅,而且支持Windows和Mac双平台。

  标注功能相当完善丰富,支持长度,颜色,区域,文字注释。其中比较有特色的是:

  1.长度标注针对移动端设计,支持px与dp直接的单位转换

  2.注释的文字字体样式可以自定义

  3.自带实时放大镜,省却了反复放大的操作。

  4.长度标注的数字可以自己手动改,设计时可以小小的偷个懒~

  5.标注的各种颜色可以自定义,灵活性不错。


  另外切图功能和标注功能结合的也不错,事先按规定在PS命名好后,可以自动标注一部分区域图层。具体命名规则不赘述了,有兴趣的同学可以移步到PxCook的官网查看:http://www.fancynode.com.cn/tutorial。对了,切图输出支持@2x,赞一个。

时间: 2024-12-02 21:58:21

帮你轻松高效输出标注切图的PXCOOK!的相关文章

Windows7系统帮您轻松高效工作的方法

我们通过几个小例子一起来体验一下微软科技对我们工作的积极影响--看看Windows 7系统是如何帮助办公室白领们轻松应对紧张繁忙的工作的. 跨时区工作 让Windows 7显示多时区时间 想看时间,大家都会习惯性地往Windows 7桌面右下角瞟,对于和跨时区的同事一起协同工作的用户来说,Windows 7系统可以同时显示不同时区的时间,非常贴心. 设置方法很简单:用鼠标左键单击通知区域的日期和时间显示区域,然后从弹出的窗口中点击"更改日期和时间设置".选择"日期和时间&qu

省时省力的切图神器SLICY

  如何使用 Slicy 切图? 1. PS 图层依规则命名. 2. 把档案丢进 Slicy 里. 3. 好了. 够简单无脑了吧? 图层命名方式 为了要无脑切图,得稍微记一下 slicy 图层命名的格式,官网提供的 Examples 里面有 5 个文件夹. Basic Tagging 基本标签 图层或组名的字尾打上.png就好了. Explicit Sizing 设定切图尺寸 如果切图为特定尺寸,可以用这3种方式设定: 1. 使用矩型工具(形状图层)画出欲裁切的尺寸,将图层名称设为「@bound

超全面的切图规范指南

设计师的切图输出物是是体现一个设计师专业水准的重要标准,同时也是设计师表达自己对设计态度的最有力的语言.合适.精准的切图可以最大限度的还原设计图,起到事半功倍的效果. 如何输出具有全局把控和细节专注的高段位切图,应该是所有设计师一直需要追求的能力. 设计切图的原则 设计切图输出的目的是跟下游的工程师团队协同工作,那么在团队协作过程中,首先应该保证切图输出能够满足工程师设计效果图的高保真还原需求. 其次,切图输出应该尽可能降低工程师的开发工作量,避免因切图输出而导致不必要的工作量. 最后,输出的切

photoshop高效切图方法技巧分享

给各位photoshop软件的使用者们来详细的解析分享一下高效切图方法的技巧. 技巧分享:   有人会发现一个问题,6S.6S plus的尺寸呢?因为他们的分辨率和6.6 plus尺寸一致的.   从上图可以看出不同分辨率对应不同的倍率,这样的话我们适配的时候就知道怎么切图了,@2x表示两倍图,@3x表示三倍图;以上的那些尺寸图,重点看这张图就可以同时适配iOS和Android的切图了. 工欲善其事,必先利其器 现在PhotoshopCC2015已经出了切图就更方便了,但是对于电脑的配置要求比较

关于APP切图和标注

  切图是一件比较单调枯燥的工作,但又需要比较强的耐心和细心,用户手中看到的产品界面,并非设计师的最终效果图,而是一个个单独的切图经由开发技术实现.切图作为设计师与开发者之间的桥梁,它的作用很关键,合适的切图.精准的位置可以最大限度的还原效果图的设计,精妙的切图更会有事半功倍的效果. 这个切图教程开始是写给我们实习的小美女的,但她现在又上学了,切图就分担成每个设计师的必备工作,切图技巧也因人而异,需要各位亲自己去发现总结适合自己的技巧.这里给大家介绍我自己的切图和标注小技巧,可以更快,更好的方便

Photoshop软件APP切图和标注教程分享

给各位Photoshop软件的使用者们来分享一下APP切图和标注教程. 教程分享: 先简单的介绍几个PS经常使用的快捷键: 切片工具:点击C进入切片模式 自由的浏览图片:按住空格后,鼠标拖动 自由的缩放图片:按住alt+滚轮 通过画面上点选一个图层:Alt + 鼠标右键 在画面上拖动一个图层:V 切换到移动模式 鼠标拖动 画一个选区:点击M进入选区模式 , 鼠标拖画 放弃选区:Ctrl+D 吸管工具:点击I进入吸管模式,点选画面颜色 感兴趣的小伙伴可以推荐这个网址去看比较全的快捷键:http:/

自动切图神器Layer Cake:设计师们必备利器

文章描述:设计师的切图神器SLICY(LAYER CAKE)!. 自动切图工具「Slicy」Mac OS版(Layer Cake),真正解放设计师的神器!为切图黯然销魂的设计师们必备利器!推荐人:abo 阿里巴巴UI设计师 @zhuhuizero:这个软件我用了快半年了,之前叫LayerCake,半年更新了3次修复了一些bug,真的相当好用.让切图变的极为轻松,并且强迫你做好清晰合理的图层命名,帮你养成良好的工作习惯,官方有试用版,推荐设计师都用用这个. @aboXabo:链接提供的Slicy(

一款APP从设计稿到切图过程全方位揭秘

  我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写,相当于工作流程的介绍吧.公司不同,流程不尽相同,但是终究还是能有些帮助. 依旧声明:这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用.另外,技术的更新是非常快的,我写的这些可能某些东西已经和你们的工程师搭档所用的方法不一样了,所以,还是要灵活运用~ 这里我们只说IOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱,我整理好以后再说吧. 页面篇幅比较长,

iPhone 6 plus 适配切图方法分享

  网络上已经有很多适配教程,可是看了半天总是半懂不懂..最后还是要综合多个教程再动动脑子动动手,最好有程序大哥帮你试一下(这得有多大的福气) 如果有跟我一样情况的: 1. 有人说用sketch自动导出多套尺寸切图和SVG矢量格式,表示没钱买MAC 2. 有人说用切图神器cutman,表示用CC以上版本PS不支持 3. 另-不喜欢/用不惯/不会用ps自带切图工具的 目前iPhone有10种型号,5种屏幕尺寸,再加上6plus的"降采样"(Downsampling)(1080-1920)