隨着移動互聯網普及和發展,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個層級的透明
圖片參數
顏色表類型
可感知:通過給人眼比較敏感的顏色賦予優先權來創建自定義顏色表
可選擇:創建一個顏色表,這個表和可感知顏色類似,我們通常默認選擇可選擇項。
隨樣性:通過從圖像的主要色譜中提取的色樣來創建自定義顏色表
仿色
仿色即模擬計算機的顏色顯示系統中未提供的顏色的方法
擴散:仿色效果在相鄰的像素間擴散,效果較自然
圖像:模擬顏色表中沒有的顏色
雜色:是應用於擴散方法相似的隨機圖案,但是不在相鄰的像素間擴散圖像,使用雜色時不會出現接縫。
對於這些參數,大多數情況只需要默認項就可以了。