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

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

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

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

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

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

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

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

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

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

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、網(wǎng)站改版、用戶體驗(yàn)、App設(shè)計(jì)、域名注冊(cè)、網(wǎng)站營(yí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í)需注明來(lái)源： 創(chuàng)新互聯(lián)