iOS設(shè)備上高效演示APP原型的方法總結(jié)
相信許多產(chǎn)品和設(shè)計(jì)師童靴都可以用原型設(shè)計(jì)工具制作制作出逼真的產(chǎn)品交互原型，如果能方便、直接地在 iPhone上演示這些APP原型，對(duì)于我們模擬用戶真實(shí)體驗(yàn)，展示設(shè)計(jì)亮點(diǎn)都有很大幫助。壯壯結(jié)合自己這幾天閱讀資料和摸索實(shí)踐，總結(jié)了一下個(gè)人認(rèn)為最 高效的方法，希望對(duì)在iPhone上演示APP交互原型有困擾的童靴們有所幫助。 首先，簡單介紹下我了解到的制作及演示APP原型的工具:
1.上手難易度：POP、快現(xiàn)最輕巧簡單，用手機(jī)拍下腦暴、手繪草圖，添加熱區(qū)，立即可以在 iPhone上演示原型，并且POP內(nèi)嵌的交互動(dòng)作如側(cè)滑、展開、消失，快現(xiàn)的搖一搖等，即可滿足一般的動(dòng)態(tài)演示需要；iMockups、Mockop、 Grafio Lite等工具內(nèi)嵌iPhone 控件庫，可導(dǎo)入設(shè)計(jì)稿圖片，在產(chǎn)品構(gòu)思階段使用較方便；Flash、Fireworks需要一定的編程or代碼基礎(chǔ)；Axure入門簡單，熟練精通有門 檻~~~
2.功能性：功能最強(qiáng)大全面的當(dāng)屬Axure，用好動(dòng)態(tài)面板，多數(shù)交互效果都可實(shí)現(xiàn)，PC端、移動(dòng)真機(jī)上都可演示原型。
3.使用效率：個(gè)人來言還是Axure，日常設(shè)計(jì)稿通常用Axure完成，原型素材導(dǎo)入、更改 十分方便；UIDeigner內(nèi)置了大量的iPhone控件，自定義模版的使用對(duì)于團(tuán)隊(duì)協(xié)作十分高效，用UIDPlayer即可在iOS設(shè)備上演示移動(dòng)原 型，只期待UIDeigner盡快增加更多的交互動(dòng)作；Keynote、 PPT添加鏈接過于繁瑣，而且不易更改。
鑒于自己的使用經(jīng)驗(yàn)，我的總結(jié)主要針對(duì)如何在IOS設(shè)備上高效地演示Axure（v6.5)制作的高保真原型。按演示原型的查看方式分，演示方式分為兩種：Web APP模式和APP打開模式，對(duì)比兩種模式的使用條件、使用方法及演示效果如下表：
綜合以上幾點(diǎn)，個(gè)人比較推薦“APP打開模式”,雖然需要花費(fèi)６.00元購買Atomic Web APP，但離線也可以演示，不受網(wǎng)絡(luò)環(huán)境限制，并且原型導(dǎo)入、頁面打開、更新的速度都比較快，不擔(dān)憂原型在線被盜等安全問題。而Web APP模式最贊的 一點(diǎn)是能夠在桌面生成圖標(biāo)，還原初始進(jìn)入體驗(yàn)，但是在線演示原型的信息安全讓人覺得不靠譜。補(bǔ)充一點(diǎn)，支持“APP打開模式”的APP還有iZip、 GoodReader、Mercury，但它們?cè)谌溜@示、頁面跳轉(zhuǎn)等方面都不及Atomic理想。無論哪種模式，想要在iOS設(shè)備上完美地、高效地演示 app原型，先要做好生成原型時(shí)設(shè)置工作，完成原型界面與屏幕分辨率的適配。
打開Generate（F5)生成原型對(duì)話框，選中Mobile/Device
下面詳細(xì)介紹兩種演示模式的應(yīng)用
APP打開模式（6.00購買Atomic Web作為演示原型的工具）
Web APP 打開模式
原型制作時(shí)還有幾點(diǎn)注意事項(xiàng)：
1.頁面命名最好都用英文，以防中文在解壓時(shí)出現(xiàn)亂碼；
2.APP主頁面不要用index來命名，否則打開Index時(shí)默認(rèn)隱藏側(cè)邊欄，后續(xù)無法復(fù)制URL；
3.設(shè)計(jì)尺寸大小取決于選擇的演示方式：a).Web APP模式：屏幕高度-ios設(shè)備狀態(tài)欄高度,eg:設(shè)計(jì)尺寸=480-20px=460px;b).APP打開模式：采用設(shè)備默認(rèn)尺寸
寫在最后：
原型設(shè)計(jì)、演示相關(guān)的工具&應(yīng)用的增長和更新的速度實(shí)在太快，本人接觸使用地很有限，大家有更好的推薦歡迎留言交流；原型演示僅僅只是產(chǎn)品設(shè)計(jì)師表現(xiàn)想法的手段，毋須拘泥于工具，所以挑自己最順手的，走起吧~
參考文獻(xiàn)：
1.App are alive when Viewing on Your iPhone
2.Desining apps using the iPhone App Template
3. 把a(bǔ)xure生成的html原型導(dǎo)入到iPad或iPhone的方法
5.用 Axure 制作的 app 原型生成后放到手機(jī)上，如何演示效果最佳？
6：移動(dòng)App原型設(shè)計(jì)神器 – POP（Prototyping on Paper）
7.Web Applications 開發(fā)技巧(一)
