安卓APP设计规范(三)1080*1920设计稿对应开发尺寸
PhotoshopCS6版本,以及支持该版本的切图插件——Cut&Slice me插件。
安装:
在官网上下载CutAndSliceMe.zxp文件,将文件名改为.zip后缀,将该文件解压到photoshop cs6的安装目录下的\Plug-ins\Panels目录下(需新建一个CutAndSliceMe命名的文件夹)。
使用:
安装完后重启photoshop cs6在菜单栏 > 窗口 > 扩展功能 > CutAndSliceMe 点击启动插件。
主界面上排有3个横向按钮,依次是手机、安卓、PC端的图像导出选项,具体特性见官网。
下面有一列3个选项的导出选项:
Cut All assets
全局遍历,导出所有图层组命名中最后带@符号的图层组为一个PNG图片。
(提示:如果希望要导出多个图层,建议给每个图层套一个命名最后带@符号图层编组)
Cut Subgroups
局部遍历,导出选定图层组下,加了@后缀命名的图层为一个PNG图片。
Cut Selected
导出选定图层为PNG格式,且只能单选一个图层。
导出的文件会存放在桌面上生成的文件夹中。
如果想要你的图层分组成为一个自定义的尺寸, 新建一个自定义的矩形矢量图层作为第一层放在该分组的第一层上然后命名#,切片就会按照之前自定义的矩形大小导出。
「@」切图大法
在文件夹最后加上「@」,扩展会导出内容为 png 图片,并自动裁切透明像素。
「#」指定切图尺寸
如果要以指定的大小输出切图,你可以用矩形工具建立一个形状图层,并命名为「#」放到文件夹内顶部。这样文件夹内容就会以「#」图层的尺寸输出。
「_BTN」导出按钮的不同状态
如果要导出按钮的不同状态,你需要将按钮的不同状态放到以「_BTN」结尾的文件夹内,并对按钮状态以如下规则命名:
normal
hover
clicked / pressed
selected
disabled
相关推荐
"Android设计切图批量转换工具"就是为了解决这个问题而出现的软件,它能够帮助开发者高效地进行图片资源的管理工作。 批量转换是这个工具的关键特性之一。在Android平台上,不同的设备可能具有不同的屏幕密度,如低...
"一键切图工具"正是为了简化这个过程而诞生的高效解决方案。这些工具旨在帮助设计师快速、准确地将设计稿转化为可使用的图片资源,极大地提高了工作效率,让"炒UI鱿鱼你信不信"这样的玩笑变得可能。 1. 切图的重要...
总之,点九图切图工具是Android开发者和设计师不可或缺的利器,它简化了适配多屏幕尺寸的图像处理工作,提升了应用的整体质量和用户体验。通过熟练掌握点九图工具的使用,开发者可以更好地应对Android平台上多样化的...
1. **Android Studio使用**:作为Android应用开发的主流工具,Android Studio的使用技巧,包括项目创建、代码编写、资源管理等。 2. **XML布局**:创建引导界面所需的布局文件,包括使用LinearLayout、...
"百度地图切图工具"指的是一个专门用于截取百度地图图像的软件或应用程序,它可能是一个开源项目,专为Android平台设计。这个工具能够帮助用户按照特定需求,将大范围的百度地图分割成多个小图,便于存储、传输或...
例如,Android开发者可以通过类似的方法,使用Java或C#编写工具来处理.atlas或.xml文件。此外,对于需要处理图集资源的游戏或应用,理解如何解析.plist文件和进行图集切割也是开发者必备的技能之一。 总的来说,...
TexturePacker提供了多种优化选项,例如自动裁剪无效区域、设置边缘像素透明度、支持不同格式的输出(如.plist和.png用于iOS,.json和.atlas用于Android),以及自定义的裁剪算法,确保了在保持画质的同时最大化利用...
photoshop动作切图小工具,可以快速切出移动界面或网站界面并且导出
在具体操作中,设计师可以使用Adobe XD、Sketch等专业设计工具,它们提供了自动生成不同尺寸切图的功能。同时,为了优化加载速度和减少应用体积,可以使用SVG格式的矢量图,它能在不同分辨率下保持清晰,且文件大小...
"切图器"是一款专为设计师和前端开发者设计的工具,用于从大图中精确地裁剪出所需的各个部分,以便于网页制作和移动应用的界面设计。在UI设计流程中,切图是一项至关重要的步骤,它确保了设计图中的每一个元素都能在...
"Android-扫描项目里没有使用的图片工具删除没有引用的图片以减小打包体积"这一主题,旨在通过使用特定的工具来查找并删除项目中未被引用的图片资源,从而有效地减少APK的大小。以下是对这一知识点的详细阐述。 1. ...
Cutterman是一款专为Adobe Photoshop设计的高效切图工具,尤其适合Mac用户使用。在UI设计和前端开发领域,切图是一项必不可少的工作,它能将设计师在Photoshop中完成的界面元素精确地转化为可使用的网页图像资源。...
5. **保存为9-patch格式**:完成编辑后,工具会将图像保存为`.9.png`格式,这是Android系统识别的9点切图文件格式。 在Android应用开发中,使用9点切图有以下几个关键点: 1. **减少资源数量**:9点切图可以适应...
1. **创建和编辑.9切图**:首先,你需要有一张普通的PNG图片,然后使用Android SDK自带的工具`tools\draw9patch.bat`。打开这个工具后,可以在图片的外边缘绘制一像素宽的黑色线条。这些线条定义了图像在拉伸时的...
点9切图软件,也被称为9-patch 或者 .9.png 文件,是Android开发中一个非常重要的工具,用于创建可伸缩的图像资源。在Android系统中,UI元素的大小和形状经常需要根据屏幕尺寸和设备密度进行动态调整,而点9切图技术...
"MarkMan"是一款专为此目的而设计的专业切图工具,尤其在iOS和Android应用开发中起到桥梁作用。本篇文章将详细介绍Mac版的Mark Man及其重要性。 首先,Mark Man提供了用户友好的界面,使得设计师可以轻松地对设计稿...
在Android开发中,Bitmap是处理图像的基本类,用于在内存中表示位图图像。当我们需要对图片进行裁剪、缩放或进行其他操作时,Bitmap提供了丰富的功能。本篇文章将详细探讨如何在Android环境下利用Bitmap来切割图片。...
基于Android平台的综合工具箱 内容概要 本项目是一个基于Android平台的综合工具箱应用,集成了多种实用工具和功能模块。主要功能包括应用管理、计算器、日期计算器、进制转换、二维码生成、图片水印、九宫格切图、...
6. **Android切图与资源优化** 在Android中,针对不同的屏幕密度,我们需要提供不同尺寸的图片资源以保证显示质量。对于切图,可以使用Android Studio自带的Asset Studio或其他第三方工具进行自动切图。同时,尽量...