首先如果你小團隊或者個人開發(fā),當然可以用Xcode劣像,如果大公司跨部門審核調(diào)整各種乡话,還是有個快速的原型。
吐槽一下:各種說用Xcode的無非就是顯擺一下自己寫代碼牛掰而已耳奕。真讓他做個8屏以上明天要的他就尿了绑青。特別討厭知乎現(xiàn)在這些抖機靈的。有勁嗎屋群。
如你要求闸婴,可交互。包括常用的Axrue芍躏,我試用過下面提到的所有軟件邪乍,分別完整產(chǎn)出過不同的原型,還有一些市面上的你一看它介紹圖還在用ios6的就知道不必了对竣,說明很久沒更新了庇楞。
下面這些是我按照不同的特點進行了歸類,視你的具體情況而定吧否纬。
我在選擇軟件這個過程中糾結了很久吕晌,也是用過在領悟真正的原理。但是這段時間的摸索對我以后也有很大幫助临燃。
輕巧型
低保真睛驳;無控件;iOS膜廊;少交互乏沸;免費。
Pop
非忱B郏火的一款原型軟件屎蜓,第一次滿足了大家人人都是產(chǎn)品經(jīng)理的感覺。
方法:拍照--添加觸控區(qū)--轉(zhuǎn)場方式--選擇圖片
平臺:全手機操作
缺點:分享不便钥勋。動畫有如側(cè)滑炬转、展開、消失算灸,快現(xiàn)的搖一搖扼劈。操作只可以單擊。沒有控件菲驴,所有東西都靠你的照片荐吵。
Tapcase
基本和pop一樣,就是軟件本身的UI更ios7一點,其他都一樣先煎,也是導入圖片贼涩,加熱區(qū)就好了。缺點也是一樣的薯蝎。
總結:輕巧型的就是適合簡單軟件且是早期遥倦,在手機上稍微復雜一點的就痛不欲生了。但問題是占锯,如果簡單到這么輕松了袒哥,那真的還需要用軟件模擬嗎?真的在紙上畫更輕松吧消略。點擊這種交互也不需要模擬了吧堡称。
專業(yè)型
高保真度;自帶控件艺演;Mac+iOS却紧;全交互;收費+免費
UIDesigner + UIDPlayer
騰訊出品的原型軟件钞艇,中文啄寡,操作簡單,符合國人習慣哩照,容易上手挺物。方便分享。
方法:windows電腦安裝UIDesigner飘弧,使用現(xiàn)成控件進行可視化搭建识藤,調(diào)試后通過網(wǎng)盤等方式發(fā)到iOS設備,用UIDPlayer打開即可次伶。
平臺:只支持Win+?iOS痴昧。可能也是優(yōu)點冠王,僅有的專門支持Win平臺的原型軟件赶撰。
缺點:吹毛求疵吧,逼格不高柱彻。
Briefs + Briefscase
這是我最近發(fā)現(xiàn)非常好的一款軟件豪娜,好在對交互的支持上,如果調(diào)整細膩一點哟楷,幾乎可以以假亂真瘤载。我是用它在UI定稿的情況下,提前當完成品測試交互體驗的卖擅。當然也自帶控件鸣奔,用于原型設計墨技。
還有三種模式,場景模式(Scene View )和細節(jié)模式(Details View)分別負責交互設計和UI設計兩個部分挎狸,在設計完成后可以在第三個模式(Overview)查看整個APP的架構扣汪。
方法:在場景模式中,添加Actors(按鈕伟叛,文本段落私痹,文本熱點)和Actions(觸發(fā)動作),可以設置界面跳轉(zhuǎn)時的TRANSITION效果统刮,聲效,延時账千,Retina 空間等交互體驗輔助特效侥蒙。
然后在iOS設備上安裝Briefscase,通過Dropbox同步后使用匀奏。
缺點:貴鞭衩。1298元,感受一下娃善。標注起來還是不太趁手论衍。通過dropbox同步有點慢,又沒辦法加快聚磺,只能生等坯台。可以先試用一下瘫寝,覺得好再入手吧蜒蕾。
Blueprint + viewer
我最早用的原型軟件,現(xiàn)在制作出的原型已經(jīng)出現(xiàn)在App Store里拉焕阿。Sakura Day咪啡。
當時用免費的功能(2個項目,無法導入dropbox圖片暮屡,無自定義控件)就做出來了撤摸。后來接手公司大項目,專門買了完整版128元褒纲。
但是注意准夷,這是用iPad做,iPhone或者iPad看外厂,沒有電腦版的冕象。我當時就是為了地鐵上可以用,是優(yōu)點也是缺點汁蝶。
方法:基本都一樣渐扮,就是在iPad上操作论悴。觸控不那么精確,但是操作體驗很好墓律,完整版的自定義庫按鈕很多很豐富膀估。
平臺:iPad + iOS
缺點:最重要的就是只能在iPad上編輯,我做了個大型的項目耻讽,打開還是稍慢點察纯,但是穩(wěn)定,操作多了有點累针肥。分享需要對方裝軟件饼记,而且生成的項目文件會很大。
總結: 專業(yè)軟件還有很多慰枕,各有千秋具则,這兩個是最快支持iOS7的,說明他們很重視產(chǎn)品保證更新具帮。但是價格確實也是不菲博肋,優(yōu)缺點很明顯,不符合國人習慣蜂厅。騰訊那個整體是很不錯了匪凡,除非你和我一樣只用mac。
HTML型
中保真度掘猿;自帶控件病游;全平臺;需聯(lián)網(wǎng)术奖;少交互礁遵;收費+免費
Flinto
我是通過下面提到的Icon Stricker發(fā)現(xiàn)的這個網(wǎng)站,試用了一下發(fā)現(xiàn)采记,它的特點是快捷的熱區(qū)和轉(zhuǎn)場操作佣耐,但是完全不帶控件,也就是網(wǎng)頁版的?pop唧龄。需要你自己準備好圖片兼砖,不管是UI還是UE,這里只負責交互既棺。
最大的亮點就是支持滾動讽挟,前面提到的那些軟件,都需要通過轉(zhuǎn)場實現(xiàn)長圖滾動丸冕,這個可以原生支持耽梅。
方法:傳圖,熱區(qū)胖烛,轉(zhuǎn)場眼姐∽缑裕看起來操作很簡單。
平臺:全平臺众旗。
缺點:30天免費期罢杉,按月收費。不支持控件贡歧。需要瀏覽器支持滩租。
Fluidui
最受推崇的網(wǎng)頁版原型網(wǎng)站±洌控件從iOS到Android到WP律想。也是可以免費一個項目少量屏幕,然后按月收費绍弟。
方法:添加控件蜘欲,熱區(qū),轉(zhuǎn)場晌柬。
缺點:我用網(wǎng)頁版的還是感覺有點遲緩,不痛快郭脂。勝在控件實在很全年碘,這個是很多桌面軟件都不支持的。如果針對安卓或者WP,實在沒什么更好的選擇了展鸡。
總結:分享方便屿衅,輕量級是最大優(yōu)點。但是按月付費這個我覺得大公司不會承擔這筆費用莹弊,小公司有沒有必要花費在這方面都值得商榷涤久。速度也確實有點問題。交互也不如專業(yè)型那么靈活忍弛。
超大型
高保真度响迂;可拓展控件;自定義庫细疚;適配蔗彤;少交互;收費疯兼。
Axure
繞不開的巨人然遏,就像圖片界的PS,文字界的Word吧彪。它最大的特點就是別人都用它(雖然大多是盜版)待侵,我之前也存了顯出不同逼格的心試了前面那么多軟件,最后繞了一大圈還是回到了它的懷抱姨裸。
回來的原因主要有三
大家都在用秧倾。這個沒辦法怨酝,溝通,傳輸中狂,修改都方便凫碌,PC+mac都可以看。你自己逼格到了胃榕,人家都感受不了有什么用呢盛险。
確實強大,熟練使用庫和自定義控件后勋又,效率大幅提升苦掘,遠勝專業(yè)型。
生成的HTML頁面自帶左側(cè)目錄邊欄楔壤。是的鹤啡,這就是我棄用OmniGraffle的主要原因。
方法:不再贅述了蹲嚣,總之要用好自定義控件递瑰,這個會讓效率成倍提升。
缺點:生成的原型在移動端很難用隙畜。是有方法的抖部,其實也不錯了,但是我還是懶得費心研究议惰。之所以用這個就是為了給開發(fā)和寫文檔慎颗,很多標注和邏輯流程,沒必要做出交互言询。所以不考慮用它做交互俯萎,你真都做成交互了,難道還要工程師挨個點開才能看到邏輯运杭?
OmniGraffle
為了捍衛(wèi)mac的逼格夫啊,我用了幾天就放棄了。不可否認县习,OG在調(diào)整控件時的流暢穩(wěn)健涮母,草圖的美觀(前提是你用英文)等方面,能讓你享受整個制作過程躁愿,這是很少見的叛本。但是我一直搞不懂畫布層共享層等等的關系,用起來失誤頻繁彤钟,而且来候,生成的html沒有目錄啊,文檔可讀性差逸雹。
方法:不再贅述营搅。
缺點:除了前面所說云挟,僅支持mac,生成的交互原型更難用到手機上转质。
總結: 是的园欣,這兩個軟件不光是用來做移動交互原型的,他們的強大體現(xiàn)在非常多的領域休蟹,但是針對移動交互原型而言沸枯,都不適合。A勝在文檔和大家都用赂弓,所以在個方面就屈從了吧绑榴。
輔助型
特定功能(動畫;圖標盈魁;投影)
Quartz Composer
就是專門用來制作交互動畫原型的產(chǎn)品翔怎,免費,但是需要蘋果開發(fā)者賬號杨耙,學習曲線非常高赤套,但是可以制作非常精美的強交互動畫。
Facebook Paper的動畫原型制作工具Origami及實現(xiàn)代碼Pop
Liveview
PS play等都可以快速把電腦上的內(nèi)容投影到手機上珊膜。但是唯獨liveview可以支持交互于毙。打開交互模式后,電腦端可以接受手機的點擊和滑動手勢辅搬。非常強大。
Icon Stricker
專門用來測試icon的網(wǎng)站脖旱,出自Flinto堪遂。快速在主屏查看圖標萌庆。
總結
我現(xiàn)在對原型的流程是這樣的:
- 用Axure繪制UE圖溶褪,導出成手機尺寸圖片
- 導入Briefs或者pop,加入交互践险,體驗一下
- 把UI圖轉(zhuǎn)成黑白猿妈,在Axure里標注,寫文檔巍虫,生成html
- UI定稿再導入briefs彭则,高保真體驗