2019-09-16 11:34:57 6125瀏覽
UI設(shè)計就是和各種圖形圖像打交道的，因此在UI設(shè)計中會經(jīng)常涉及到圖形圖像，對于UI設(shè)計師來說，位量和矢量圖的區(qū)別和概念要非常熟悉，本篇文章扣丁學(xué)堂UI培訓(xùn)小編和讀者分享UI設(shè)計中位量和矢量圖的區(qū)別是什么，希望對小伙伴們有幫助。
UI設(shè)計中位量和矢量圖的區(qū)別是什么：
1、位量
位量圖又叫點(diǎn)陣圖或像素圖，計算機(jī)屏幕上的圖你是由屏幕上的發(fā)光點(diǎn)(即像素)構(gòu)成的，每個點(diǎn)用二進(jìn)制數(shù)據(jù)來描述其顏色與亮度等信息，這些點(diǎn)是離散的，類似于點(diǎn)陣。多個像素的色彩組合就形成了圖像，稱之為位圖。位圖在放大到一定限度時會發(fā)現(xiàn)它是由一個個小方格組成的，這些小方格被稱為像素點(diǎn)，一個像素是圖像中最小的圖像元素。
在處理位圖圖像時，所編輯的是像素而不是對象或形狀，它的大小和質(zhì)量取決于圖像中的像素點(diǎn)的多少，每平方英寸中所含像素越多，圖像越清晰，顏色之間的混和也越平滑。計算機(jī)存儲位圖像實際上是存儲圖像的各個像素的位置和顏色數(shù)據(jù)等到信息，所以圖像越清晰，像素越多，相應(yīng)的存儲容量也越大。位圖圖像與矢量圖像相比更容易模仿照片似的真實效果。位圖圖像的主要優(yōu)點(diǎn)在于表現(xiàn)力強(qiáng)、細(xì)膩、層次多、細(xì)節(jié)多，可以十分容易的模擬出像照片一樣的真實效果。
由于是對圖像中的像素進(jìn)行編輯，所以在對圖像進(jìn)行拉伸、放大或縮小等到處理時，其清晰度和光滑度會受到影響。位圖圖像可以通過數(shù)字相機(jī)、掃描或PhotoCD獲得，也可以通過其他設(shè)計軟件生成 位圖圖像，也稱點(diǎn)陣圖像或繪制圖像，是由稱作像素的單個點(diǎn)組成的。當(dāng)放大位圖時，可以看見構(gòu)成圖像的單個圖片元素。擴(kuò)大位圖尺寸就是增大單個像素，會使線條和形狀顯得參差不齊。但是如果從稍遠(yuǎn)一點(diǎn)的位置觀看，位圖圖像的顏色和形狀又是連續(xù)的，這就是位圖的特點(diǎn)。矢量圖像，也稱繪圖圖像，在數(shù)學(xué)上定義為一系列點(diǎn)與點(diǎn)之間的關(guān)系，矢量圖可以任意放大或縮小而不會出現(xiàn)圖像失真現(xiàn)象。
2、矢量圖
矢量圖又叫向量圖，是用一系列計算機(jī)指令來描述和記錄一幅圖，一幅圖可以解為一系列由點(diǎn)、線、面等到組成的子圖，它所記錄的是對象的幾何形狀、線條粗細(xì)和色彩等。生成的矢量圖文件存儲量很小，特別適用于文字設(shè)計、圖案設(shè)計、版式設(shè)計、標(biāo)志設(shè)計、計算機(jī)輔助設(shè)計(CAD)、工藝美術(shù)設(shè)計、插圖等。
矢量圖只能表示有規(guī)律的線條組成的圖形，如工程圖、三維造型或藝術(shù)字等;對于由無規(guī)律的像素點(diǎn)組成的圖像(風(fēng)景、人物、山水)，難以用數(shù)學(xué)形式表達(dá)，不宜使用矢量圖格式;其次矢量圖不容易制作色彩豐富的圖像，繪制的圖像不很真實，并且在不同的軟件之間交換數(shù)據(jù)也不太方便。另外，矢量圖像無法通過掃描獲得，它們主要是依靠設(shè)計軟件生成。矢量繪圖程序定義(像數(shù)學(xué)計算)角度、圓弧、面積以及與紙張相對的空間方向，包含賦予填充和輪特征性的線框。常見的矢量圖處理軟件有CoreIDRAW、AutoCAD、Illustrator和FreeHand等。
關(guān)于UI設(shè)計中使用的工具和技術(shù)難點(diǎn)，感興趣的讀者可以學(xué)習(xí)扣丁學(xué)堂的UI視頻教程，扣丁學(xué)堂IT職業(yè)在線學(xué)習(xí)教育平臺為您提供權(quán)威的UI視頻，扣丁學(xué)堂老師精心推出的UI視頻教程定能讓你快速掌握UI設(shè)計從入門到精通開發(fā)實戰(zhàn)技能?？鄱W(xué)堂UI交互設(shè)計交流群：568096113。
【關(guān)注微信公眾號獲取更多學(xué)習(xí)資料】 【掃碼進(jìn)入Python全棧開發(fā)免費(fèi)公開課】
全國免費(fèi)咨詢熱線
郵箱：codingke@1000phone.com
官方群：148715490
返回頂部