超全面的UI设计切图规范指南(附切图神器)
我要评论降低切图大小的方法
1.点九切图法
点九切图是安卓平台独有的图片处理方式，因为文件扩展名问.png所以被称为点九切图法。点九切图的作用主要是为了适配安卓多种多样的手机机型适配，这种方法可以将图片进行横向和竖向的随意拉伸，并且不会损坏图片效果。另一个重要的作用就是可以减少不必要的图片文件大小，极大提升页面加载速度。是安卓平台重要的切图方法。
制作点九的软件是“DRAW9PATCH”可以很方便的制作点九图并且可以预览切图后的开发效果十分方便。设计师的话也可以在Ps中用铅笔工具绘制点就图。
详细切图方法网址：https://www.jb51.net/softs/150520.html
案例示意：
横向拉伸只需在可拉伸区域内做黑色标记即可，外围投影标记黑色线即可
横向竖向拉伸只需在可拉伸区域内做黑色标记即可，外围投影标记黑色线即可
2.在线压缩图片工具“Tinypng”
利用“Tinypng”智能png和jpg在线压缩工具，将较大的图片切图在不影响图片质量的情况下压缩。Tinypng在线压缩工具可以在图片质量和文件大小上找到一个完美的平衡，基本不会降低图片视觉质量但却会极大的压缩图片切图大小。Tinypng是非常值得推荐的图片压缩利器，也是现在被运用最广广泛的在线压缩工具。
Tinypng网址： https://www.jb51.net/softs/346783.html
压缩图片效果范例：
一张透明png图片原大小57kb在经过压缩后变为15kb，图片大小直接减少74%，但是图片效果用肉眼基本分辨不出区别。不得不说Tinypng的智能压缩效果是如此神奇。
使用方法简述：
1.在红色框内点击去本地选择你想要压缩的图片文件，每次最多上传20张图片，每张图片总大小不超过5mb
2.点击红框内的下载按钮下载单个已经压缩过的图片，如果你有上传多张图片你可以选择点击全部下载按钮一次性下载所有压缩的图片。在下方现实的是本次压缩的大小占比，你就可以很明确的知道它的作用了。
3.恭喜你你已经完成压缩了
相关文章
说到相机画幅，估计平时听到最多的可能就是全画幅与半画幅了，以至于不少人认为中画幅比全画幅要小，为了避免这种常识性错误，这篇文章就来和大家说说相机的不同画幅，所谓2025-04-07
4纸和A5纸因其尺寸适中，使用尤为广泛,但你知道它们之间有何区别吗？今天，就让我们一起来探讨这个话题2025-02-01
各类商务印刷品的尺寸怎么选? 印刷设计常用的尺寸纸张/克重都在这里了
日常经常印刷各种东西，哪些尺寸，纸张更合适呢？本文为大家整理了常用印刷尺寸，方便图文广告店、印企在日常接单生产中能够快速掌握客户关键性信息，详细请看下文介绍2024-02-10
现如今，证件照已成为我们生活中不可或缺的一部分,无论是求职应聘，还是入学注册，亦或是办理各种证件，都需要提交符合规定格式和要求的证件照，那么，这些证件照的尺寸和2024-02-10
平面设计是一个注重视觉效果的设计，简单的排版方式有时候不能满足视觉突出的效果，业务很难达到吸引用户的眼球，下面我们就来看看8个平面设计技巧分享2023-10-08
每个设计师都有自己最喜欢的设计软件，并把软件作为自己的第二语言，今天我们来推荐10款UI设计不可或缺的工具，详细请看下文介绍2023-10-08
夏日电影风怎么调色调色？夏天快到了，想要调节夏季电影风的画面，该怎么操作呢？下面我们就来看看适合夏季的柔和绿色调调色分享2023-04-02
什么是真RAW 什么是伪RAW? 简单说说真 RAW 和 伪RAW
随着索尼α7RV（ILCE-7RM5）正式发售，近期有不少网友跟我咨询索尼相机“无损压缩（M）”和“无损压缩（S）”RAW的问题，今天做一个统一答复2022-12-24
手机UI设计尺寸有哪些？作为新手在设计手机ui的页面的时候，发现自己设计的尺寸都很奇怪，如果能有元素尺寸介绍就好了，下面就来看看我们汇总的超全面的UI元素尺寸设置指南2021-08-06- 常用照片尺寸有哪几个？我们经常说一寸照片，二寸照片，这些照片的尺寸是怎么计算的？下面我们就来看看照片标准尺寸/像素对照表汇总2021-08-06
最新评论