帶交互的產(chǎn)品原型可以用什么軟件制作?

帶交互的產(chǎn)品原型可以用什么軟件制作雏掠?

首先如果你小團隊或者個人開發(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

在Flinto中快速制作iOS原型

我是通過下面提到的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

極簡風格的Fluid UI快速原型圖工具

最受推崇的網(wǎng)頁版原型網(wǎng)站±洌控件從iOS到Android到WP律想。也是可以免費一個項目少量屏幕,然后按月收費绍弟。

方法:添加控件蜘欲,熱區(qū),轉(zhuǎn)場晌柬。

缺點:我用網(wǎng)頁版的還是感覺有點遲緩,不痛快郭脂。勝在控件實在很全年碘,這個是很多桌面軟件都不支持的。如果針對安卓或者WP,實在沒什么更好的選擇了展鸡。

總結:分享方便屿衅,輕量級是最大優(yōu)點。但是按月付費這個我覺得大公司不會承擔這筆費用莹弊,小公司有沒有必要花費在這方面都值得商榷涤久。速度也確實有點問題。交互也不如專業(yè)型那么靈活忍弛。

超大型

高保真度响迂;可拓展控件;自定義庫细疚;適配蔗彤;少交互;收費疯兼。

Axure

繞不開的巨人然遏,就像圖片界的PS,文字界的Word吧彪。它最大的特點就是別人都用它(雖然大多是盜版)待侵,我之前也存了顯出不同逼格的心試了前面那么多軟件,最后繞了一大圈還是回到了它的懷抱姨裸。

回來的原因主要有三

  1. 大家都在用秧倾。這個沒辦法怨酝,溝通,傳輸中狂,修改都方便凫碌,PC+mac都可以看。你自己逼格到了胃榕,人家都感受不了有什么用呢盛险。

  2. 確實強大,熟練使用庫和自定義控件后勋又,效率大幅提升苦掘,遠勝專業(yè)型。

  3. 生成的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堪遂。快速在主屏查看圖標萌庆。

輕量級圖標測試工具ICON STRIKE:快速主屏查看

總結

我現(xiàn)在對原型的流程是這樣的:

  1. 用Axure繪制UE圖溶褪,導出成手機尺寸圖片
  2. 導入Briefs或者pop,加入交互践险,體驗一下
  3. 把UI圖轉(zhuǎn)成黑白猿妈,在Axure里標注,寫文檔巍虫,生成html
  4. UI定稿再導入briefs彭则,高保真體驗
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市占遥,隨后出現(xiàn)的幾起案子俯抖,更是在濱河造成了極大的恐慌,老刑警劉巖瓦胎,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件芬萍,死亡現(xiàn)場離奇詭異尤揣,居然都是意外死亡,警方通過查閱死者的電腦和手機柬祠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門北戏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人漫蛔,你說我怎么就攤上這事嗜愈。” “怎么了惩猫?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵芝硬,是天一觀的道長。 經(jīng)常有香客問我轧房,道長拌阴,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任奶镶,我火速辦了婚禮迟赃,結果婚禮上,老公的妹妹穿的比我還像新娘厂镇。我一直安慰自己纤壁,他們只是感情好,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布捺信。 她就那樣靜靜地躺著酌媒,像睡著了一般。 火紅的嫁衣襯著肌膚如雪迄靠。 梳的紋絲不亂的頭發(fā)上秒咨,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天,我揣著相機與錄音掌挚,去河邊找鬼雨席。 笑死,一個胖子當著我的面吹牛吠式,可吹牛的內(nèi)容都是我干的陡厘。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼特占,長吁一口氣:“原來是場噩夢啊……” “哼糙置!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起是目,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤罢低,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體网持,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡宜岛,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了功舀。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片萍倡。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖辟汰,靈堂內(nèi)的尸體忽然破棺而出列敲,到底是詐尸還是另有隱情,我是刑警寧澤帖汞,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布戴而,位于F島的核電站,受9級特大地震影響翩蘸,放射性物質(zhì)發(fā)生泄漏所意。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一催首、第九天 我趴在偏房一處隱蔽的房頂上張望扶踊。 院中可真熱鬧,春花似錦郎任、人聲如沸秧耗。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽分井。三九已至,卻和暖如春霉猛,著一層夾襖步出監(jiān)牢的瞬間杂抽,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工韩脏, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人铸磅。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓赡矢,卻偏偏與公主長得像,于是被迫代替她去往敵國和親阅仔。 傳聞我的和親對象是個殘疾皇子吹散,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件八酒、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,033評論 4 62
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,525評論 25 707
  • 我數(shù)著日子空民,像查擺生命中的每一個棋子 時間真快,疾風厲雨般閃過 我細數(shù)嘆息,把生命中過往的瞬間認真掂量 一壺老酒界轩,...
    王子和白龍馬閱讀 365評論 2 3
  • 3諾破IP卡怕何楠拔罐罐画饥,
    塵埃里的空氣閱讀 112評論 0 0
  • Day18-活躍(18) 此文杜撰 這一天小區(qū)李大姐請了王老板過來做家具,王老板邊給李大姐安裝家具浊猾,邊聊天:“大姐...
    10活躍閱讀 742評論 1 2