设计完整版PSCC及以上版本的切图和标注工具

设计完整版PSCC及以上版本的切图和标注工具

切图命名可以用数字吗_命名规则是什么意思_游戏ui切图命名规范

1.切割工具和注释工具

1、切削刀具:

Cutterman:一键剪切图片,真正解放双手

这是一个在PS中运行的插件。 剪切图片非常方便。 您只需点击一个按钮,即可自动输出您需要的图层,替代传统的手动切割。 几乎没有朋友了! 它支持多种图像尺寸、格式和形状的输出。 它支持 png、jpg 和 gif。 支持选择多个图层合并输出像素游戏素材,也可以一层一层输出! 兼容各种Android、iOS、WEB系统一键输出。

但不支持PS绿色免安装版。 建议安装PS CC官方完整版及以上版本。 这是一种常用的裁剪工具,也是现在设计师裁剪图片最主流的工具。

卡特曼官方地址:

游戏ui切图命名规范_切图命名可以用数字吗_命名规则是什么意思

游戏ui切图命名规范_切图命名可以用数字吗_命名规则是什么意思

2.标注工具:

PxCook(Pixel Chef)是一款切割和注释设计工具软件。 从2.0.0版本开始,支持自动智能识别PSD文件的文字、颜色、距离。

优点是草稿完成后将注释和剪切两种设计集成到一个软件中游戏ui切图命名规范,并且支持Windows和Mac平台。 标注功能包括:支持长度、颜色、面积、文字标注;

也可以使用其他工具(例如 Parker 或 Mark Man)来完成注释。 选择主要看个人习惯。 选择易于使用的一个。

命名规则是什么意思_切图命名可以用数字吗_游戏ui切图命名规范

切图命名可以用数字吗_游戏ui切图命名规范_命名规则是什么意思

2. 接口开孔

1、切口设计原则:

剪切图片的名称均为小写英文字母; 这样既可以让程序员直接使用我们剪切的图片,又可以防止他们随意修改名称。 程序员的代码只有小写英文字母。 如果你给的名字都是中文的,那么他们还是要改。 因此,名称中全部使用小写英文字母是最基本的规则。

所有切口尺寸必须为偶数; 智能手机的屏幕尺寸是偶数。 比如我们通常在设计稿中做出的iPhone 7的屏幕分辨率是750*1334 px。

剪辑资源的大小必须为偶数,以保证程序员开发剪辑资源时高清显示。 因为1px是智能手机可以识别的最小单位,也就是说1像素在智能手机上不能被分成两部分。 因此,如果是奇数个抠图,手机系统会自动拉伸抠图3D交通工具,导致抠图元素边缘模糊,导致开发出来的APP界面效果与原来的设计效果不一样。

切图命名可以用数字吗_游戏ui切图命名规范_命名规则是什么意思

2. 举例说明:

切图命名可以用数字吗_命名规则是什么意思_游戏ui切图命名规范

可以简单理解为多重关系。 如果使用750x1334px(iPhone 6/6S/7)尺寸制作设计稿,那么切片输出为@2x; @1x是@2x的一半游戏ui切图命名规范,即尺寸缩小2倍; 扩大了1.5倍是@3x。 实际工作中,我们只需要裁剪@2x和@3x即可。

3. 页面注释

注释非常重要。 程序员能否完美还原设计稿很大程度上取决于我们的注释;

根据我的经验和习惯,我个人的建议是:不需要对每一个渲染都进行标记。 您只能对多个页面的公共区域进行一次标记,例如导航栏文字大小、颜色、左右边距。 你标记的页面只要保证程序员能够顺利运行每一个页面即可。

以下是我所做的页面注释,作为示例:

游戏ui切图命名规范_切图命名可以用数字吗_命名规则是什么意思

命名规则是什么意思_切图命名可以用数字吗_游戏ui切图命名规范

通常我们需要标注的内容是:

所有页面标记可以概括为:标记文本、标记间距、标记尺寸和标记区域。

注意:颜色格式应该是十六进制(例如#f8f8f8)还是RGB(例如255,255,0)? 一般使用十六进制颜色值。

最后:如果你不知道如何注释和剪切图像,一定要和程序员沟通!

文章来源:https://www.zcool.com.cn/article/ZNzMyNzMy.html