網(wǎng)頁設(shè)計中的Cinemagraphs

2014-10-02    分類: 網(wǎng)站建設(shè)

如果你讀過無數(shù)的網(wǎng)頁設(shè)計趨勢的報告出來今年早些時候,你可能讀過大的承諾,英雄大小的Cinemagraphs.首頁到處都擺放在醒目位置。所以,他們在哪里?
而一些時尚的公司使用他們的網(wǎng)站,這已經(jīng)在很大程度上淪為cinemagraph展示品和Reddit頁輪。
我說夠了。它的時候,電影動畫里上升、各得其所的網(wǎng)頁也注定要成為英雄。


瀘州網(wǎng)站建設(shè)當(dāng)談到電影動畫里,以上所有陳述是真實的。雖然它已經(jīng)被討論,(甚至預(yù)測在網(wǎng)頁設(shè)計中,一個趨勢)很少有網(wǎng)站實際使用。作為一個結(jié)果,他們甚至還沒有接近臨界點(diǎn),所以他們?nèi)匀涣钊酥缘拇蠖鄶?shù)Web用戶。
沒有照片,沒有視頻,電影動畫里固有的眼睛糖果因為他們愚弄觀眾足夠長的時間讓他們再看。在過剩時代的今天,任何你可以使用哪怕只是一瞬間-算是小贏了一個很重要的原因讓用戶停:
你有他們的注意。

網(wǎng)頁設(shè)計中的Cinemagraphs
吸引一位網(wǎng)站上關(guān)注的一個特別有效的方式一直在視頻。人類的眼睛愛運(yùn)動。但大英雄視頻(即使很短的一個)是如此的<em>龐大</em>。你當(dāng)然可以把它壓縮在其生命的英寸,但它只是看起來…壓縮?;蛘吣憧梢宰屗?dú)自忍受緩慢的加載網(wǎng)頁的后果。
但用Cinemagraph,您可以節(jié)省大量的帶寬,同時還滿足需要的運(yùn)動。其實,你加碼,因為你可以利用新穎的方面一個Cinemagraph人看不見他們經(jīng)常,并留下深刻的印象,當(dāng)他們。
所以現(xiàn)在你知道為什么電影動畫里應(yīng)該有一個網(wǎng)絡(luò)上的地位,讓高層次的觀點(diǎn)如何把一個生命。

網(wǎng)頁設(shè)計中的Cinemagraphs

選擇1:使用一個預(yù)先存在的CINEMAGRAPH
在許多情況下采購現(xiàn)成的CG是可以接受的,甚至喜歡自己做。我想說,如果你能找到你所需要的,并且是在你的預(yù)算中得到它的權(quán)利,那是要走的路。唯一的問題是:你在哪里找到它的?
好消息是,你有選擇。他們將在很大程度上由你的預(yù)算決定的,(或你的客戶的,)但有許多來源有。甚至有少數(shù)自由的人選擇。然而,如果你有八十塊錢花,Shutterstock擁有一個相當(dāng)不錯的選擇高清CGS。
(提示:他們沒有一個獨(dú)立的cinemagraph的部分,所以你必須尋找“cinemagraph,“再加上你的其他搜索詞內(nèi)的“畫面”部分。)
如果你能找到你所想象的,你可能還想壓縮文件到一定程度。更多關(guān)于這一點(diǎn)。

選擇2:做你自己
用CG代替視頻的全部意義就在于它是一個幻覺。
也許你找不到你所想象的。也許你只是一個頑固的diy'er,我尊重你這。那么到底是如何進(jìn)行cinemagraph從頭開始?
首先,它有助于正確的設(shè)備和方案。我的建議是開始:
一個攝像頭,可以拍攝視頻
三腳架
一個模型和/或任何必要的道具
一臺計算機(jī)
使用視頻編輯軟件(可選)
訪問Adobe PS圖象處理軟件或更專注cinemagraph的編輯軟件,如Flixel
這就是你需要為了使cinemagraph。但為了讓它有效,你需要一個偉大的想法。
是什么讓一個偉大的英雄CINEMAGRAPH?
而你的CG的主題將在很大程度上取決于網(wǎng)站本身的定位,也要記住設(shè)置的場景時,某些普遍的點(diǎn)。一定要:
保持微妙的:整點(diǎn)用CG代替視頻,這是一個幻覺。一些CGS看起來非常安靜,然后觀眾驚喜與微妙的運(yùn)動。說到細(xì)膩,確保整體組成不過于繁忙或色彩鮮艷的如果你是分層的文本和它上面的CTA。記住,CG應(yīng)該玩那些元素,不讓他們。

壓縮文件
無論你從零開始,讓你的CG,或者來源于現(xiàn)有的一個,你要確保它加載快。無論你最終的輸出文件是GIF或視頻(我推薦)你壓縮將依靠兩個獨(dú)立的因素:
質(zhì)量
長度
創(chuàng)新互聯(lián)個人而言,我嘗試去高的質(zhì)量可能在任何大型的英雄形象,視頻或者cinemagraph。在我看來,犧牲一切使這樣一種視覺影響文件的質(zhì)量,是一種恥辱。為了平衡這一點(diǎn),我會努力讓我的Cinemagraph回路盡可能短。
該行動將影響到短環(huán)可以是火車嗡嗡的要比慢的要短,故意眼眼,這可能要重復(fù)太快,看起來有點(diǎn)痙攣。以下面的例子從Web代理深端。由于所有的,這里需要的是一個火車汽車匹配下以一個漂亮的無縫環(huán),我設(shè)法把它降低到一個第二。

網(wǎng)頁設(shè)計中的Cinemagraphs

最后的思考
一個Cinemagraph不僅可以踢一個無聊的網(wǎng)站項目了幾個缺口,但它卻能影響其成功過。如果你把一個殺手的標(biāo)題和令人信服的行動電話,你真的可以抓住你的用戶的注意力。你注意到你。

成都網(wǎng)站建設(shè)

當(dāng)前名稱:網(wǎng)頁設(shè)計中的Cinemagraphs
文章網(wǎng)址:http://www.muchs.cn/news20/20370.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、靜態(tài)網(wǎng)站、建站公司、標(biāo)簽優(yōu)化軟件開發(fā)、網(wǎng)站維護(hù)

廣告

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

成都網(wǎng)頁設(shè)計公司