- 移動應用UI設計
- 張曉景 胡克
- 910字
- 2020-06-18 15:34:20
1.3 UI設計中的圖形元素格式
圖像文件的存儲模式主要可以分為位圖和矢量圖兩類,位圖格式包括PSD、TIFF、BMP、PNG、GIF和JPEG等;矢量圖格式包括AI、EPS、FLA、CDR和DWG等。手機UI界面的各種元素通常僅會以JPEG、GIF和PNG格式進行存儲。
1.3.1 JPEG格式
JPEG格式是最為常見的圖片格式。這種格式以犧牲圖像質量為代價,對文件進行高比率的壓縮,以大幅降低文件的體積。
JPEG格式在處理圖像時可以自動壓縮類似顏色,保留明顯的邊緣線條,從而使壓縮后的圖像不至于過分失真。這種格式的文件不適合于EP刷。JPEG格式的優(yōu)缺點如下。
優(yōu)點
利用靈活的壓縮方式控制文件大小
可以對寫實圖像進行高比例的壓縮
體積小,被廣泛地應用于網(wǎng)絡傳輸
對于漸進式JPEG文件支持交錯
缺點
大幅度壓縮圖像,降低文件的數(shù)據(jù)質量
壓縮幅度過大,不能滿足打印輸出
不適合存儲顏色少、具有大面積相近顏色的區(qū)域,或亮度變化明顯的簡單圖像
提示:當重新編輯和保存JPEG文件時,JPEG會混合原始圖片數(shù)據(jù)的質量下降,而且這種下降是累積性的,也就是說每編輯存儲一次就會下降一次。
1.3.2 GIF格式
GIF格式的全稱為“圖像互換格式”,采用一種基于連續(xù)色調的無損壓縮格式,壓縮比率一般在50%左右。GIF格式最大的特點就是可以在一個文件中同時存儲多張圖像數(shù)據(jù),達到一種最簡單的動畫效果,此外還支持某種顏色的透明顯示。GIF格式的優(yōu)缺點如下。
優(yōu)點
存儲顏色少,體積小,傳輸速度快
動態(tài)GIF可以用來制作小動畫
適合存儲線條顏色極其簡單的圖像
支持漸進式顯示方式
缺點
只支持256種顏色,極易造成顏色失真
不支持真彩色
不支持完全透明
1.3.3 PNG格式
PNG格式的全稱為“可移植網(wǎng)絡圖形格式”,是一種位圖文件存儲格式。PNG格式的目的是試圖代替GIF和TIFF格式,并增加一些GIF格式所不具備的特征。這種格式最大的特征是支持透明,而且可以在圖像品質和文件體積之間做出均衡的選擇。下面分別為PNG格式的優(yōu)缺點。
優(yōu)點
采用無損壓縮,可以保證圖像的品質
支持256種真彩色
支持透明存儲,失真小,無鋸齒
體積較小,被廣泛地應用于網(wǎng)絡傳輸
缺點
不支持動畫
在存儲無透明區(qū)域,顏色極其復雜的圖像時,文件體積會變得很大,不如JPEG
IE6不支持PNG的透明屬性
提示:這3種圖像格式的圖標很直觀地表現(xiàn)出各自的特點:JPEG格式適合存儲顏色變化豐富的圖像;PNG格式支持透明;GIF格式適合存儲色彩和形狀簡單的圖形。
- 版面設計與制作
- 大型網(wǎng)站架構實戰(zhàn)
- Bootstrap響應式Web開發(fā)
- 全能網(wǎng)頁設計師精煉手冊
- 動態(tài)網(wǎng)頁設計(第2版)
- 網(wǎng)頁制作實用教程(第3版)
- Illustrator平面設計180例五步通
- 淘寶店鋪頁面設計與裝修實戰(zhàn)教程
- 動態(tài)網(wǎng)頁設計與制作(HTML5+CSS3+JavaScript)(第3版)
- Web開發(fā)者晉級之道:架構、模式和領域驅動設計
- ASP快速建站全程實錄
- Web程序設計
- H5頁面設計與制作(全彩慕課版)
- Dreamweaver CS3網(wǎng)站制作炫例精講
- Dreamweaver,F(xiàn)lash,F(xiàn)ireworks網(wǎng)頁設計百練成精(CS3版)