如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

 

對(duì)于今天的設(shè)計(jì)師來(lái)說(shuō)，無(wú)論是知識(shí)分享會(huì)，還是項(xiàng)目提案評(píng)審，甚至是求職面試等等，越來(lái)越多的場(chǎng)合需要考驗(yàn)我們的演講表達(dá)能力了。那么對(duì)于設(shè)計(jì)師來(lái)說(shuō)，除了口述表達(dá)能力，美觀大方的幻燈片往往也是必不可少的。而Keynote因其酷炫的動(dòng)效儼然已經(jīng)成為演示界的神器，但是現(xiàn)狀是很多設(shè)計(jì)師朋友對(duì)于Keynote的掌握還不是很熟練，特別是五花八門(mén)的動(dòng)效以及復(fù)雜的構(gòu)建順序，在此作者就與大家分享總結(jié)一些個(gè)人的使用心得，希望對(duì)大家能有所幫助。

目錄

1、認(rèn)識(shí)keynote

2、制作準(zhǔn)備

3、動(dòng)效

4、構(gòu)件順序

5、演講相關(guān)

下圖即是Keynote的主界面，與我們熟悉的Sketch還是挺相似的。其中中間為舞臺(tái)區(qū)域，當(dāng)前頁(yè)面的所有元素都會(huì)出現(xiàn)在此；頂部是工具欄，包含一些常用的功能，并且跟Sketch一樣支持自定義；左側(cè)是幻燈片的導(dǎo)航，可以快速在各個(gè)幻燈片之間切換；右側(cè)是參數(shù)調(diào)整，可以分別針對(duì)幻燈片以及其中的某個(gè)元素進(jìn)行參數(shù)調(diào)整。

其中，右側(cè)的參數(shù)調(diào)整又分為“格式”、“動(dòng)畫(huà)效果”和“文稿”三個(gè)Tab。當(dāng)選中左側(cè)導(dǎo)航中的幻燈片或舞臺(tái)中的某個(gè)元素時(shí)，對(duì)應(yīng)的參數(shù)調(diào)整面板是不同的。

在開(kāi)始動(dòng)手之前，還有一些準(zhǔn)備工作需要完成。首先就是整個(gè)幻燈片的尺寸，常見(jiàn)的尺寸比例有4:3和16:9，需要根據(jù)演示現(xiàn)場(chǎng)的幕布寬高比來(lái)確定選擇哪一種。如果是在移動(dòng)設(shè)備上演示，就根據(jù)移動(dòng)設(shè)備的屏幕比例來(lái)選擇，一般手機(jī)是16:9，Pad是4:3。當(dāng)然，也可以自定義幻燈片的寬高尺寸。幻燈片尺寸在右側(cè)的“文稿”Tab中調(diào)整。

其次，編輯母版。母版有點(diǎn)類(lèi)似于Sketch中的Symbol，改變了其中的某個(gè)元素，所有使用這個(gè)母版的幻燈片都會(huì)出現(xiàn)相應(yīng)的改變。不同的是，母版的對(duì)象是整張幻燈片，而不是其中的某幾個(gè)元素組合，也就是說(shuō)，一張幻燈片只能選擇一種母版。如果你的所有幻燈片都需要加上logo或者水印，使用母版就很方便了。母版的編輯以及調(diào)用在右側(cè)的“格式”Tab中(選中幻燈片的情況下)。

最后，將你需要用到的圖片元素，按幻燈片順序整理好命名，以便于在后續(xù)調(diào)整構(gòu)件順序時(shí)使用(命名混亂會(huì)對(duì)調(diào)整構(gòu)件順序造成很大的干擾，在稍后構(gòu)件順序的時(shí)候會(huì)講到)。

Keynote中的動(dòng)效分為幻燈片之間的過(guò)渡動(dòng)效和單個(gè)元素的動(dòng)效。

幻燈片之間的過(guò)渡動(dòng)效有以下這些：

這里重點(diǎn)要介紹的是神奇移動(dòng)。它的原理是為兩張幻燈片中的同一個(gè)元素添加補(bǔ)間動(dòng)畫(huà)，通過(guò)這個(gè)元素在兩張幻燈片中的位置、大小、形狀、顏色、旋轉(zhuǎn)角度、透明度這些屬性差異來(lái)實(shí)現(xiàn)過(guò)渡動(dòng)畫(huà)。當(dāng)然，還可以選擇抹入抹出來(lái)使其過(guò)渡更自然。

單個(gè)元素的動(dòng)效又分為三個(gè)階段：出現(xiàn)、動(dòng)作、消失。

出現(xiàn)，顧名思義就是從無(wú)到有的一個(gè)過(guò)程，主要有以下這些：

動(dòng)作，主要是移動(dòng)、縮放、透明度、旋轉(zhuǎn)這些基本的屬性變化。大部分的動(dòng)效都是通過(guò)這些基本屬性的變化組合來(lái)產(chǎn)生的。

消失，顧名思義與出現(xiàn)相反，是一個(gè)從有到無(wú)的過(guò)程。

其中，打字效果和跟蹤這兩個(gè)動(dòng)效只針對(duì)文本才會(huì)有效果。

這么多的動(dòng)效，其中有一些還是蠻有意思的，比如“解體掉落”、“碎屑”、“轟然墜落”，這里就不展開(kāi)細(xì)講了，大家有興趣可以一一去嘗試一番。

使用動(dòng)效還有一個(gè)誤區(qū)就是，不是所有的頁(yè)面之間或者元素出現(xiàn)消失都是需要?jiǎng)有У模^(guò)多泛濫地使用動(dòng)效反而會(huì)給觀眾造成視覺(jué)疲勞，讓他們的關(guān)注點(diǎn)都集中在你的動(dòng)效上，從而對(duì)本身的演示內(nèi)容失去關(guān)注。

