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

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

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


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

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

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

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

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

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

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

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

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

名稱欄目:網(wǎng)頁設(shè)計(jì)中的Cinemagraphs
文章網(wǎng)址:http://www.bm7419.com/news/20370.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、網(wǎng)站改版用戶體驗(yàn)、App設(shè)計(jì)、域名注冊(cè)網(wǎng)站營銷

廣告

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

成都app開發(fā)公司