⑴ 常用快速原型設計工具大比拼,原型設計工具哪個好用
經過數年設計原型的經歷,我嘗試過很多原型設計工具,希望能夠找到最有效率的原型設計工具。接下來,我來分享一些我用過的原型設計工具以及他們的優缺點!
Axure:發展較早的一款原型設計軟體,因而名聲較大。無限畫布,適合做低保真到中保真度的原型。功能很多,也讓學習起來有點難度,網上有很多axure教程就不多說了。本地型軟體,可以下載html文檔預覽,手機預覽不方便。
墨刀:國產的一款原型設計協作工具,比起axure來非常容易學會,內置組件很多,創建頁面跳轉也比axure簡單太多。因為是一款在線工具,可以雲端保存工作,這點確實很便捷。另外,通過分享鏈接就可以分享原型給別人看了,如果涉及到跟同事對接什麼的,選擇在線的工具更方便。支持sketch文稿導入和自動標注。個人認為性價比最高。
Invision: 可以說目前是國外發展最大的在線原型設計工具,主打「交互原型」和「協作」,支持sketch和ps設計稿導入做交互。近來出的 Invision studio 對標sketch,想滿足更驚喜的設計需要。國外一些大牛公司像airbnb和amazon都在用。不過對於國內用戶來說會有伺服器速度的問題,而且,貴。(土豪公司無視)
Marvel: Marvel 也是海外知名度較高的一款原型設計協作工具,支持PS和sketch設計稿導入做交互原型,本身也支持中度保真程度的設計。也有自動標注功能。圖片庫對接unsplash,這樣來自unsplash的很多精美的免費圖片可以直接用。價格比Invision稍便宜。
Proto.io:也是國外的一款手機原型開發平台。支持在大多數的瀏覽器運行,共享和協作操作方便,可以直接在真實的移動設備上對原型進行測試。擁有較為豐富的UI組件,支持自定義。另外它有不錯的用戶測試功能,支持視頻錄制。並且在移動組件時,能夠實時在畫布看到組件之間的距離。另外由於伺服器的原因,有國內用戶反應速度有點慢;收費較高,性價比一般吧。
UXPin:UXPin是DeSmart團隊開發的一個在線可點擊原型設計工具該軟體,擁有大量用戶界面元素(包括web,iOS,Android等),可以共享預覽,註解和實時的協同編輯。另外該軟體還提供了版本控制和迭代功能。缺點仍然在於國外伺服器和價格問題。
原型設計工具各有各自的優缺點,找到適合自己設計的原型設計工具很重要!希望大家早日上手適合自己的原型設計工具。
⑵ 手機App開發之前的設計,用什麼軟體畫原型
線框圖工具和App原型設計工具不斷的改變著UX設計師的工作方式。作為一名設計師,很幸運市面上有豐富的原型設計工具供我們使用。我給你推薦三款主流軟體供您參考,這三款軟體都是可以讓我們能夠以較低的成本來創建我們的原型。
Sketch
兼容:只支持Mac
學習曲線:中
優勢:輕量,提供大量插件
兼容:Win,、Chrome、Linux、Mac
學習曲線:中
優勢:多平台操作(Win,、Chrome、Linux、Mac)
Sketch是一款比較受歡迎的基於矢量的app原型設計工具。自2009年推出以來,Sketch就收獲了一大批粉絲。 Sketch提供了上百個插件,基本上你想要的插件都可以下載到,極大的提升了設計師的工作效率。雖然Sketch確實支持一定程度上的交互和用戶流(使用插件)但它真正令人眼前一亮的是它填補了Photoshop一些功能上的空白。
Figma
Figma 是一個基於瀏覽器的協作式 UI 設計工具,從推出至今越來越受到 UI 設計師的青睞,也有很多的設計團隊投入了Figma 的懷抱,接下來我會帶大家深入了解 Figma,以及我們為什麼要使用 Figma。
Mockplus
兼容:Mac,Window,Android,IOS
學習曲線:低
優勢:快速進行設計,交互和測試
Mockplus是產品經理圈子中最受歡迎的一款app原型設計工具。與Axure等復雜的app原型工具相比,Mockplus最大的優勢就是快,簡單,高效。非常適合做中低保真原型,採用拖拽連接點的方式就可快速的創建頁面與組件的交互,並且提供了封裝好的3,000個圖標和200個組件,一鍵拖拽,即可使用。另外Mockplus有8種預覽方式可以共享和測試你的原型,也可直接通過微信小程序分享給客戶或者朋友查看,十分方便,這也是我非常喜歡的原因之一。另外摹客設計雲設計協作平台包含了原型設計、全流程協作、設計規范等使用功能,對設計師非常友好。網頁鏈接
⑶ 如何用 Keynote 做App原型設計
靜態圖
1. 先用畫好的線框圖或者直接在keynote里用色塊布局
2. 填充圖片,可調整陰影等基本效果
3. 導出圖片放進手機里
4. 根據用戶反饋調整
動畫效果
1. 利用Keynote自帶的物件動畫
2. 活用Keynote最棒的「神奇移動」轉場效果
3. 手機裝上keynote app打開演示文檔
4. 根據反饋調整效果
交互事件
1. 調整圖片尺寸導入Xcode
2. 僅用針對圖片的簡單代碼
3. 僅用簡單的交互手勢代碼
首先:製作靜態圖
1. 先用畫好的線框圖或者直接在keynote里用色塊布局,keynote提供了多種智能的對齊,布局,格式等等設計方式,整個過程會非常的輕松。比如自動標尺吸附等距等等,比絕大多數原型製作軟體都簡單人性化。
2. 對照一些線框圖可以繼續鋪色塊和布局,這個過程中你會發現這個對齊和吸附的過程是多麼的神奇。
3. 導入圖片,Keynote有很多種方式可以調整素材樣式,包框,陰影,透明圖,實時遮罩等等。是的,你可以用PS慢慢玩,也可以用keynote一鍵完成。
4. 很多人用原型軟體是看中那些控制項,其實大多數控制項還不如自己在Keynote里製作快速。而且Keynote自帶了很多標志和Icon,完全不用到處去找了。比如這個例子里的打分用五星,改個黃色就可以了。
5. 依次類推,可以很快做出很多頁面,導出圖片格式,在手機中查看。
第二階段,假互動,加入動畫效果
具體關於為何這么做,每個階段完後的反饋過程,目標等等原理的東西請大家看視頻或者PDF吧,這里主要說下過程和他們是怎麼充分發揮Keynote在原型製作中的特點的。
比如這個假互動的階段,如果你不用Xcode的話,這個就是交互原型的最後階段了。基本原理就是活用圖片,活用物件動畫,活用轉場動畫,足以做出以假亂真的原型,只要你的測試用戶不要瞎點......
關於Keynote自帶的動畫有非常多種和微調效果,起初我不是很理解,因為很多花哨的效果很難用到幻燈片里,直到開始做原型發現,其實很多動畫經過調整都是很好的交互效果,包括現在看到的一些令人驚艷的反彈,延遲等逼真的細節動作,Keynote早就可以微調模擬了。
據說錘子手機和蘋果的很多交互效果,都是先用Keynote做出來再給工程師寫出來的。(是文末附的許岑視頻中說的,好像是,記不清了,無責任據說預警)
1. 製作動畫有很多方式,可以根據你的職業,習慣選擇不同的方法。
也有很多很巧妙的方式,其中最簡單,最快的就是一定要靈活運用圖片。靈活到什麼程度,我舉個視頻裡面全場爆笑的例子。動畫是這樣的:敲擊鍵盤,字元一個個的蹦著出現在屏幕上。裡面說,我可以只用一行或者乾脆不用代碼就做出來。這個用Keynote就可以實現,各位可以想想。
2. 特別提到一個Keynote獨有的「神奇移動」效果。可以把前一頁中的物件移動或放大到下一頁中。效果非常出眾。
好了,其實至此,絕大多數的動畫效果都可以做出來了。如果不滿足於此,學點簡單的語法,在Xcode里只用針對圖片和交互相關的代碼就可以做出更加逼真的原型了。
⑷ 蘋果手機某App顯示:「開發者已將您從測試計劃中移除」是什麼意思
意思是ios不允許下載了。安裝的是個測試軟體,沒有在App Store上架的app。
要使用 TestFlight 測試 Beta 版 App,您需要接受來自開發者的電子郵件或公開鏈接邀請,並且擁有可用於測試的設備。
App Store Connect 中開發者團隊的成員可被添加為測試員,且有權訪問 App 的所有構建版本。
所有其他受邀的測試員有權訪問開發者提供給他們的構建版本。開發者可以通過電子郵件或公開鏈接邀請您參加測試。
在寬松的規則和不交『蘋果稅』的吸引之下,TestFlight 的一大短板,就是每款 App 只能被最多 10000 人使用的上限。同時,開發者們也開始利用起了這套『地下 App Store』生態系統。
BitSuites 的 iOS 開發者 Thomas Weigt,更是創建了一個名為 Departures 的網站,上面羅列出了一些大企業和獨立開發者開放出來的 TestFlight 。
蘋果公司於 2014 年收購了面向開發者的 TestFlight 工具,以便其在 App Store 上正式發布前開展原型測試,然而越來越多的開發者開始完全跳過最後一步。
⑸ App 產品原型設計用什麼軟體
那axure和騰訊cdc的uiddesigner,還有在線的fluidUI也可以考慮。其他好像沒有了吧。但除了axure,後兩者所謂的交互其實都是不同的界面截圖之間的切換,說白了就是多節點式結構的ppt,不是真正的交互。axure的思想更接近實際開發,比如通過master實現界面元素的封裝復用,條件判斷,函數,變數。這些功能除了開發工具,原型工具還有誰能比得上axure嗎? app原型相比網頁,界面結構簡單,但交互復雜得多。界面上的div也不是平鋪的,為了有效利用空間會用到很多層疊,卡片式之類的展示方式。要做這類高保真可交互原型,我覺得非auxre莫屬。比如一個tableview滑動到頂部刷新,底部回彈,不藉助開發只有axure能做出來。 我從07年開始用axure,曾經一度認為做網站原型,axure已經不需要再怎麼改進了。自從做app之後,覺得axure有點根不上時代,但試了其他工具,還是覺得auxre最合適。仔細做過幾個以後,我覺得axure還是完全適合做app原型的。做好以後分享也方便。放到內網,或者axshare上,或者有一個html runtime的app,可以在設備上直接瀏覽axure輸出的html。 當然axure作為一個工具,不可能每個環節都是最好的。比如我希望axure能借鑒一下其他工具和開發思想,把UI和素材分離出來,就像換皮膚一樣,一個控制項可以隨便更換圖片素材。這樣pm或者交互用最簡單的線框設計,確定交互以後,可以把設計師的圖貼上去,這樣就100%保真了。 axure對app設計不友好或者說最落伍的地方,就是支持的事件類型太少。交互上無法模擬出多點觸摸,無法模擬設備運動,無法模擬各類感測器……或許對一個原型工具來說,要求太高了。
⑹ App 產品原型設計用什麼軟體axureMMvisio
很多產品原型設計軟體,下面分享一些以及個人對此的看法總結:
Axure:發展較早的一款原型設計軟體,因而名聲較大。無限畫布,適合做低保真到中保真度的原型。功能很多,也讓學習起來有點難度,網上有很多axure教程就不多說了。本地型軟體,可以下載html文檔預覽,手機預覽不方便。
墨刀:國產的一款原型設計協作工具,比起axure來非常容易學會,內置組件很多,創建頁面跳轉也比axure簡單太多。因為是一款在線工具,可以雲端保存工作,這點確實很便捷。另外,通過分享鏈接就可以分享原型給別人看了,如果涉及到跟同事對接什麼的,選擇在線的工具更方便。支持sketch文稿導入和自動標注。個人認為性價比最高。
Invision: 可以說目前是國外發展最大的在線原型設計工具,主打「交互原型」和「協作」,支持sketch和ps設計稿導入做交互。近來出的 Invision studio 對標sketch,想滿足更精細的設計需要。國外一些大牛公司像airbnb和amazon都在用。不過對於國內用戶來說會有伺服器速度的問題,而且,貴。(土豪公司無視)
Marvel: Marvel 也是海外知名度較高的一款原型設計協作工具,支持PS和sketch設計稿導入做交互原型,本身也支持中度保真程度的設計。也有自動標注功能。圖片庫對接unsplash,這樣來自unsplash的很多精美的免費圖片可以直接用。價格比Invision稍便宜。
POP(Prototyping on Paper):這款比較另類,是給拍照的手畫草圖直接做交互。操作輕巧簡單:先用手機拍下草圖原型(存到POP app內);然後開始編輯圖片的哪個區域(按鈕)鏈接到什麼頁面,添加跳轉鏈接熱區,就可以在手機上給小夥伴們演示了。內嵌的交互動作 如側滑、展開、消失等,即可滿足一般的動態演示需要。但功能較為簡單,對更深的需求無法滿足。
Proto.io:也是國外的一款手機原型開發平台。支持在大多數的瀏覽器運行,共享和協作操作方便,可以直接在真實的移動設備上對原型進行測試。擁有較為豐富的UI組件,支持自定義。另外它有不錯的用戶測試功能,支持視頻錄制。並且在移動組件時,能夠實時在畫布看到組件之間的距離。另外由於伺服器的原因,有國內用戶反應速度有點慢;收費較高,性價比一般吧。
UXPin:UXPin是DeSmart團隊開發的一個在線可點擊原型設計工具該軟體,擁有大量用戶界面元素(包括web,iOS,Android等),可以共享預覽,註解和實時的協同編輯。另外該軟體還提供了版本控制和迭代功能。缺點仍然在於國外伺服器和價格問題。
這些產品原型設計軟體都比較常見,你可以根據你個人需求來選擇,反正我使用的是墨刀,它真的省時省力提高了我的工作效率。希望對你有幫助!有疑問的地方歡迎追問~
⑺ App 產品原型設計用什麼軟體axureMMvisio
如果像要在設備上實際讓原型顯示出來,並且能測試。那axure和騰訊cdc的uiddesigner,還有在線的fluidUI也可以考慮。其他好像沒有了吧。但除了axure,後兩者所謂的交互其實都是不同的界面截圖之間的切換,說白了就是多節點式結構的ppt,不是真正的交互。axure的思想更接近實際開發,比如通過master實現界面元素的封裝復用,條件判斷,函數,變數。這些功能除了開發工具,原型工具還有誰能比得上axure嗎?
app原型相比網頁,界面結構簡單,但交互復雜得多。界面上的div也不是平鋪的,為了有效利用空間會用到很多層疊,卡片式之類的展示方式。要做這類高保真可交互原型,我覺得非auxre莫屬。比如一個tableview滑動到頂部刷新,底部回彈,不藉助開發只有axure能做出來。
我從07年開始用axure,曾經一度認為做網站原型,axure已經不需要再怎麼改進了。自從做app之後,覺得axure有點根不上時代,但試了其他工具,還是覺得auxre最合適。仔細做過幾個以後,我覺得axure還是完全適合做app原型的。做好以後分享也方便。放到內網,或者axshare上,或者有一個html runtime的app,可以在設備上直接瀏覽axure輸出的html。
當然axure作為一個工具,不可能每個環節都是最好的。比如我希望axure能借鑒一下其他工具和開發思想,把UI和素材分離出來,就像換皮膚一樣,一個控制項可以隨便更換圖片素材。這樣pm或者交互用最簡單的線框設計,確定交互以後,可以把設計師的圖貼上去,這樣就100%保真了。
axure對app設計不友好或者說最落伍的地方,就是支持的事件類型太少。交互上無法模擬出多點觸摸,無法模擬設備運動,無法模擬各類感測器……或許對一個原型工具來說,要求太高了。