支持双平台!真正解放双手的智能标注神器PxCook
DavidaSoria
8年前
<p>标注和 切图 一直以来都是UI设计师身上的两座大山。有时候一个稍微复杂的页面, 切图 标注就要花费很多时间,所以今天给大家详细介绍这款智能标注神器,帮你彻底解放双手!</p> <p><img src="https://simg.open-open.com/show/6868ccd2af3c05be76f7904f03b23faf.png"></p> <p>PxCook(像素大厨)是一款切图设计工具软件。自2.0.0版本开始,支持PSD文件的文字,颜色,距离自动智能识别。</p> <p>优点在于将标注、切图这两项设计完稿后集成在一个软件内完成,支持Windows和Mac双平台。</p> <p>标注功能包括:支持长度,颜色,区域,文字注释。</p> <p>最重要的是不仅功能强大,而且完全免费</p> <h2>1. 智能标注,真正解放双手</h2> <p>基于PSD文件和与Sketch文件的智能标注,自动识别距离,颜色,区域,字体信息</p> <p>① 间距智能标注</p> <p><img src="https://simg.open-open.com/show/e639bca18d7a0c3cb52b00b0b79b44fd.gif"></p> <p>② 尺寸智能标注</p> <p><img src="https://simg.open-open.com/show/bfceefb27ea54ee442d34daea9299107.gif"></p> <p>③ 内间距智能标注</p> <p><img src="https://simg.open-open.com/show/c466407a4fa971a81195cc59f7400ac3.gif"></p> <p>④ 控件宽高智能标注</p> <p><img src="https://simg.open-open.com/show/e6031b38deade3ac0c334528eeceb89a.gif"></p> <p>⑤ 字体样式智能标注</p> <p><img src="https://simg.open-open.com/show/9f7dba153c9cdccd89b3160f87d3c6d8.gif"></p> <p>⑥ 区域智能标注</p> <p><img src="https://simg.open-open.com/show/5b1abdf00e5add0d84cc689087ebd150.gif"></p> <p>⑦ 内间距智能标注</p> <p><img src="https://simg.open-open.com/show/704e86cfb1ea8ca6606b6652b1c8fada.gif"></p> <p>⑧ PxCook首页</p> <p><img src="https://simg.open-open.com/show/59d45257f50a8863aecb6e6cec61f936.png"></p> <p><img src="https://simg.open-open.com/show/babb02b52d22ae2e082cb21b1369f464.png"></p> <h2>2. 标注数值随便改</h2> <p>所有尺寸数值都可手动更改,自由度Max。</p> <p><img src="https://simg.open-open.com/show/50d376a62dc69aef45480cdf28673565.gif"></p> <h2>3. Px、Dp、 Pt单位自由转换</h2> <p>标注单位一键转换,减轻设计师计算负担。</p> <p><img src="https://simg.open-open.com/show/315e8db0ce7dd19cfe8a38472c4d9fd9.jpg"></p> <p>该单位转换功能是作用于所有标注体的,切换的时候会将整个标注文档的单位全都改变。</p> <p>Px即Web或PC标注单位。Dp即作为Android的标准单位。Pt作为iOS的标准单位。</p> <p>右侧的分辨率,表示你设计稿对应的设备分辨率。拿iOS来距离,如果你是以iPhone6为目标设备而设计的1334px*750px的设计稿。那你右侧的分辨率需要选择@2x。 此时,你设计图中的2px将会以1pt的形式进行显示。</p> <h2>4. 有Win版、Mac版和Sketch版</h2> <p>三版齐发,不仅有windows版和Mac版,还有Sketch版本(Sketch小伙伴的福利)</p> <p><img src="https://simg.open-open.com/show/b9dc8ba7e6a5075e538f4a61e0b437b5.png"></p> <h2>5. PSD快速切图</h2> <p>不仅可以智能标注,还可以快速切图,连接PS切图(切图分为两种模式——选择切图和命名切图),可同时输出多种设备,切图更精准!功能是不是很强大啊~~</p> <p><img src="https://simg.open-open.com/show/0aafb06e26bf17aebb968e931a58d899.png"></p> <h2>总结</h2> <p>PxCook优点在于将标注、切图这两项设计完稿后集成在一个软件内完成,支持Windows和Mac双平台。</p> <p>标注功能包括:支持长度,颜色,区域,文字注释,其中比较有特色的是:</p> <p>1、长度标注针对移动端设计,支持px与dp直接的单位转换</p> <p>2、注释的文字字体样式可以自定义</p> <p>3、自带实时放大镜,省却了反复放大的操作。</p> <p>4、长度标注的数字可以自己手动改,设计时可以小小的偷个懒~</p> <p>5、标注的各种颜色可以自定义,灵活性不错。</p> <p> </p> <p>来自:http://www.uisdc.com/slice-mark-tool-pxcook</p> <p></p> <p> </p>