中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)頁設(shè)計(jì)中關(guān)于web動(dòng)效設(shè)計(jì)

2016-11-08    分類: 網(wǎng)站建設(shè)

在一般的業(yè)務(wù)開發(fā)環(huán)境下,所有的動(dòng)效是否全部由程序?qū)崿F(xiàn),這是需要按照不同的情況設(shè)計(jì)實(shí)現(xiàn)手段進(jìn)行判斷的,一個(gè)很小的特殊效果讓前端日以繼夜地堆代碼是一種性價(jià)比極低的方法。很多情況下,對于不需要太多交互操作的動(dòng)態(tài)效果,實(shí)際上是前端提供一個(gè)畫布區(qū)域設(shè)計(jì)師通過逐幀動(dòng)畫的設(shè)計(jì)其實(shí)現(xiàn)效果,會更有效地提升產(chǎn)品開發(fā)效率。這里給大家提供三個(gè)性價(jià)比相當(dāng)高的方法:

(1)GIF動(dòng)畫

大家對GF圖片應(yīng)用并不陌生,今天主要跟大家普及GIF的壓縮技巧。我們在做用戶走訪的時(shí)候發(fā)現(xiàn),很多B類用戶辦公條件都不具備高速的帶寬,所以我們必須考慮到GIF的體量。拿我們在父親節(jié)做的一個(gè)情感化的小動(dòng)效來說,在PS無壓縮的情況下是67k,我們可以通過對幀速率進(jìn)行壓縮,每兩幀抽減一幀,為保持循環(huán)周期不變,新的每幀持續(xù)時(shí)間需要設(shè)置成原來的兩倍,這樣壓縮之后體量就會減少為原來的1/2,但是效果比起來,有一點(diǎn)點(diǎn)卡頓的感覺,效果沒有原來的流暢了。這里給大家推薦另外一種方法,扁平化的動(dòng)效設(shè)計(jì)可以對顏色和損耗做適當(dāng)?shù)膲嚎s,并且刪掉循環(huán)中重復(fù)或者是非常相近的幀,注意刪掉某一幀之后,要把它替代裝的時(shí)間補(bǔ)全,保證循環(huán)周期不變,這樣也可以有效地壓縮GF體量,但是需要注意一點(diǎn)的是顏色壓縮只活用于無漸變的動(dòng)效。GIF的應(yīng)用范圍比較小,由于它比較難以控制播放,所以基本上都是用在像LOGO區(qū)這樣不需要太多操作的區(qū)域。(2)webM視頻壓縮方式對比webM是一個(gè)視頻格式,并且是一個(gè)可以控制播放的容器,它的體量是GI的1/3,兼容響應(yīng)式的設(shè)計(jì),優(yōu)點(diǎn)是減少設(shè)計(jì)成本,全面兼容瀏覽器,硬件要求低嘗試在B類營銷場景中插入動(dòng)態(tài)背景視頻,原視頻367MB壓縮為GIF的6.9MB,轉(zhuǎn)換為webM的1.8MB,體量完全符合用戶要求,并且圖像的損失也在可控范圍內(nèi);在產(chǎn)品區(qū)域的應(yīng)用,由于可控播放的優(yōu)點(diǎn),未來我們的產(chǎn)品完全可以360度地展現(xiàn)。(3)PNG序列最后來看一下PNG序列,對于游戲類可以進(jìn)行預(yù)加載的網(wǎng)頁應(yīng)用,在開發(fā)時(shí)間較短的,可以使用PNG序列來展現(xiàn)應(yīng)用想要呈現(xiàn)的效果,通過時(shí)間點(diǎn)和動(dòng)效周期的精,可以讓用戶有非常流暢的交互體驗(yàn)。比如,我們在拳擊體感游戲“啪啪快打”項(xiàng)目中嘗試用PNG序列來實(shí)現(xiàn)一個(gè)體感游戲,用戶可以通過手機(jī)連接電腦,通過手勢控制來進(jìn)行打斗的操作。具體的動(dòng)效設(shè)計(jì)用雪碧圖來實(shí)現(xiàn)。這些都是我們web端無法比擬的,我們在做網(wǎng)頁動(dòng)效設(shè)計(jì)的時(shí)候必須考慮帶寬,主流兩個(gè)操作系統(tǒng)使用的最小時(shí)間單位都是毫秒,所以我們的楨間隔單位按照毫秒取整。

標(biāo)題名稱:網(wǎng)頁設(shè)計(jì)中關(guān)于web動(dòng)效設(shè)計(jì)
網(wǎng)站路徑:http://www.rwnh.cn/news/62544.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作定制開發(fā)、微信公眾號App設(shè)計(jì)、電子商務(wù)微信小程序

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)
吴江市| 阳朔县| 云南省| 昭觉县| 尚义县| 会东县| 斗六市| 石家庄市| 天峻县| 平乡县| 多伦县| 咸丰县| 砚山县| 尚志市| 石林| 旬邑县| 朝阳区| 沙洋县| 宜川县| 精河县| 佛山市| 高淳县| 新宁县| 东乡县| 湘潭市| 含山县| 武宣县| 台东县| 高台县| 宜兰县| 东阿县| 青铜峡市| 鹿邑县| 海门市| 崇明县| 新竹市| 东兰县| 宜宾市| 邢台市| 怀柔区| 化隆|