app切图规范(app切图切什么内容啊)-九游娱乐

app切图规范(app切图切什么内容啊)

本文主要介绍app切割规范(app切割切割什)，下面跟着东辰网详细了解一下吧。

剪图纸是一项单调枯燥的工作，但也需要很强的耐心和细心。用户看到的产品界面并不是设计师最终的效果图，而是通过开发技术实现的一张张裁剪图。作为设计师和开发者之间的桥梁，切图起着关键的作用。适当的切图和准确的定位可以最大程度的还原效果图的设计，精致的切图会起到事半功倍的效果。一开始这个剪图教程是给我们实习生写的，但是现在她又开学了，剪图就成了每个设计师的必备工作，而且剪图的技巧也因人而异，所以你需要找到并总结适合自己的技巧。在这里，我想介绍一下自己的裁剪和划线的技巧，可以让工作更快更好。

工具软件PS大神

相比设计和绘画，剪图用的ps不多，几分钟基本就能看懂。说到这里，产品组的几位美女应该很兴奋吧，哈哈！

先简单介绍一下PS经常使用的一些快捷键:

切片工具:点击C进入切片模式。

自由浏览图片:按住空格，然后拖动鼠标。

自由缩放图片:按住alt滚轮。

单击屏幕上的层:按住鼠标右键。

拖动屏幕上的一个层:v切换到移动模式，用鼠标拖动。

绘制选择:点击M进入选择模式，用鼠标拖动。

放弃选择:CtrlD

吸管工具:点击I进入吸管模式，点击屏幕颜色。

感兴趣的朋友可以推荐这个网站查看更完整的快捷键:

功能页面分类

如果是新项目，按照功能模块剪图会更好的服务于开发。现在开发是迭代式的，这会让开发工作更有效率和目的性。

但是如果是单页，你就不要不需要考虑那么多，只需要关注一些现有的设计规范就可以了。

保存生成的图片格式

按PS快捷键CTRLALT显示网格。这样会更准确。剪切页面需要的图标生成图片。图片格式可以保存为jpg和PNG。颜色多的图片优先于JPG，颜色简单且要求透明的图片优先。保存切片时可以点击每个切片设置不同的图片格式，保存时可以选择保存选中的切片而不是全部。

有时候剪下来的图片尺寸还是很大，需要二次加工。以下是一些缩小图片尺寸的好工具:

://www.secaibi.com/tools/

注意:千万不要对jpg:J进行二次处理。即使pg的质量是100%，也是有损格式。尽量保存为PNG，两个工具都可以进行二次处理！

9:00图片的使用(安卓需要，IOS不需要)

点酒是Android平台上处理图片的一种特殊形式。因为文件扩展名是9.巴布亚新几内亚，它被称为点酒。它可以随意水平和垂直拉伸画面，同时保留像素精细度、渐变纹理和圆角的原始大小，实现多分辨率下的完美显示效果，减少不必要的画面资源。

创建行动

您必须在使用动作之前创建并记录它们。Photoshop定义了一些动作和动作组(动作组是动作的)，可以直接加载使用。

记录动作

在“动作”面板中，单击一个组或组中的一个项目作为当前组或项目，或者创建一个新的动作组。

加载和播放动作

Photoshop将多个命令组合成一个动作，通过加载和播放该动作可以自动执行任务。

马克马克曼工具

这个工具可以在效果图中标注长度、坐标、颜色、字符和矩形。

方便客户端开发者精确控制页面中各个控件的位置，从而保证效果图与成品的高度契合。

网站有详细的介绍！我我在这里不是向你介绍这个函数的用法。

很多时候，提供设计说明书后，实现效果并不理想。同时可以尽可能的使用一些切图的手段，表达对切图的小伙伴的感谢，帮助设计实现零差异，同时也为开发减少了很多不必要的开发负担，让切图和开发成为更加亲密默契的伙伴！为了更完美的展现效果！