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個層級的透明

圖片參數

顏色表類型

可感知:通過給人眼比較敏感的顏色賦予優先權來創建自定義顏色表

可選擇:創建一個顏色表,這個表和可感知顏色類似,我們通常默認選擇可選擇項。

隨樣性:通過從圖像的主要色譜中提取的色樣來創建自定義顏色表

仿色

仿色即模擬計算機的顏色顯示系統中未提供的顏色的方法

擴散:仿色效果在相鄰的像素間擴散,效果較自然

圖像:模擬顏色表中沒有的顏色

雜色:是應用於擴散方法相似的隨機圖案,但是不在相鄰的像素間擴散圖像,使用雜色時不會出現接縫。

對於這些參數,大多數情況只需要默認項就可以了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM