ui设计入门基础知识之图片格式认识

随着移动互联网普及和发展,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个层级的透明

图片参数

颜色表类型

可感知:通过给人眼比较敏感的颜色赋予优先权来创建自定义颜色表

可选择:创建一个颜色表,这个表和可感知颜色类似,我们通常默认选择可选择项。

随样性:通过从图像的主要色谱中提取的色样来创建自定义颜色表

仿色

仿色即模拟计算机的颜色显示系统中未提供的颜色的方法

扩散:仿色效果在相邻的像素间扩散,效果较自然

图像:模拟颜色表中没有的颜色

杂色:是应用于扩散方法相似的随机图案,但是不在相邻的像素间扩散图像,使用杂色时不会出现接缝。

对于这些参数,大多数情况只需要默认项就可以了。

猜你喜欢

转载自www.cnblogs.com/bdqnit/p/10391870.html