SVGA:
SVGAConverter 可以將 Flash 以及 After Effects 動畫導出成 .SVGA 文件(實際上是 ZIP 包),供 SVGAPlayer 在各平臺播放,SVGAPlayer 支持在 iOS / Android / Web / ReactNative / LayaBox 等平臺、游戲引擎播放。
SVGA 做的事情,實際上,非常簡單,Converter 會負責從 Flash 或 AE 源文件中提取所有動畫元素(位圖、矢量),并將其在時間軸中的每幀表現(位移、縮放、旋轉、透明度)導出。 Player 會負責將這些信息還原至畫布上。
因此,你會發現,SVGA 既有序列幀的特點,又有元素動畫的特點。Player 邏輯極度簡單,她只負責粗暴地將每一個元素,絲毫不差地渲染到屏幕上,而無須任何插值計算。
SVG:
SVG是一種圖像文件格式,它的英文全稱為Scalable Vector Graphics,意思為可縮放的矢量圖形。它是基于XML(Extensible Markup Language),由World Wide Web Consortium(W3C)聯盟進行開發的。嚴格來說應該是一種開放標準的矢量圖形語言,可讓你設計激動人心的、高分辨率的Web圖形頁面。用戶可以直接用代碼來描繪圖像,可以用任何文字處理工具打開SVG圖像,通過改變部分代碼來使圖像具有交互功能,并可以隨時插入到HTML中通過瀏覽器來觀看
Webp:
WebP(發音:weppy)是一種同時提供了有損壓縮與無損壓縮(可逆壓縮)的圖片文件格式,派生自影像編碼格式VP8,被認為是WebM多媒體格式的姊妹項目,是由Google在購買On2 Technologies后發展出來,以BSD授權條款發布。
WebP最初在2010年發布,目標是減少文件大小,但達到和JPEG格式相同的圖片質量,希望能夠減少圖片檔在網絡上的發送時間。2011年11月8日,Google開始讓WebP支持無損壓縮和透明色(alpha通道)的功能,而在2012年8月16日的參考實做libwebp 0.2.0中正式支持。根據Google較早的測試,WebP的無損壓縮比網絡上找到的PNG檔少了45%的文件大小,即使這些PNG檔在使用pngcrush和PNGOUT處理過,WebP還是可以減少28%的文件大小。
WebP支持的像素最大數量是16383x16383。有損壓縮的WebP僅支持8-bit的YUV 4:2:0格式。而無損壓縮(可逆壓縮)的WebP支持VP8L編碼與8-bit之ARGB色彩空間。又無論是有損或無損壓縮皆支持Alpha透明通道、ICC色彩配置、XMP詮釋數據。
WebP有靜態與動態兩種模式。動態WebP(Animated WebP)支持有損與無損壓縮、ICC色彩配置、XMP詮釋數據、Alpha透明通道。
點九切圖:
安卓特有的切圖格式,一般用于經常需要拉伸變化的素材中,如:會話氣泡
在制作點九切圖過程中,需要在素材四周預留一個像素空白,畫黑線,左邊和上邊控制拉伸區域,右邊和下邊控制內容顯示區域,保存時候命名為***.9.png
Rpx:
rpx 是微信小程序解決自適應屏幕尺寸的尺寸單位。微信小程序規定屏幕的寬度為750rpx。
rem/em:
em是相對長度單位。相對于當前對象內文本的字體尺寸。如當前對行內文本的字體尺寸未被人為設置,則相對于瀏覽器的默認字體尺寸。
em的特點:
1. em的值并不是固定的;
2. em會繼承父級元素的字體大小。
REM
rem是CSS3新增的一個相對單位(root em,根em),這個單位引起了廣泛關注。這個單位與em有什么區別呢?區別在于使用rem為元素設定字體大小時,仍然是相對大小,但相對的只是HTML根元素。這個單位可謂集相對大小和絕對大小的優點于一身,通過它既可以做到只修改根元素就成比例地調整所有字體大小,又可以避免字體大小逐層復合的連鎖反應。目前,除了IE8及更早版本外,所有瀏覽器均已支持rem。
pt/dp/sp:
dp安卓開發的長度單位,sp安卓開發的字體 大小單位。
pt是iOS開發使用的開發單位。
精靈圖/雪碧圖:
是一種CSS圖像合并技術,該方法是將小圖標和背景圖像合并到一張圖片上,然后利用css的背景定位來顯示需要顯示的圖片部分。
雪碧圖被運用在眾多使用了很多小圖標的網站上。相對于把每張小圖標以.png格式文件的形式引用到頁面上,使用雪碧圖只需要引用一張圖片,對內存和帶寬更好,并且可以減小圖片的總大小。
更多關于UI培訓的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。