深圳網(wǎng)站建設(shè)通過(guò)三種簡(jiǎn)單的動(dòng)態(tài)單的動(dòng)態(tài)效果（每個(gè)人都可以很容易地學(xué)習(xí)）來(lái)探索HTML網(wǎng)頁(yè)設(shè)計(jì)多媒體交互，能給展示帶來(lái)什么神奇效果？很多人說(shuō)我們的網(wǎng)站設(shè)計(jì)效果很好，事實(shí)上，說(shuō)更多的是我們的設(shè)計(jì)師的努力，經(jīng)常舉辦一些小的分享，與每個(gè)孩子分享好的信息，讓每個(gè)人一起進(jìn)步，這里的文章是我們的深圳網(wǎng)站建設(shè)-企業(yè)推動(dòng)設(shè)計(jì)合作伙伴今天分享小內(nèi)容！

1.延遲60秒產(chǎn)生生長(zhǎng)效果

假如你要發(fā)布AppleWatch，如何在5秒內(nèi)立即吸引人們的注意力？一種簡(jiǎn)單但實(shí)用的方法是逐步呈現(xiàn)產(chǎn)品細(xì)節(jié)，形成組裝產(chǎn)品的生長(zhǎng)效果。

大多數(shù)產(chǎn)品都有PSD格式原型圖設(shè)計(jì)精美，但細(xì)節(jié)多樣，導(dǎo)入PPT動(dòng)效處理等軟件很麻煩。如上圖所示，使用iH5.cn在保留所有分層結(jié)構(gòu)的前提下，一次性導(dǎo)入發(fā)布的新功能PSD，快速制造延時(shí)動(dòng)效。

把PSD文件拖到編輯器上傳，然后在不同時(shí)間添加飛行、彈跳等動(dòng)態(tài)效果，設(shè)置動(dòng)態(tài)效果，以模擬產(chǎn)品的增長(zhǎng)。

KEY#1:動(dòng)態(tài)效率的延遲可以控制在一開始1-3秒，后面的間隔越來(lái)越短(低于動(dòng)態(tài)效率時(shí)間)，也可以形成重疊的動(dòng)態(tài)，有利于現(xiàn)場(chǎng)的張力。

2、聚焦，Duang一樣的特技

觀眾如何把注意力集中在我想讓他們看到的地方？有兩種技能可以關(guān)注，一種是擴(kuò)大你想要突出的內(nèi)容，另一種是隱藏不重要的內(nèi)容。

著名的展示工具Prezi它使用一種實(shí)時(shí)放大顯示重點(diǎn)的方法。但它的應(yīng)用并不廣泛，每個(gè)地方都必須重新安裝一次，功能相對(duì)有限。如上圖所示，使用畫布工具設(shè)計(jì)有趣的聚焦特技屏蔽功能，可在普通瀏覽器中在線顯示。

在畫布下放兩張圖片，一張展示圖片，一張PNG白蘋果的格式LOGO，蘋果將顯示圖的遮罩設(shè)置為蘋果LOGO，有上圖的效果。容易嗎？如果給圖片放一個(gè)向左滑動(dòng)的效果，也能產(chǎn)生漂移的動(dòng)態(tài)。

KEY#2：畫布的遮罩效果和設(shè)為遮罩的圖片息息相關(guān)，作為遮罩的圖片色彩越明亮，被遮的圖片越不透明。

因?yàn)樘O果被用作遮罩LOGO它是完全白色的，顯示區(qū)域內(nèi)的圖片是完全不透明的。例如，從白色到黑色的四個(gè)圓圈被覆蓋，顏色越深，城堡圖片對(duì)應(yīng)位置的透明度就越低。當(dāng)覆蓋完全黑色時(shí)，城堡就消失了。

(注:國(guó)內(nèi)很多移動(dòng)瀏覽器尚未支持HTML5的Canvas目前，它更適合遮蓋效果PC端展示。）

3.演示是調(diào)節(jié)氣氛的步伐

如果你想設(shè)計(jì)一個(gè)沒有遺漏的新聞發(fā)布會(huì)，直接做一個(gè)錄音，但也失去了場(chǎng)景的魅力。因?yàn)榭赡軙?huì)有各種緊急情況，場(chǎng)景更令人興奮，更有吸引力。如何在顯示器中添加可控的變量來(lái)調(diào)整氣氛？

答案之一是演示，著名的行為是讓觀眾自己上臺(tái)，也很容易完成。電腦上的簡(jiǎn)單拖動(dòng)，如上圖所示，使用有趣的屏蔽和拖動(dòng)來(lái)顯示不同類型的蘋果手機(jī)。

這里應(yīng)用了強(qiáng)大的濾鏡功能，設(shè)置非常簡(jiǎn)單，只是白蘋果LOGO做成彩色漸變，然后用蘋果手機(jī)的圖片作為彩色LOGO這樣，就相當(dāng)于保留了LOGO蘋果手機(jī)圖片的顏色特征也可以利用蘋果手機(jī)圖片的顏色變化LOGO蘋果手機(jī)的原形出現(xiàn)了。

這時(shí)，把蘋果拿走LOGO圖片的拖動(dòng)類型設(shè)置在任何方向，可以用鼠標(biāo)拖動(dòng)蘋果LOGO，為蘋果手機(jī)演示彩色濾鏡的特技。

KEY#3：想要實(shí)現(xiàn)Prezi聚焦放大效果？使用事件工具，在允許拖動(dòng)的圖片上放置透明按鈕，點(diǎn)擊按鈕放大圖片尺寸

除非你有值得一提的東西，否則你不能做好演講。

世界著名TED會(huì)議通過(guò)演講向世界傳播各種創(chuàng)造力。TED策展人多年ChrisAnderson，有上面這句名言。

史蒂夫是否有足夠好的演講手段值得一提·喬布斯和蒂姆·庫(kù)克在蘋果新聞發(fā)布會(huì)上的反應(yīng)不同。你更喜歡喬布斯還是庫(kù)克？現(xiàn)在，你還錯(cuò)過(guò)了動(dòng)態(tài)展示吸引觀眾注意力的機(jī)會(huì)嗎？