為什么蘋果發(fā)布會(huì)經(jīng)常讓人為之瘋狂楞抡?演講人的口才固然重要,可好馬還需配好鞍析藕,展示設(shè)計(jì)也是關(guān)鍵召廷。
蘋果多年來一直用基本一模一樣的Keynote模板做Pre(展示),前幾天的2016年春季蘋果發(fā)布會(huì)上,大屏幕的演示格調(diào)并沒有多大變化——深色漸變底加白字竞慢、聚焦式的動(dòng)畫先紫。不復(fù)雜,但依然富有魅力筹煮。
在此通過3種簡(jiǎn)單的動(dòng)態(tài)特效(而且每個(gè)人都可以輕易學(xué)會(huì))遮精,來探索設(shè)計(jì)多媒體交互,能為展示帶來什么樣的神奇效果寺谤。
1仑鸥、延時(shí),60秒做出生長(zhǎng)的效果
如果你準(zhǔn)備發(fā)布Apple Watch变屁,如何在5秒內(nèi)立刻抓住人們的眼球眼俊?一個(gè)簡(jiǎn)單卻實(shí)用的方法是讓產(chǎn)品細(xì)節(jié)分步呈現(xiàn)出來,形成組裝產(chǎn)品的生長(zhǎng)效果粟关。
大部分產(chǎn)品有PSD格式的原型圖疮胖,設(shè)計(jì)精美但細(xì)節(jié)繁多,導(dǎo)入PPT等軟件進(jìn)行動(dòng)效處理十分麻煩闷板。如上圖澎灸,利用iH5.cn本周發(fā)布的新功能,能在保留所有分層結(jié)構(gòu)的前提下一次性導(dǎo)入PSD遮晚,快速制造延時(shí)的動(dòng)效性昭。
把PSD文件拖拽到編輯器進(jìn)行上傳,再為產(chǎn)品的部件分別添加飛入县遣、彈跳等動(dòng)效糜颠、設(shè)置動(dòng)效在不同時(shí)間出現(xiàn),就能模擬出產(chǎn)品的“生長(zhǎng)情況”萧求。
KEY#1:動(dòng)效的延遲一開始可以控制在1-3秒其兴,后面的間隔越來越短(并低于動(dòng)效時(shí)長(zhǎng)),還能形成重疊的動(dòng)感夸政,有利于制造現(xiàn)場(chǎng)的張緊感元旬。
2、聚焦守问,Duang一樣的特技
“怎么讓觀眾把注意力集中到我想要讓他們看的地方匀归?”聚焦有兩個(gè)技巧,一是把你想要突出的內(nèi)容放大耗帕,二是隱藏不重要的內(nèi)容朋譬。
著名的展示工具Prezi用的就是第一個(gè)法子,實(shí)時(shí)放大展示重點(diǎn)兴垦。但它應(yīng)用還不廣徙赢,每到一個(gè)地方得重裝一次字柠,功能也比較有限。如上圖狡赐,使用HTML5的畫布(Canvas)功能窑业,能設(shè)計(jì)好玩的“聚焦”特技的遮罩效果,在普通瀏覽器中進(jìn)行在線展示枕屉。
在畫布下放兩張圖片常柄,一張展示圖,一張PNG格式的白色蘋果LOGO搀擂,把展示圖的遮罩設(shè)為蘋果LOGO西潘,就有上圖的效果。容易吧哨颂?如果再為圖片放一個(gè)向左滑動(dòng)的效果喷市,還能制造漂移的動(dòng)感。
KEY#2:畫布的遮罩效果和設(shè)為遮罩的圖片息息相關(guān)威恼,作為遮罩的圖片色彩越明亮品姓,被遮的圖片越不透明。
因?yàn)樽鳛檎谡值奶O果LOGO是全白的箫措,它顯示區(qū)域內(nèi)的圖片才是完全不透明的腹备。比如上面從白色到黑色的四個(gè)圓是遮罩,它的顏色越深斤蔓,城堡圖片對(duì)應(yīng)位置的透明度越低植酥。遮罩全黑時(shí),城堡就不見了弦牡。
(注:國(guó)內(nèi)很多移動(dòng)端瀏覽器尚未支持HTML5的Canvas遮罩效果惧互,所以它目前更適用于PC端展示。)
3喇伯、演示,是調(diào)節(jié)氣氛的步伐
如果想要設(shè)計(jì)一場(chǎng)毫無缺漏的發(fā)布會(huì)拨与,直接搞一場(chǎng)錄播就行稻据,但也失去了現(xiàn)場(chǎng)的魅力。因?yàn)榭赡軙?huì)出現(xiàn)各種突發(fā)情況买喧,現(xiàn)場(chǎng)才更刺激捻悯、更有吸引力。怎樣能在展示中加入可控的“變量”來調(diào)節(jié)氣氛淤毛?
答案之一是演示今缚,而且最好是用一些讓觀眾自己上臺(tái),同樣能輕易完成的行為低淡。電腦上的比如簡(jiǎn)單的拖動(dòng)姓言,如上圖瞬项,利用有趣的遮罩結(jié)合拖動(dòng)來展示不同型號(hào)的蘋果手機(jī)。
這里應(yīng)用到了遮罩強(qiáng)悍的“濾鏡”功能何荚,設(shè)置很簡(jiǎn)單囱淋,只是把剛才的白色蘋果LOGO做成了彩色漸變,再用一張?zhí)O果手機(jī)的圖片作為彩色LOGO的遮罩餐塘。這樣一來妥衣,相當(dāng)于保留了LOGO的顏色特征,又能利用蘋果手機(jī)圖片的色彩明暗變化讓LOGO現(xiàn)出蘋果手機(jī)的“原形”戒傻。
這時(shí)候税手,把蘋果LOGO圖片的“拖動(dòng)類型”設(shè)為任何方向,就能在展示中途隨意用鼠標(biāo)拖移蘋果LOGO需纳,演示為蘋果手機(jī)加彩色濾鏡的特技了芦倒。
KEY#3:想要實(shí)現(xiàn)Prezi的聚焦放大效果?使用事件工具候齿,在一張?jiān)试S拖動(dòng)的圖片上放個(gè)透明按鈕熙暴,設(shè)置點(diǎn)擊按鈕時(shí)圖片尺寸放大就行。
除非你有值得一說的東西慌盯,不然你就做不了一個(gè)好的演講周霉。
全球赫赫有名的TED大會(huì),靠演講為世界傳播了各種各樣的創(chuàng)意亚皂。而作為TED多年的策展人Chris Anderson俱箱,有上面這句名言。
有了值得一說的東西灭必,是否有足夠好的演講手段狞谱,是史蒂夫·喬布斯和蒂姆·庫克在蘋果發(fā)布會(huì)上反響的區(qū)別。你更欣賞喬布斯還是庫克禁漓?現(xiàn)在跟衅,你還要錯(cuò)過用動(dòng)態(tài)展示抓住觀眾注意力的機(jī)會(huì)嗎?