随着移动互联网普及和发展,ui设计人才需要也越来越大,打算学习ui设计的朋友也不少,但是大部分人对ui都不了解,甚至很多人对图片格式都不知道,现在就带大家认识一下图片格式,这也是学习设计必须要了解的基本知识,在正式讲图片格式之前,我们首先要了解一个基本的概念,即什么是压缩?
压缩
压缩就是电脑根据人眼观察世界时所具有的自动补充的特性,将相近的像素点统一填充以简化细节,这样既能降低图像数据量,又不会影响图像的还原效果。压缩分为有损压缩和无损压缩,无损压缩并不是完全无损,而是它的损失我们的肉眼无法察觉罢了。无损压缩的原理是先判断图像上的哪些区域的颜色是相同的,然后将相同的颜色信息进行记录。
常见的图片格式
位图:
JPG :JPG是有损压缩,常常用于图片的展示
PNG:PNG是无损压缩,支持全透明和半透明,是UI设计师常用的格式
TIF:可以保存每个图层,而且支持全透明,常用于印刷
GIF:支持动画,可以用来做简单的动图,例如表情包
BMP:除色彩分辨率可选外,不采用压缩,所以这种格式的图像资料不会丢失
矢量图:
AI:是绘图软件Illustrator 的文件保存格式
CDR:是绘图软件CorelDraw的文件保存格式
JPG和PNG详解
JPG适合显示颜色很多,构成很复杂的图像,例如摄影等写实图片,同时还可以利用压缩比例来控制图片的大小,但是压缩会使图像质量下降,每次编辑每次下降。
PNG格式图案颜色层次丰富;PNG是无损压缩,图片大小较大,不适合用于网页,所以我们经常用PNG保存简单的图像,将其应用于UI设计中。
PNG8和PNG24
8和24代表图像的深度,即颜色的种类
PNG8
8就是28=256种颜色
支持1位布尔透明,即要么完全透明,要么不完全透明
PNG24
24就是224=16777216种颜色
支持8位布尔透明,一共256个层级的透明
图片参数
颜色表类型
可感知:通过给人眼比较敏感的颜色赋予优先权来创建自定义颜色表
可选择:创建一个颜色表,这个表和可感知颜色类似,我们通常默认选择可选择项。
随样性:通过从图像的主要色谱中提取的色样来创建自定义颜色表
仿色
仿色即模拟计算机的颜色显示系统中未提供的颜色的方法
扩散:仿色效果在相邻的像素间扩散,效果较自然
图像:模拟颜色表中没有的颜色
杂色:是应用于扩散方法相似的随机图案,但是不在相邻的像素间扩散图像,使用杂色时不会出现接缝。
对于这些参数,大多数情况只需要默认项就可以了。