現(xiàn)在市面上有一大批HTML5頁面模板制作工具,雖然方便了很多非專業(yè)設(shè)計(jì)師制作HTML5頁面。但是不得不吐槽的是,很多模板工具平臺(tái)上的作品大部分還停留在左飛入右飛出的初級(jí)境界,想感受真正精妙的高級(jí)特效,這10個(gè)專業(yè)人士的作品不得不看咯。
本文來自優(yōu)設(shè)合作媒體 數(shù)英網(wǎng)。
1. 粒子特效
星際傳奇:這是探索宇宙的門票


百度百科:為模擬現(xiàn)實(shí)中的水、火、霧、氣等效果由各種三維軟件開發(fā)的制作模塊,原理是將無數(shù)的單個(gè)粒子組合使其呈現(xiàn)出固定形態(tài),借由控制器,腳本來控制其整體或單個(gè)的運(yùn)動(dòng),模擬出現(xiàn)真實(shí)的效果。
2. SVG路徑動(dòng)畫
元小望:SVG練習(xí)NO.1_描述孤獨(dú)


簡而言之,就是讓SVG的描邊像是有人繪制一樣的動(dòng)畫效果。動(dòng)畫輕巧不失真,特別適合那些崇尚簡約設(shè)計(jì)風(fēng)格的網(wǎng)頁。
3. 序列幀動(dòng)畫
大眾點(diǎn)評(píng):我們之間只有一個(gè)字


百度百科:序列幀動(dòng)畫是只在時(shí)間軸的每幀上逐幀繪制不同的內(nèi)容,使其連續(xù)播放而成動(dòng)畫。 因?yàn)橹饚瑒?dòng)畫的幀序列內(nèi)容不一樣,不但給制作增加了負(fù)擔(dān)而且最終輸出的文件量也很大,但它的優(yōu)勢也很明顯:逐幀動(dòng)畫具有非常大的靈活性,幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容,而它類似與電影的播放模式,很適合于表演細(xì)膩的動(dòng)畫。例如:人物或動(dòng)物急劇轉(zhuǎn)身、頭發(fā)及衣服的飄動(dòng)、走路、說話以及精致的3D效果等等。
4. 全線性動(dòng)畫
騰訊UP大會(huì):生命之下,想象之上


全線性動(dòng)畫可以理解為動(dòng)畫連續(xù),幾乎不間斷播放,像視頻一樣流暢細(xì)膩。
這支HTML5頁面打破了傳統(tǒng)幻燈片式的呈現(xiàn)方式,塑造出了一種寬廣、素雅、幽靜的整體感受,該作品也被很多人推崇為HTML5里的動(dòng)畫片。
5. Cinemagraphic
Levi’s: “換”醒你的夏天


鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選