位圖、矢量圖、分辨率UI設(shè)計(jì)基礎(chǔ)知識(shí)講解

計(jì)算機(jī)圖形主要分為兩類(lèi)，一類(lèi)是位圖圖像，另一類(lèi)是矢量圖形。Photoshop就是典型的位圖軟件，但也包含一些矢量功能。下面將針對(duì)位圖與矢量圖、常用的圖像格式、像素、分辨率等圖像處理基礎(chǔ)知識(shí)進(jìn)行詳細(xì)講解。

位圖和矢量圖

位圖也稱(chēng)點(diǎn)陣圖（Bitmap images），它是由許多像素點(diǎn)組成。所以放大到一定程度后可能會(huì)失真。能夠精確地制作色彩和色調(diào)變化豐富的圖像。

矢量圖也稱(chēng)向量式圖形，它使用數(shù)學(xué)的矢量方式來(lái)記錄圖像內(nèi)容，以線(xiàn)條和色塊為主。無(wú)論圖像放大、縮小或旋轉(zhuǎn)都不會(huì)出現(xiàn)失真的情況。相比位圖存儲(chǔ)空間更小并且縮放不失真。但缺點(diǎn)是無(wú)法表現(xiàn)豐富的顏色變化和細(xì)膩的色彩過(guò)渡。

圖像格式

圖像的保存格式有很多種，不同的圖像格式有各自的優(yōu)缺點(diǎn)。接下來(lái)介紹一下幾種常用的圖像格式：

BMP格式：是DOS和Windows平臺(tái)上常用的一種圖像格式。BMP格式支持1～24位顏色深度，可用的顏色模式有RGB、索引顏色、灰度和位圖等，但不能保存Alpha通道。
JPEG格式：是一種有損壓縮的網(wǎng)頁(yè)格式，不支持Alpha通道，也不支持透明。最大的特點(diǎn)是文件比較小，可以進(jìn)行高倍率的壓縮，因而在注重文件大小的領(lǐng)域應(yīng)用廣泛。

Ai格式：是Adobe Illustrator軟件所特有的矢量圖形存儲(chǔ)格式。

像素
像素的全稱(chēng)為圖像元素，縮寫(xiě)為px，是用來(lái)計(jì)算數(shù)碼影像的一種單位。若把影像放大數(shù)倍，會(huì)發(fā)現(xiàn)這些連續(xù)色調(diào)其實(shí)是由許多色彩相近的小方點(diǎn)所組成，這些小方點(diǎn)就是構(gòu)成影像的最小單位，即像素。

圖像分辨率

圖像分辨率是指圖像中存儲(chǔ)的信息量，是每英寸圖像內(nèi)有多少個(gè)像素點(diǎn)，分辨率的單位為PPI(Pixels Per Inch)，通常叫做像素每英寸。圖像分辨率越高，圖像越清晰。但是分辨率過(guò)高會(huì)導(dǎo)致圖像文件過(guò)大。

注意：在設(shè)置分辨率時(shí)，需要考慮圖像的用途

通常情況下，網(wǎng)頁(yè)上圖像的分辨率為72或96ppi ;

報(bào)紙圖像的分辨率為120或150ppi；

打印的圖像的分辨率為150ppi；

彩色印刷圖像的分辨率為300ppi；

大型燈箱圖像不低于30ppi；

特大的廣告海報(bào)類(lèi)可設(shè)置為30ppi以下。