【李志超的回答(110票)】:
蘋(píng)果就自己有個(gè)專(zhuān)門(mén)制作原型的團隊，他們流竄在各個(gè)項目組之間包攬所有的原型制作工作，包括動(dòng)畫(huà)和交互。他們的主要工具就是Keynote。
這來(lái)自于WWDC 2014 Session Videos里有個(gè)視頻Prototyping: Fake It Till You Make It ，就是他們指導如何用Keynote做出逼真的交互原型的，這段我也是剛看到，其實(shí)一直想補到之前的答案里。下面結合這個(gè)視頻的截圖可以介紹下他們是怎么充分發(fā)揮Keynote的特點(diǎn)的。
綜述一下先：
首先：制作靜態(tài)圖。
2. 對照一些線(xiàn)框圖可以繼續鋪色塊和布局，這個(gè)過(guò)程中你會(huì )發(fā)現這個(gè)對齊和吸附的過(guò)程是多么的神奇。2. 對照一些線(xiàn)框圖可以繼續鋪色塊和布局，這個(gè)過(guò)程中你會(huì )發(fā)現這個(gè)對齊和吸附的過(guò)程是多么的神奇。
3. 導入圖片，Keynote有很多種方式可以調整素材樣式，包框，陰影，透明圖，實(shí)時(shí)遮罩等等。是的，你可以用PS慢慢玩，也可以用keynote一鍵完成。3. 導入圖片，Keynote有很多種方式可以調整素材樣式，包框，陰影，透明圖，實(shí)時(shí)遮罩等等。是的，你可以用PS慢慢玩，也可以用keynote一鍵完成。
4. 很多人用原型軟件是看中那些控件，其實(shí)大多數控件還不如自己在Keynote里制作快速。而且Keynote自帶了很多標志和Icon，完全不用到處去找了。比如這個(gè)例子里的打分用五星，改個(gè)黃色就可以了。4. 很多人用原型軟件是看中那些控件，其實(shí)大多數控件還不如自己在Keynote里制作快速。而且Keynote自帶了很多標志和Icon，完全不用到處去找了。比如這個(gè)例子里的打分用五星，改個(gè)黃色就可以了。
5. 依次類(lèi)推，可以很快做出很多頁(yè)面，導出圖片格式，在手機中查看5. 依次類(lèi)推，可以很快做出很多頁(yè)面，導出圖片格式，在手機中查看
第二階段，假互動(dòng)，加入動(dòng)畫(huà)效果。具體關(guān)于為何這么做，每個(gè)階段完后的反饋過(guò)程，目標等等原理的東西請大家看視頻或者PDF吧，這里主要說(shuō)下過(guò)程和他們是怎么充分發(fā)揮Keynote在原型制作中的特點(diǎn)的。
比如這個(gè)假互動(dòng)的階段，如果你不用Xcode的話(huà)，這個(gè)就是交互原型的最后階段了?；驹砭褪腔钣脠D片，活用物件動(dòng)畫(huà)，活用轉場(chǎng)動(dòng)畫(huà)，足以做出以假亂真的原型，只要你的測試用戶(hù)不要瞎點(diǎn)......
關(guān)于Keynote自帶的動(dòng)畫(huà)有非常多種和微調效果，起初我不是很理解，因為很多花哨的效果很難用到幻燈片里，直到開(kāi)始做原型發(fā)現，其實(shí)很多動(dòng)畫(huà)經(jīng)過(guò)調整都是很好的交互效果，包括現在看到的一些令人驚艷的反彈，延遲等逼真的細節動(dòng)作，Keynote早就可以微調模擬了。
據說(shuō)錘子手機和蘋(píng)果的很多交互效果，都是先用Keynote做出來(lái)再給工程師寫(xiě)出來(lái)的。（是文末附的許岑視頻中說(shuō)的，好像是，記不清了，無(wú)責任據說(shuō)預警）
1. 制作動(dòng)畫(huà)有很多方式，可以根據你的職業(yè)，習慣選擇不同的方法。
也有很多很巧妙的方式，其中最簡(jiǎn)單，最快的就是一定要靈活運用圖片。靈活到什么程度，我舉個(gè)視頻里面全場(chǎng)爆笑的例子。動(dòng)畫(huà)是這樣的：敲擊鍵盤(pán)，字符一個(gè)個(gè)的蹦著(zhù)出現在屏幕上。里面說(shuō)，我可以只用一行或者干脆不用代碼就做出來(lái)。這個(gè)用Keynote就可以實(shí)現，各位可以想想。也有很多很巧妙的方式，其中最簡(jiǎn)單，最快的就是一定要靈活運用圖片。靈活到什么程度，我舉個(gè)視頻里面全場(chǎng)爆笑的例子。動(dòng)畫(huà)是這樣的：敲擊鍵盤(pán)，字符一個(gè)個(gè)的蹦著(zhù)出現在屏幕上。里面說(shuō)，我可以只用一行或者干脆不用代碼就做出來(lái)。這個(gè)用Keynote就可以實(shí)現，各位可以想想。
他們是這樣做的：他們是這樣做的：
每個(gè)字母做了個(gè)圖片......
還可以通過(guò)調整圖片的排序大小制作不同的效果。
2. 特別提到一個(gè)Keynote獨有的“神奇移動(dòng)”效果?？梢园亚耙豁?yè)中的物件移動(dòng)或放大到下一頁(yè)中。效果非常出眾。
好了，其實(shí)至此，絕大多數的動(dòng)畫(huà)效果都可以做出來(lái)了。如果不滿(mǎn)足于此，學(xué)點(diǎn)簡(jiǎn)單的語(yǔ)法，在Xcode里只用針對圖片和交互相關(guān)的代碼就可以做出更加逼真的原型了。好了，其實(shí)至此，絕大多數的動(dòng)畫(huà)效果都可以做出來(lái)了。如果不滿(mǎn)足于此，學(xué)點(diǎn)簡(jiǎn)單的語(yǔ)法，在Xcode里只用針對圖片和交互相關(guān)的代碼就可以做出更加逼真的原型了。
然后比較一下如果用代碼實(shí)現和用Keynote的差別然后比較一下如果用代碼實(shí)現和用Keynote的差別
回顧一下三個(gè)階段：回顧一下三個(gè)階段：
這里就是蘋(píng)果官方的原型是如何以Keynote為主要工具制作一個(gè)足以亂真的App。這里就是蘋(píng)果官方的原型是如何以Keynote為主要工具制作一個(gè)足以亂真的App。
我把視頻和文檔都傳到了百度盤(pán)里Keynote_免費高速下載
另外關(guān)于Keynote的使用方法，推薦大家在 http://weibo.com/xucen 里跟著(zhù)學(xué)習，足以從零開(kāi)始做完原型，還可以做個(gè)漂亮的幻燈片忽悠投資去，一舉兩得！
【林韜的回答(9票)】:
第一，因為Keynote免費。
第二，Keynote內建常用的動(dòng)畫(huà)效果而且品質(zhì)不錯。
第三，Keynote很容易學(xué)。
第四，Keynote可以在iPhone和iPad上面跑。所以如果你用的是Mac，你基本就白撿了一個(gè)做快速原型的工具。如果你想做一個(gè)簡(jiǎn)單的初期概念原型（Proof Of Concept），用Keynote真的是一個(gè)簡(jiǎn)單快速便宜的工具。我覺(jué)得它的價(jià)值在于用很低的成本讓設計師快速驗證一些早期的想法。
【MaggieKuo的回答(4票)】:
Keynote 的超便捷以及容易學(xué)的這些特點(diǎn)，造就了設計團隊裡的”人人都能做UI demo”, “人人都能探索 UI 的動(dòng)態(tài)效果”。
最怕設計師早期在跟團隊溝通設計想法的時(shí)候，就拿出一個(gè)靜態(tài)的東西，然後要大家想像這個(gè)按鈕按下去會(huì )變色還會(huì )放大，那個(gè)頁(yè)面換頁(yè)是從左邊翻滾進(jìn)來(lái)，諸如此類(lèi)的。這種做法的問(wèn)題在於，這無(wú)法確保大家腦海裡的畫(huà)面是同步的，我也就不提團隊想法不同步的後果了。大多時(shí)候並不是這些設計師不懂得做 demo，而是要用After Effect或者其他專(zhuān)業(yè)動(dòng)畫(huà)軟件來(lái)做出效果圖，實(shí)在費時(shí)又耗精神。
Keynote基本上不需要設計師級別的專(zhuān)業(yè)技巧，只要你會(huì )做報告，曾經(jīng)用過(guò)Keynote或者 PowerPoint, 都能在幾個(gè)小時(shí)內上手。這對交互設計團隊來(lái)說(shuō)的幫助就是，讓內部的設計溝通變得更有快，更精準，更有效率。
【知乎用戶(hù)的回答(4票)】:
我現在所在的團隊也有成員使用 Keynote 製作動(dòng)畫(huà)，有交互動(dòng)畫(huà)也有產(chǎn)品宣傳動(dòng)畫(huà)。我自己還用 Powerpoint 製作過(guò)視覺(jué)完成度很高的動(dòng)畫(huà)。
幾個(gè)原因：
1. （ 所謂）扁平化設計的視覺(jué)風(fēng)格 UI 細節並不複雜，可以較簡(jiǎn)單的用 Keynote 實(shí)現。
2. Keynote 有很多簡(jiǎn)單好用的 transition 可以使用，Magic Move 更是神器，整體製作過(guò)程很快。
3. 為展現交互的動(dòng)畫(huà)通常都不複雜。
4. Keynote 能直接輸出 mov 等常用視屏格式，易於在下一步的編輯（例如 iMovie） 中使用。
5. 相對之下，Flash 或 AE 雖然強大，但速度會(huì )比較慢，對於新手難度也比較大。
提供幫助。
0. 有些交互問(wèn)題可以通過(guò)動(dòng)畫(huà)來(lái)解決，這裏暫不展開(kāi)?？梢詤⒖?iOS 7 及扁平化設計給交互設計帶來(lái)哪些啟發(fā)？
1. 對任務(wù)流的說(shuō)明: 經(jīng)常遇到合作方對 keyscreen 之間的轉換關(guān)係，甚至產(chǎn)品整體的工作流，沒(méi)有直觀(guān)認識（主要是因為沒(méi)有深入到項目中啊喂），動(dòng)畫(huà)可以很生動(dòng)的向對方說(shuō)明這些問(wèn)題。
2. 對細節的說(shuō)明：有時(shí)候 keyscreen 之間的中間態(tài)或特殊態(tài)用大量的圖或絮叨的文字很難描述具體，而一個(gè)動(dòng)畫(huà)經(jīng)常能無(wú)聲地傳遞這些信息。
3. Engaging：會(huì )動(dòng)的、完成度高的、Alive 的設計 demo 是很有吸引力的。非常有助於提升合作方對 design proposal 的認同感。
4. 提高對實(shí)現的要求：上下游此時(shí)對最終實(shí)現的期許已經(jīng)提高了，具體、詳盡、直觀(guān)的動(dòng)畫(huà)也限制了設計稿與實(shí)現之間的灰色地帶。
【李江華的回答(3票)】:
作為一個(gè)工具控，我曾經(jīng)用keynote做過(guò)原型，如果不是keynote不支持各種動(dòng)作事件（懸停、雙擊、滑動(dòng)、長(cháng)按...各種），我認為keynote幾乎可以把市面上各種交互原型軟件爆出翔來(lái)。
1.用keynote畫(huà)各種原型，低高保真，keynote簡(jiǎn)直是毫無(wú)壓力，這個(gè)可以說(shuō)不會(huì )輸給市面上任何一款交互原型軟件
2.用keynote做各種動(dòng)畫(huà)效果，秒殺市面上的各種號稱(chēng)交互原型軟件
【nfsking的回答(2票)】:
我在上上家公司打工的時(shí)候，公司老總還用PPT做呢，有什么好奇怪的。。。。。
雖然這類(lèi)工具在某些場(chǎng)合下確實(shí)不那么順手，但現在很多人做原型也好，做交互也好，偏離了這件事的本質(zhì)：能讓做后續工作的同事看懂并嚴格執行就好，何必非要為了用某個(gè)工具而用某個(gè)工具？
【知乎用戶(hù)的回答(1票)】:
謝邀。
快速原型是在軟件開(kāi)發(fā)中，交互設計階段比較有用的方法。目的在于：
1、交互設計師設計平面稿后，其實(shí)還有很多問(wèn)題尚不明確，這時(shí)可簡(jiǎn)單交互的原型就可以幫助設計師、產(chǎn)品經(jīng)理更早的評估自己的設計是否可行；更重要的是，類(lèi)似Keynote的原型可以直接交由用研團隊（或由設計師本人）進(jìn)行可用性測試，獲得一手的反饋，這個(gè)反饋比紙面原型來(lái)的更加直接，包括簡(jiǎn)單視覺(jué)、顏色、動(dòng)畫(huà)的展示都可以豐富的集成在這類(lèi)原型中；
2、對于軟件工程師，較豐富的交互原型可以更好的理解設計師的意圖，從而更有效率的進(jìn)行開(kāi)發(fā)，或評估設計；
3、對于測試團隊，也可以借由此來(lái)測試軟件界面的實(shí)現程度，幫助把控質(zhì)量；
4、對于其他關(guān)系職業(yè)，可交互的原型能夠幫助產(chǎn)品設計在項目組內部更好被理解，從而減少缺乏溝通帶來(lái)的開(kāi)發(fā)風(fēng)險點(diǎn)；
5、也非常重要的一點(diǎn)，是由于這類(lèi)由Keynote、PPT或asure生產(chǎn)的原型，制作簡(jiǎn)單，好玩容易不傷手，能非常好的貼合敏捷開(kāi)發(fā)、快速迭代的產(chǎn)品周期。通常設計師本人稍加練習，1~2個(gè)小時(shí)就能很快的做出某些功能或交互的原型。至于哪個(gè)工具我覺(jué)得并不重要，看個(gè)人習慣和喜好了。
總之，在要求快速迭代的大部分移動(dòng)互聯(lián)網(wǎng)產(chǎn)品中，一些改良、精簡(jiǎn)過(guò)的設計和測試方法，比起完整的UCD流程更加實(shí)用和好用。各類(lèi)方法、技術(shù)，其中關(guān)鍵是快、好用、簡(jiǎn)單，幫助設計師不用花大精力在“制作上原型上”，而是“思考解決方法中”，這才應是設計的本質(zhì)。思考才為設計，文檔只是承載，切勿本末倒置。
【曉生的回答(0票)】:
易用，做完直接在PPT當中展示方案，不用多個(gè)工具之間切換。
【邢風(fēng)的回答(0票)】:
瀉藥
沒(méi)用過(guò)這個(gè)，交互設計中，用什么工具都可以，只要能完整的表達自己的想法。給兄弟團隊解釋清楚，就可以了。此外，跟團隊的習慣有關(guān)系吧，阿里這邊，還是用AXURE的多，工具不重要的，想法才是優(yōu)先的，哪怕你用Word呢
【毛斌的回答(0票)】:
好的工具可以事半功倍，提高效率，也有個(gè)人習慣在里面，一前同事專(zhuān)業(yè)交互，原型基本都是用ppt畫(huà)的，效果也是非常震撼。
各種工具好比十八班武藝，挑一個(gè)自己使用最順手的即可，核心還是對用戶(hù)使用場(chǎng)景的理解和需求的揣摩。
各位PMer切勿本末倒置。
【威廉孫的回答(0票)】:
其實(shí)我也用Keynote做過(guò)類(lèi)似于動(dòng)畫(huà)的東西，當然我做的原因是這樣的：
1. 數字傳播技術(shù)老師要我們交一個(gè)動(dòng)畫(huà)（flash的）作期末作業(yè)打分用。
2. 我幾乎沒(méi)聽(tīng)flash課而且我對所有技術(shù)類(lèi)課程都不感興趣。
3. 我平常經(jīng)常要用Keynote做pre，那時(shí)候iCloud還沒(méi)有出iWork的那幾個(gè)件，所以我知道可以把Keynote文件導出成.mov格式然后用windows上面的QT放出來(lái)，效果和Keynote差不多。
4. 我當時(shí)下載的converter可以把所有格式的視頻轉換成flash文件。
根據1，2，3和4，我的做法就是：
1. 根據老師給出的主題，做出一個(gè)Keynote文件。
2. 排練好這個(gè)Keynote，根據我自己看著(zhù)舒服的順序調好時(shí)間軸還有動(dòng)畫(huà)效果等等。
3. 導出為.mov格式。此時(shí)這個(gè)mov文件會(huì )自動(dòng)播放，因為你已經(jīng)排練好了。
4. 導出為flash動(dòng)畫(huà)。
這樣做的直接結果是：
1. 我沒(méi)聽(tīng)flash課也得了分（雖然這樣投機取巧很不好）。
2. 由于keynote自帶的動(dòng)畫(huà)效果比較絢麗，做出來(lái)的效果遠遠超出一學(xué)期2學(xué)分的flash課能夠達到的水準，從而得到了老師積極評價(jià)。
這樣做的間接后果是：
這門(mén)課拿個(gè)非常不錯的分數。
此外Keynote的很多功能在你想偷懶的時(shí)候都很好用。比如懶得摳圖的話(huà)就把圖片粘貼到Keynote文稿當中，點(diǎn)Alpha，它就自動(dòng)幫你把圖摳好了，截屏出來(lái)就可以用，粘貼到你想要的背景當中。
什么？你說(shuō)背景顏色不符？……Mac OS X上面自帶的測色筆，你測一下你要用的那個(gè)背景顏色（僅限于單色），然后設置背景RGB值，就可以了呀XD
僅供參考。
【cellier的回答(0票)】:
瀉藥。
————
最近一直在用Keynote做原型，最深的體會(huì )是，Keynote真的做到了簡(jiǎn)『?jiǎn)巍粌?yōu)雅，稍微有點(diǎn)審美的人都能做出『大片級』的效果。
現在動(dòng)效越來(lái)越流行，但是一大部分的應用是因為動(dòng)效而動(dòng)效，而又因為自身沒(méi)把動(dòng)效真正的內涵搞清楚，所以做出來(lái)的動(dòng)效不符合『情感運動(dòng)曲線(xiàn)』，這也是我當前的團隊所缺的，而Keynote里面提供的動(dòng)畫(huà)，多是有『擬現實(shí)運動(dòng)』性的，非常有慣性感，讓用戶(hù)沒(méi)有突兀感。
當然，我最?lèi)?ài)用keynote的一點(diǎn)是，當你站在投影儀前，使用remote，（我用的是Remoter app），在眾人面前，使用手勢，然后流利操控著(zhù)幻燈片，腦海中浮現著(zhù)...jobs WWDC上那惟妙的... ...
咳咳，by the way，導出HTML的功能真不錯。
【金璐的回答(0票)】:
1. 交互設計師交付產(chǎn)物一般是靜態(tài)設計文檔，但有時(shí)一個(gè)好的Idea很難通過(guò)靜態(tài)圖表達或有特殊動(dòng)效呈現時(shí)，設計師為了讓項目成員能夠最大化知曉設計思路及創(chuàng )意點(diǎn)，會(huì )通過(guò)動(dòng)態(tài)形式傳達語(yǔ)意。
2. 一般繪制交互圖的工具有以下幾種：Visio、Axure、PPT、Keynote、Omnigraffle、Mockup、Flash等，其中Axure、PPT、Keynote、Flash可實(shí)現動(dòng)態(tài)跳轉，在這其中PPT和Keynote又屬于操作即可得的低成本工具，Keynote屬于OS平臺使用工具，PP他屬于Windows平臺使用工具，但Keynote上又有很多ppt不及的功能（如一樓 @李志超所答動(dòng)畫(huà)多樣，操作簡(jiǎn)單，效果完美等），而其直接對圖片的處理效果也是ppt不可匹及的，當然深受設計師的喜愛(ài)。
【徐濤的回答(1票)】:
因為他們用的apple不是windows
原文地址:知乎
聯(lián)系客服
