⑴ iOS原型圖設計什麼軟體好用
現在主流的原型界面設計軟體基本就那幾款吧,比如Framer、Shireframe、v-proto,前2款對技術和入門還是有要求的,後面者是國產,更符合國人使用習慣,而且零基礎的人也能很好地使用。
原型設計工具一定要能在工具內拖拉拽模塊或者通過大量模版集合,現場快速生成產品模型,可視化操作讓客戶思維得以具現化,高保真度還原需求,同時支持團隊協作辦公,需求即提即改,大大縮短交流成本和交付周期。這才是原型工具的本身存在的意義
⑵ ios有類似axure的軟體嗎
ios沒有類似axure的軟體。
Axure RP是一個專業的快速原型設計工具。Axure(發音:Ack-sure),代表美國Axure公司;RP則是Rapid Prototyping(快速原型)的縮寫。
Axure RP的使用者主要包括商業分析師、信息架構師、可用性專家、產品經理、IT咨詢師、用戶體驗設計師、交互設計師、界面設計師等,另外,架構師、程序開發工程師也在使用Axure。
axure界面共有九大板塊,分別是:菜單欄工具欄、頁面地圖欄、控制項欄、母板欄、頁面工作區、頁面屬性欄、交互屬性欄、控制項屬性欄、動態面板管理欄!
⑶ 帶交互的 iOS 產品原型可以用什麼軟體製作
像:AxureRP、UIDesigner都可以,下面有一些
輕巧型
低保真;無控制項;iOS;少交互;免費。
非常火的一款原型軟體,第一次滿足了大家人人都是產品經理的感覺。
方法:拍照--添加觸控區--轉場方式--選擇圖片
平台:全手機操作
缺點:分享不便。動畫有如側滑、展開、消失,快現的搖一搖。操作只可以單擊。沒有控制項,所有東西都靠你的照片。
Tapcase
基本和pop一樣,就是軟體本身的UI更ios7一點,其他都一樣,也是導入圖片,加熱區就好了。缺點也是一樣的。
**總結:**輕巧型的就是適合簡單軟體且是早期,在手機上稍微復雜一點的就痛不欲生了。但問題是,如果簡單到這么輕鬆了,那真的還需要用軟體模擬嗎?真的在紙上畫更輕松吧。點擊這種交互也不需要模擬了吧。
專業型
高保真度;自帶控制項;Mac+iOS;全交互;收費+免費UIDesigner+UIDPlayer
騰訊出品的原型軟體,中文,操作簡單,符合國人習慣,容易上手。方便分享。
方法:windows電腦安裝UIDesigner,使用現成控制項進行可視化搭建,調試後通過網盤等方式發到iOS設備,用UIDPlayer打開即可。
平台:只支持Win+iOS。可能也是優點,僅有的專門支持Win平台的原型軟體。
Briefs+Briefscase
自帶控制項,用於原型設計。
還有三種模式,場景模式(SceneView)和細節模式(DetailsView)分別負責交互設計和UI設計兩個部分,在設計完成後可以在第三個模式(Overview)查看整個APP的架構。
方法:在場景模式中,添加Actors(按鈕,文本段落,文本熱點)和Actions(觸發動作),可以設置界面跳轉時的TRANSITION效果,聲效,延時,Retina空間等交互體驗輔助特效。
然後在iOS設備上安裝Briefscase,通過Dropbox同步後使用。
缺點:貴。1298元,感受一下。標注起來還是不太趁手。通過dropbox同步有點慢,又沒辦法加快,只能生等。可以先試用一下,覺得好再入手吧。
希望可以幫到你,望採納謝謝~~~~~
⑷ 產品原型工具有哪些
那axure和騰訊cdc的uiddesigner,還有在線的fluidUI也可以考慮。其他好像沒有了吧。但除了axure,後兩者所謂的交互其實都是不同的界面截圖之間的切換,說白了就是多節點式結構的ppt,不是真正的交互。axure的思想更接近實際開發,比如通過master實現界面元素的封裝復用,條件判斷,函數,變數。這些功能除了開發工具,原型工具還有誰能比得上axure嗎?app原型相比網頁,界面結構簡單,但交互復雜得多。界面上的div也不是平鋪的,為了有效利用空間會用到很多層疊,卡片式之類的展示方式。要做這類高保真可交互原型,我覺得非auxre莫屬。比如一個tableview滑動到頂部刷新,底部回彈,不藉助開發只有axure能做出來。我從 年開始用axure,曾經一度認為做網站原型,axure已經不需要再怎麼改進了。自從做app之後,覺得axure有點根不上時代,但試了其他工具,還是覺得auxre最合適。仔細做過幾個以後,我覺得axure還是完全適合做app原型的。做好以後分享也方便。放到內網,或者axshare上,或者有一個htmlruntime的app,可以在設備上直接瀏覽axure輸出的html。當然axure作為一個工具,不可能每個環節都是最好的。比如我希望axure能借鑒一下其他工具和開發思想,把UI和素材分離出來,就像換皮膚一樣,一個控制項可以隨便更換圖片素材。這樣pm或者交互用最簡單的線框設計,確定交互以後,可以把設計師的圖貼上去,這樣就 %保真了。axure對app設計不友好或者說最落伍的地方,就是支持的事件類型太少。交互上無法模擬出多點觸摸,無法模擬設備運動,無法模擬各類感測器……或許對一個原型工具來說,要求太高了。
⑸ 原型設計軟體哪個好
「好用」這個詞本身就帶有主觀性。
只要自己熟悉的,並且掌握好的都是「好用」。
只能給你推薦目前比較常用的原型設計工具,
如:Axure、墨刀、uidesigner、Sketch等等。
⑹ 除Axure外,蘋果筆記本電腦是用什麼軟體來做交互原型的
POP(Prototyping on Paper)算是移動App原型設計神器 ,很多公司在用:uora、sina、豆瓣、36氪、ifanr操 作輕巧簡單:先用手機拍下草圖原型(存到POP app內);然後開始編輯圖片的哪個區域(按鈕)鏈接到什麼頁面,添加跳轉鏈接熱區,就可以在iPhone上給小夥伴們演示了,並且POP內嵌的交互動作 如側滑、展開、消失等,即可滿足一般的動態演示需要;
Pencil Project Pencil是一款開源的可以用來製作圖表和GUI原型的工具,可以作為一個獨立的app,也可以作為Firefox插件。內置模版可以幫繪制桌面和移動界面中用到的各種各樣的用戶界面,包括流程圖、UI和一般的通用圖形;通過它內置的模板,可以創建可鏈接的文檔,並輸出成為HTML文件、PNG、OpenOffice文檔、Word文檔、PDF。Pencil Project還包含大量移動app模版;
Axure 大家都很熟悉了,這里主要說下移動端的演示,這樣才充分表達原型意圖。按F5生成原型的時候,在「Mobile/Device」選項中可以設置適配移動設備 的特殊原型(Axure 6.5以下版本),再用移動設備訪問生成的原型鏈接即可(該頁面創建一個桌面快捷方式)
Proto.io Proto.io是一個專用的手機原型開發平台——可以構建和部署全互動式的移動程序的原型,並且可以模擬出相似的成品。它可以運行在大多數的瀏覽器中,並提供了3個重要的介面:dashboard、編輯器以及播放器;
dashboard 可以用來管理項目。編輯器是構建原型的環境,由一組設計和開發原型的工具組成,另外還可以構建交互。播放器用來觀看原型,並與原型進行交互,並提供了相關 工具來標注和保留反饋信息,以直接在真實的移動設備上對原型進行測試。並且可以使用iOS或Android上的瀏覽器以全屏模式運行原型;
Moqups 是一個非常好的、免費的HTML5應用,通過它可以創建可愛樸素的線框圖、實體模型和UI概念。該程序使用起來非常簡單,並且有內置的模板可以直接使用(模板包括單選按鈕、鏈接、圖像佔位符、文本框以及滑塊等),它還提供了iPhone和iPad模板,以及iOS相關的按鈕、提示框、picker、菜單、開關以及鍵盤等。可以設置網格的尺寸,並預覽和分享線框圖。Moqups提供了一個很有用的功能就是對齊網格,可以使對象精準對齊;
UXPin UXPin是DeSmart團隊開發的一個簡易快速的實體模型和在線可點擊原型創作工具。它基於優秀的用戶體驗設計原則,在構建原型中,它提供了一個完整的工具包(該工具包具有良好的用戶設計模式和元素)來從頭構建一個出色的原型。UXPin 具有響應式的斷點功能,創建的響應式原型和線框圖可以運行在不同的設備和解析度上。另外該軟體還提供了版本控制和迭代功能,可以輕松的共享預覽,直觀的注 解和實時的協同編輯和聊天。該軟體擁有大量具有吸引力的用戶界面元素風格(包括web,iOS,Android等),並且具有快速、靈敏的響應拖放介面;
OmnigraffleOmniGraffle是由The Omni Group製作的一款帶有大量模版可以用來快速繪制線框圖、圖表、流程圖、組織結構圖以及插圖等類型圖的app,也可以用來組織頭腦中思考的信息,曾獲得2002年的蘋果設計獎。它採用拖放的所見即所得界面,可以用鋼筆工具繪制自定義的模版或者圖形,此外還自帶Graffletopia提供的多個iPhone、iPad以及Android模版;
JustinMind JustinMind是由西班牙JustinMind公司出品的原型製作工具,可以輸出Html頁面。與目前主流的交互設計工具axure,Balsamiq Mockups等相比,Justinmind Prototyper更為專屬於設計移動終端上app應用。JustinMind 可以幫助開發者設計更豐富、更具交互新的移動產品線框圖,包含了iPhone、Android 以及iPad常用手勢,滑動、縮放、旋轉,甚至捕捉設備方向等,從而創造出更具交互性的原型。另外,它可以導出原型信息到Microsoft Word,生成規范的文檔。此外,還可以自定義小組件,創建自定義組件庫,並進行分類,不管對象是iPhone、iPad、黑莓、Android還是其他;
FluidUI Fluid UI是一款用於移動開發的Web原型設計工具,可以幫助設計師高效地完成產品原型設計。Fluid UI 內置超過1700款的線框圖和手機UI控制項,並且還會經常進行更新。Fluid UI無設備限制,無平台限制(Windows、Mac以及Linux系統),支持Chrome和Safari瀏覽器(Chrome瀏覽器上的app也可離 線使用)。可以使用Fluid Player來預覽設計,收集意見和反饋。還可以以PNG、PDF方式輸出Fluid UI使用方法簡單,採取拖拽的操作方式,不需要程序員來寫代碼。另外,Fluid UI資源庫非常豐富,有針對iOS、Android以及Windows 8的資源。如果覺得庫存資源不能滿足你的需求,你也可以自行添加
Protoshare ProtoShare:在線網站開發協同製作工具是一個十分便捷的在線原型製作工具,側重於團隊協作。團隊成員可以通過這個工具對工作進行審查,並及時提供反饋,對線框圖或內容進行建議;
Wireframe Wireframe是一款具有「點擊-拖-放」界面且超簡單的線框圖創作工具。雙擊實現編輯功能,有限的界面意味著會把精力集中於想法上。還給每個線框圖分配了特有的URL,便於標記和分享。
InVision InVision是一個便捷的產品原型生成工具,用戶製作一個在線原型只需要四部:創建一個工程、上傳視覺設計稿、添加鏈接以及生成在線原型。確 切說,InVision提供的不是准確的線框圖,而是一個快速原型的環境,可以把的UX/UI草圖快速連接起來。數字型的線框圖和高保真的設計可以幫測試app的工作情況,同時該工具還支持協作和分享功能,生成的在線原型可以支持任何人在產品原型的任何地方評論,便於准確的交流。針對iOS 開發,InVision還增添了其他功能,比如自定義主屏幕icon和自定義載入頁面;
Mokk.me Mokk.me 是一個簡單快速的原型工具,通過界面上簡單的拖放操作,不用了解單線編程就能創作一個可以分享、測試以及多平台的app。目前,Mokk.me正在測試 中,但它是一個簡單的基本的工具,任何人可以用它來創建app的布局。可拖、放或者編輯小工具,可以搭建和連接頁面,還可以選擇過渡動畫。它的特點還在 於頁面和按鈕、圖片小工具、文本輸入以及復選框形式。另外,可以藉助HTML、CSS以及JavaScript完成app其他一些功能,一旦創建了原型,還可以進行分享,在iOS 和Android上進行測試;
iPlotz iPlotz 是一款可以用來創建可點擊、可導航的原型和線框圖工具,適合網站開發者和移動app開發者。可以在一個可調整的頁面拖放元件,然後連接起來,增加其他屏 幕或者頁面的熱點鏈接。可以選擇使用iPhone/iPad模版或者Android模版,任何模版都有獨一無二的元件設置。iPlotz界面明白易懂,支持協同工作、可分享的編輯許可權、任務管理以及評價系統。另外,項目可以以IPML、JPG、PNG、PDF以及HTML形式輸出;
Adobe Illustrator 俗稱AI這是adobe的一款矢量圖設計軟體,推薦給設計師轉型過來的PM(沒興趣的跳過),電商圈不推薦再去費力學習其他軟體,達到溝通的目的提高效率是王道。
⑺ 帶交互的 iOS 產品原型可以用什麼軟體製作
轉載 首先如果你小團隊或者個人開發,當然可以用Xcode,如果大公司跨部門審核調整各種,還是有個快速的原型。
如你要求,可交互。包括常用的Axrue,我試用過下面提到的所有軟體,分別完整產出過不同的原型,還有一些市面上的你一看它介紹圖還在用ios6的就知道不必了,說明很久沒更新了。
下面這些是我按照不同的特點進行了歸類,視你的具體情況而定吧。
我在選擇軟體這個過程中糾結了很久,也是用過在領悟真正的原理。但是這段時間的摸索對我以後也有很大幫助。
輕巧型
低保真;無控制項;iOS;少交互;免費。
Pop
非常火的一款原型軟體,第一次滿足了大家人人都是產品經理的感覺。
方法:拍照--添加觸控區--轉場方式--選擇圖片
平台:全手機操作
缺點:分享不便。動畫有如側滑、展開、消失,快現的搖一搖。操作只可以單擊。沒有控制項,所有東西都靠你的照片。
Tapcase
基本和pop一樣,就是軟體本身的UI更ios7一點,其他都一樣,也是導入圖片,加熱區就好了。缺點也是一樣的。
**總結:**輕巧型的就是適合簡單軟體且是早期,在手機上稍微復雜一點的就痛不欲生了。但問題是,如果簡單到這么輕鬆了,那真的還需要用軟體模擬嗎?真的在紙上畫更輕松吧。點擊這種交互也不需要模擬了吧。
專業型
高保真度;自帶控制項;Mac+iOS;全交互;收費+免費
UIDesigner + UIDPlayer
騰訊出品的原型軟體,中文,操作簡單,符合國人習慣,容易上手。方便分享。
方法:windows電腦安裝UIDesigner,使用現成控制項進行可視化搭建,調試後通過網盤等方式發到iOS設備,用UIDPlayer打開即可。
平台:只支持Win+ iOS。可能也是優點,僅有的專門支持Win平台的原型軟體。
缺點:吹毛求疵吧,逼格不高。
Briefs + Briefscase
這是我最近發現非常好的一款軟體,好在對交互的支持上,如果調整細膩一點,幾乎可以以假亂真。我是用它在UI定稿的情況下,提前當完成品測試交互體驗的。當然也自帶控制項,用於原型設計。
還有三種模式,場景模式(Scene View )和細節模式(Details View)分別負責交互設計和UI設計兩個部分,在設計完成後可以在第三個模式(Overview)查看整個APP的架構。
方法:在場景模式中,添加Actors(按鈕,文本段落,文本熱點)和Actions(觸發動作),可以設置界面跳轉時的TRANSITION效果,聲效,延時,Retina 空間等交互體驗輔助特效。
然後在iOS設備上安裝Briefscase,通過Dropbox同步後使用。
缺點:貴。1298元,感受一下。標注起來還是不太趁手。通過dropbox同步有點慢,又沒辦法加快,只能生等。可以先試用一下,覺得好再入手吧。
Blueprint + viewer
我最早用的原型軟體,現在製作出的原型已經出現在App Store里拉。Sakura Day。
當時用免費的功能(2個項目,無法導入dropbox圖片,無自定義控制項)就做出來了。後來接手公司大項目,專門買了完整版128元。
但是注意,這是用iPad做,iPhone或者iPad看,沒有電腦版的。我當時就是為了地鐵上可以用,是優點也是缺點。
方法:基本都一樣,就是在iPad上操作。觸控不那麼精確,但是操作體驗很好,完整版的自定義庫按鈕很多很豐富。
平台:iPad + iOS
缺點:最重要的就是只能在iPad上編輯,我做了個大型的項目,打開還是稍慢點,但是穩定,操作多了有點累。分享需要對方裝軟體,而且生成的項目文件會很大。
總結: 專業軟體還有很多,各有千秋,這兩個是最快支持iOS7的,說明他們很重視產品保證更新。但是價格確實也是不菲,優缺點很明顯,不符合國人習慣。騰訊那個整體是很不錯了,除非你和我一樣只用mac。
HTML型
中保真度;自帶控制項;全平台;需聯網;少交互;收費+免費
Flinto
在Flinto中快速製作iOS原型
我是通過下面提到的Icon Stricker發現的這個網站,試用了一下發現,它的特點是快捷的熱區和轉場操作,但是完全不帶控制項,也就是網頁版的 pop。需要你自己准備好圖片,不管是UI還是UE,這里只負責交互。
最大的亮點就是支持滾動,前面提到的那些軟體,都需要通過轉場實現長圖滾動,這個可以原生支持。
方法:傳圖,熱區,轉場。看起來操作很簡單。
平台:全平台。
缺點:30天免費期,按月收費。不支持控制項。需要瀏覽器支持。
Fluii
極簡風格的Fluid UI快速原型圖工具
最受推崇的網頁版原型網站。控制項從iOS到Android到WP。也是可以免費一個項目少量屏幕,然後按月收費。
方法:添加控制項,熱區,轉場。
缺點:我用網頁版的還是感覺有點遲緩,不痛快。勝在控制項實在很全,這個是很多桌面軟體都不支持的。如果針對安卓或者WP,實在沒什麼更好的選擇了。
**總結:**分享方便,輕量級是最大優點。但是按月付費這個我覺得大公司不會承擔這筆費用,小公司有沒有必要花費在這方面都值得商榷。速度也確實有點問題。交互也不如專業型那麼靈活。
超大型
高保真度;可拓展控制項;自定義庫;適配;少交互;收費。
Axure
繞不開的巨人,就像圖片界的PS,文字界的Word。它最大的特點就是別人都用它(雖然大多是盜版),我之前也存了顯出不同逼格的心試了前面那麼多軟體,最後繞了一大圈還是回到了它的懷抱。
回來的原因主要有三
大家都在用。這個沒辦法,溝通,傳輸,修改都方便,PC+mac都可以看。你自己逼格到了,人家都感受不了有什麼用呢。
確實強大,熟練使用庫和自定義控制項後,效率大幅提升,遠勝專業型。
生成的HTML頁面自帶左側目錄邊欄。是的,這就是我棄用OmniGraffle的主要原因。
方法:不再贅述了,總之要用好自定義控制項,這個會讓效率成倍提升。
缺點:生成的原型在移動端很難用。是有方法的,其實也不錯了,但是我還是懶得費心研究。之所以用這個就是為了給開發和寫文檔,很多標注和邏輯流程,沒必要做出交互。所以不考慮用它做交互,你真都做成交互了,難道還要工程師挨個點開才能看到邏輯?
OmniGraffle
為了捍衛mac的逼格,我用了幾天就放棄了。不可否認,OG在調整控制項時的流暢穩健,草圖的美觀(前提是你用英文)等方面,能讓你享受整個製作過程,這是很少見的。但是我一直搞不懂畫布層共享層等等的關系,用起來失誤頻繁,而且,生成的html沒有目錄啊,文檔可讀性差。
方法:不再贅述。
缺點:除了前面所說,僅支持mac,生成的交互原型更難用到手機上。
總結: 是的,這兩個軟體不光是用來做移動交互原型的,他們的強大體現在非常多的領域,但是針對移動交互原型而言,都不適合。A勝在文檔和大家都用,所以在個方面就屈從了吧。
輔助型
特定功能(動畫;圖標;投影)
Quartz Composer
就是專門用來製作交互動畫原型的產品,免費,但是需要蘋果開發者賬號,學習曲線非常高,但是可以製作非常精美的強交互動畫。
Facebook Paper的動畫原型製作工具Origami及實現代碼Pop
Liveview
PS play等都可以快速把電腦上的內容投影到手機上。但是唯獨liveview可以支持交互。打開交互模式後,電腦端可以接受手機的點擊和滑動手勢。非常強大。
Icon Stricker
專門用來測試icon的網站,出自Flinto。快速在主屏查看圖標。
輕量級圖標測試工具ICON STRIKE:快速主屏查看
總結
我現在對原型的流程是這樣的:
用Axure繪制UE圖,導出成手機尺寸圖片
導入Briefs或者pop,加入交互,體驗一下
把UI圖轉成黑白,在Axure里標注,寫文檔,生成html
UI定稿再導入briefs,高保真體驗
⑻ 常用快速原型設計工具大比拼,原型設計工具哪個好用
Principle可能是目前製作可交互Demo最容易上手、綜合體驗最棒的軟體了。
可以手機數據線連接版預覽(無需網路,權支持即時顯示),也可以雲端直接打開文件。
Mac上支持錄制操作,導出文件可選.mov 或 .gif
Principle和Sketch一樣,改版後全部使用點作為單位(6Plus=414*736)
但是圖片在導入導出的時候還有些問題,為了確保在Principle最終效果是清晰的,Sketch中畫板導出需要*2,貼入P中時再縮小。
Principle最大的優點就是上手非常快,界面和Sketch如出一轍,如果設計稿是Sketch做的,那麼從畫第一個控制項到頁面元素動起來整個過程都會是行雲流水般。
希望可以幫助到你~~
希望採納謝謝~~~~~
⑼ 軟體原型設計工具有哪些
原型設計工具目前有比較多,但是相對來說實用並且便宜的就很少了。AXure確實很強大內,但是價格容也相對很貴,$589一年,不是誰都可以承受的。推薦國產的原型設計工具Mockplus,簡潔高效,快速上手。協同審閱功能沒有了製作PPT,特例開會等環節,節省了大量時間。直接邀請審閱就能標注圖釘參與原型修改。
⑽ 常用快速原型設計工具大比拼,原型設計工具哪個好用
「好用」這個詞本身就帶有主觀性。只要自己熟悉的,並且掌握好的都是「好用」。只能給你推薦目前比較常用的原型設計工具,如:Axure、墨刀、uidesigner、Sketch等等。