構(gòu)件順序是針對(duì)單張幻燈片內(nèi)添加了動(dòng)效的元素而設(shè)定的。可想而知，一張幻燈片內(nèi)的所有元素，很少會(huì)有同時(shí)產(chǎn)生動(dòng)作的情況，因此必然有個(gè)先后順序，這個(gè)順序就是構(gòu)件順序。通過(guò)構(gòu)件順序，可以組合出變化多端的動(dòng)畫(huà)效果來(lái)。

構(gòu)件順序分為三種：一起、之后、點(diǎn)按。如下圖：

可以看到，通過(guò)構(gòu)件順序列表上兩個(gè)構(gòu)件之間的樣式變化，我們就可以一眼區(qū)分出它們之間是什么順序。一起，兩個(gè)構(gòu)件連在一起并且中間沒(méi)有分隔線；之后，兩個(gè)構(gòu)件連在一起中間有分隔線；點(diǎn)按，兩個(gè)構(gòu)件不相連。

點(diǎn)按比較好理解，就是兩個(gè)構(gòu)件動(dòng)作之間需要手動(dòng)控制。下面重點(diǎn)來(lái)講一下，“一起”與“之后”。我們通過(guò)時(shí)間軸的形式，來(lái)讓大家更容易理解。

當(dāng)然，我們還可以設(shè)置延遲時(shí)間，讓構(gòu)件交替動(dòng)作。

前面我們提到過(guò)，要為圖片元素整理命名，其目的就是在構(gòu)件順序列表中便于查看。如果我們沒(méi)有整理命名，那一張幻燈片中的構(gòu)件順序列表可能就是如下圖這樣：

那么這時(shí)候，我們?nèi)绻{(diào)整其中一個(gè)元素的動(dòng)作順序就顯得異常困難了。因?yàn)樵谖枧_(tái)區(qū)域中，這些元素可能都是疊加在一起的，想要通過(guò)點(diǎn)選找到元素幾乎是不可能的，而構(gòu)件順序列表中的命名也顯得很混亂……

此外，即使是整理命名了這些元素，最好也不要把許多動(dòng)效做在一張幻燈片中。原因同上，如果后期要修改，尋找起來(lái)也是非常困難。我們可以利用幻燈片之間的自動(dòng)過(guò)渡效果來(lái)將它們拆分到不同的幻燈片中。

圖中在第2張幻燈片與第3張幻燈片之間選擇“無(wú)過(guò)渡效果”，且開(kāi)始過(guò)渡設(shè)置為“自動(dòng)”，延遲“0秒”，那么第2張幻燈片播放完，就自動(dòng)無(wú)縫進(jìn)入第3張幻燈片了。

做完了演示稿，那么就要開(kāi)始準(zhǔn)備演講了。首先需要考慮的問(wèn)題就是文件大小了，如果圖片內(nèi)容不多倒還好，一旦圖片較多，整個(gè).key文件就會(huì)變得很大。這時(shí)候我們可以先壓縮圖片再將其置于Keynote中，或者有一些元素或者文字可以通過(guò)Keynote直接繪制，就不要采用圖片的形式了。這樣可以將.key文件的體積大大縮小。

其次，Keynote的版本也是需要考慮的問(wèn)題，最好可以拿到演示所用的電腦來(lái)演示一遍，作者就曾經(jīng)因?yàn)檐浖姹締?wèn)題導(dǎo)致一個(gè)動(dòng)效無(wú)法展現(xiàn)，進(jìn)而影響了那個(gè)片段的演講。

此外，我們不可能講所有要講的內(nèi)容全部呈現(xiàn)在幻燈片上，適當(dāng)?shù)淖⑨屖潜夭豢缮俚摹?

添加完成的注釋我們可以在演講者模式中看到。

演講者模式中，我們還可以看到當(dāng)前幻燈片、下一張幻燈片以及還有多少個(gè)構(gòu)件動(dòng)效沒(méi)有播放。在頂部，靠左的是當(dāng)前時(shí)間，靠右的則是定時(shí)器，可以設(shè)置成計(jì)時(shí)器或者倒計(jì)時(shí)來(lái)幫助我們控制演講時(shí)間。

最后，如果你不在電腦邊上而又不想別人幫你控制幻燈片播放時(shí)，可以利用iPhone來(lái)遙控播放。打開(kāi)iPhone上的Keynote，點(diǎn)擊右上角的遙控模式進(jìn)入如下圖左側(cè)的界面，然后前往Mac端的Keynote，進(jìn)入偏好設(shè)置，選擇遙控器，然后連接上你的iPhone(需要在同一WiFi下)，iPhone上的界面就會(huì)提示你開(kāi)始播放幻燈片。

這時(shí)，你的iPhone就變身為一個(gè)遙控器了，并且點(diǎn)擊右上角的菜單還有激光筆功能，便于你在演講過(guò)程中做臨時(shí)批注。

這篇文章旨在幫助你更充分地運(yùn)用Keynote來(lái)傳播分享知識(shí)、展示設(shè)計(jì)作品，并不能美化你的幻燈片。想要做出美觀大方的幻燈片其本質(zhì)還是需要版式排列、色彩搭配這樣的基礎(chǔ)技能；同樣，酷炫的動(dòng)效也需要多欣賞臨摹別人的作品才能運(yùn)用得恰到好處。

藍(lán)設(shè)計(jì)( www.lapeinture.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)