As a competent designer, in the development of APP, the official website, applets, number and other public projects, do a good job on the design draft marks and comments, greatly reducing the developer of communication barriers, direct rejection marked map, Quick, Accurate !
PS: Here about yourself 2 models used annotation tools, of course, there are many online resources, but now most of the tools or plug-ins to be charged, the following tools will tell you the major methods of operation and the free download link, with designers easy!
Baidu network disk installation link: https://pan.baidu.com/s/1i49NgDv Password: 6pkb
Before installation you must download Adobe AIR: https://get.adobe.com/cn/air/
1. Markman Mark eel
I am currently the most used markup tools, simple interface, easy operation, wide application. Trial version some basic functions can be achieved, of course, want to learn advanced features, you can also order the official version of the official website, ¥ 60 / years. Mark eel can directly open source PSD files and JPG, PNG and other image formats, and has auto-refresh function.
1.1 Features
- Length mark
- And a rectangular coordinate marking
- Color value of the flag
- Word mark
1.2 Operation
Open the software, click to select the picture, but also re-select the files via the bottom left button. As shown below:
Shortcuts to commonly - Zoom: Ctrl + mouse wheel
. A length annotation:
. B rectangular coordinates and numerals:
. C marker color value:
d. word mark
The key step: to save. _Spec automatically add the suffix, do not ignore it, directly saved.
2. Pxcook pixel chef
Mark eel compared to the simple, pixel chef cut one more chart function PSD source file, you can quickly cut map. (In fact, you can also choose to cut Figure ps plug-in, which is why very few reasons Px cook with)
功能更齐全，增加特色功能：智能标注、px和pt单位转换、切Retina双尺寸图、手动更改标注数值、多画板支持等。而且拥有设计和开发2个模式，自动生成前端代码，更方便设计师与开发人员的对接。
2.1功能介绍
- 距离标注
- 区域标注
- 颜色标注
- 文字标注
- 坐标点标注
2.2操作方式
打开后提示注册登录，登陆后新建项目，区分项目类型（iOS、Android和Web），导入文件。基本操作思路和马克鳗一样，懒惰的时候还可以直接选择智能标注，随意拖动就能标注尺寸啦！具体操作就不一步步展示了，里面设有教程，不懂的可以先观看操作流程。
快捷键：放大缩小：Alt+鼠标滚轮
同时可以查看开发模式的前端代码，如下图：
关于标注的工具还有很多，包括Assistor PS、Parker和Markly等，但由于很多是收费的我没用过，就不在这一一说明啦！每个人使用习惯不一样，只要能快速标注，就可以啦。不管黑猫白猫，抓到老鼠就是好猫！