原型在線設計
① 常用快速原型設計工具大比拼,原型設計工具哪個好用
「好用」這個詞本身就帶有主觀性。只要自己熟悉的,並且掌握好的都是「好用」。只能給你推薦目前比較常用的原型設計工具,如:Axure、墨刀、uidesigner、Sketch等等。
② 網站原型設計工具有哪些
有很多呀, Axure, Basamiq 等等。像我們團隊用戶的就是摹客Mockplus. 提供很多模板和豐富的組件資源,交互原型拖一拖就完成了。 還可以團隊協作、分享和迭代。
③ 提供幾款界面原型設計軟體
做界面設計如果沒有好的工具進行輔助,那隻會導致事倍而功半。下面推薦幾款不錯的界面原型設計軟體:
界面原型圖繪制工具 Pencil
Pencil 是一款開源的原型圖繪制工具,手繪風格的,就像自己在紙上畫的那樣。Pencil 還可以用來繪制各種架構圖和流程圖,同時還提供 Firefox 的插件。
最後需要說的是,無論是推崇手繪,還是喜歡原型軟體,做界面設計最重要的還是想法,工具只是用來幫助實現想法的。不必過於追求技術,也不必過於追求視覺表現,有時只需要專注於產品邏輯、頁面交互、布局結構這些,其餘的就交給美工。
④ 請問:什麼叫原型設計工具
是在項目分析階段,用來做頁面模板的,用它做出靜態HTML很方便,可以直接用滑鼠拖出要用的組件,放在相就的位置上就可以了,也可以實現簡單的頁面跳轉,在初期階段可以用它來對整個業務流程作出頁面上一些簡單的功能,基本上的工具都可以導出生成HTML代碼,用原型工具做出的頁面直觀而且比較美觀,總之用原型設計工具做簡單的頁面開發很方便就對咯,我現在也只是剛開始用,現在用的是GUI Design Studio,很強大的工具。
⑤ 軟體開發——原型設計和demo有什麼區別
原型是產品的初始形態,不是產品的最終形態,主要用來演示,確認需求;DEMO是產品真實形態,即已經開發到一定程度的產品
⑥ 軟體原型設計工具有哪些
分享一些原型設計的工具,以及我們在使用過程中總結的優缺點。希望對你有幫助!
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組件,支持自定義。另外它有不錯的用戶測試功能,支持視頻錄制。並且在移動組件時,能夠實時在畫布看到組件之間的距離。另外由於伺服器的原因,有國內用戶反應速度有點慢;收費較高,性價比一般吧。
歡迎追問!
⑦ 原型設計的簡介
原型設計:
線框圖描繪的是頁面功能結構,它不是設計稿,也不代表最終布局,線框圖所展示的布局,最主要的作用是描述功能與內容的邏輯關系。
原型圖是最終系統的代表模型或者模擬,比線框圖更加真實、細致。
原型設計的目的:
原型設計的核心目的在於測試產品,沒有哪一家互聯網公司可以不經過測試,就直接上產品和服務。
原型在識別問題、減少風險、節省成本等方面有著不可替代的價值。
雖然需求文檔也是可以滿足溝通需求的,通過用例將交互寫到設計描述文檔中,但是原型可以更詳細地解釋交互。
目前比較好用的在線原型設計工具有Marvel,Invision,墨刀等等。
希望對你有幫助~歡迎追問~
⑧ 有哪些好用的在線界面原型工具,且支持IE
十大界面原型與布局工具
作者夏夢竹
工具開發者原型設計
摘要:原型設計能起到有效溝通的作用,漂亮,直觀的原型圖更是讓人賞心悅目。本文羅列了2013年最新的10大界面原型與布局工具以幫助設計師和開發者創建出更加優秀的產品。
創建網頁或者程序不僅要關注主頁的排版以及與主題想匹配的圖片,還應注重視覺設計,這是因為它更能吸引用戶進而提升搜索量。因此,項目開發首先需要確立良好的設計,創意是必不可少的。所以,項目經理、Web設計師、開發者在線框和原型工具方面需要具備一定的功底。
本文羅列了2013年最新的10大界面原型與布局工具以幫助設計師和開發者創建出更加優秀的產品。
1. Solidify
Solidify允許用戶在模型、線框或者草圖中獲取原型圖。此外,你還可以快速地查看屏幕界面原型。如果在桌面、計算機或者手機上運行Solidify還能輕易地測試出項目原型。如果你沒有太多的時間花在這上面,你也可以共享給其他測試人員,隨時隨地獲取反饋意見。
2. PowerMockup
專為設計師准備的PowerMockup在創建PowerPoint時為線框提供模板。包含各式各樣的模板,包括菜單、表格、文本框、按鈕和標簽。當你在創建PPT時你可以輕易的將這些模板拖入使用。另外,用戶還能在庫中添加自己的條目,只需選擇PPT的外形,然後點擊「添加模板」標簽,一款自定義的模板即可輕松創建。
3. Antetype
當你創建大型的且連續性的項目時,Antetype是最佳選擇,這是因為它允許開發者創建一整套的構件庫。該構件庫可收集各小部件,在原型中方便易用。此外,每個小部件都有一定數量的定製和默認狀態可單獨或者同時進行編輯。
因此用戶在編輯時無需使用不同的副本,Antetype可適應不同項目的需求。
4. UXPin
UXPin是為那些不擅長UX設計的開發者而開發的。經驗豐富的UX設計師為UXPin提供了一整套的完整的工具包。
在UXPin上用戶可以為自己的項目找到所需要的模板。他們通過上傳UX和項目文件來獲取模板,比如Project Canvas、Project Kick Off、Business Model Canvas、Personas等等。
此外,用戶無需來回收發郵件,因為在這里任何項目都可在一起工作。UXPin旨在幫助項目經理開發適應任何一款解析度和設備的響應式線框和原型。
5. QuirkTools
QuirkTools讓網站創建更加簡單和便捷。
利用QuirkTools構建Web應用可幫助用戶創建屬於自己的一款應用。Wires就是典型的例子,該應用幫助用戶創建基於桌面、移動手機或平板電腦的線框模型。此外,QuirkTools還能讓開發者與同事、客戶共同協作打造最完美的設計。
6. Wireframe.cc
利用Wireframe.cc即可輕易的創建線框。Wireframe.cc支持有限的調色板和模板,以簡潔為主。有兩個模板供選擇:移動手機和瀏覽器窗口,前者包含景色和垂直風格;後者則是縱向和橫向風格。有了Wireframes.cc用戶可清晰的看到整個創建過程。
7. Easel
Easel是一款基於瀏覽器的Web設計工具,允許用戶記錄模型和創意。其功能包括按鈕、表和文本框。這款工具還集成了Twitter Bootstrap庫貫穿其他額外的圖標和顏色。此外,Easel 讓用戶在Web中設計保持最佳像素,用戶可以使用先進的工具比如CSS3、Web字體,無需在瀏覽器和文本編輯器之間來回查看,告別繁瑣的過程,輕松創建應用。
8. InVision
InVision讓你以高水準的級別快速創建令人印象深刻的原型。利用這款工具,用戶可在很短的時間內鏈接到UX草圖、設計以及線框,還能與其他團隊分享該項目。InVision使設計演示更加輕松方便,用戶可以在項目中進行實際演示,在瀏覽器中載入或者以SMS形式連接到移動設備上。
該工具還支持追蹤功能,讓你輕松查看項目進度。
9. Proto.io
Proto.io這款工具完美適合設計師在觸摸屏幕上的小工具。支持主流的移動觸摸風格和手勢,包括swipe、pinch、tap、zoom、tap-hold。此外,還能整合動畫屏幕轉換比如,幻燈片、旋轉、流、翻轉等等。
該工具不僅僅是為了生產先進的屏幕轉換,還能允許用戶學習和應用最基本的動畫技能比如在原型創建中的移動、縮放、旋轉等等。
10. POP
有了Prototyping on Paper (POP)創建iPhone原型不再是難事,其提供了一個傳統的高科技線框技術。沒有復雜的軟體,所有的用戶需要在紙上或者筆記本上繪畫或繪制出線框。
該線框僅通過攝像頭拍攝,利用POP確保草圖能自動調節對比度和亮度,然後通過「鏈接點」連接到草圖來設計模板。首先確保任何事情都在完美狀態,用戶只需點擊「play」並模擬介面即可。
最後:
在設計網頁或程序之前,需要把界面給「畫」出來成為原型設計,就像動畫片要畫分鏡頭、手稿一樣。原型設計能起到有效溝通的作用,漂亮,直觀的原型圖更是讓人賞心悅目。有了這些工具,原型和線框變得更加簡單和方便,即使是初學者也可設計自己的網站或者應用,趕緊嘗鮮吧。
當然,原型工具還有很多很多,歡迎與我們分享。
⑨ 軟體原型設計工具有哪些
XDeer(天來鹿)是一款在線自協同設計軟體,支持雲端存儲、實時預覽、多角色協同、快速分享、同步生成前端代碼等功能,讓用戶與產品無縫連接,需求高效轉化為可運行的產品。
推薦使用XDeer(www.xdeer.cn)。
⑩ 常用快速原型設計工具大比拼,原型設計工具哪個好用
1.Pop (Prototyping on Paper)
POP是一款設計界面的原型工具,適用於iOS和Android平台。藉助POP,開發者或設計師只需在紙上簡單地描繪出創意或想法,拍下幾張草圖照片,並將照片按順序放置,利用鏈接點描摹出各張圖片之間的邏輯關系,就可輕松創建一個動態模型,點擊播放即可演示整個模型。追求手繪風格及快速原型的產品經理和設計師(對於短期內使用免費原型工具的人群來說,這也不失為一個好選擇)
2.Mockplus
Mockplus是一款簡潔高效的免費產品原型工具。它為用戶提供豐富的組件和圖標資源,通過拖曳即可實現界面設計。支持一鍵導入項目頁面和模板,快速搭建基礎頁面。軟體還支持自定義組件庫,數據填充,Sketch導入,拖曳設置交互等特色功能實現快速設計。近期,該工具還推出了團隊協作功能,團隊成員之間可以查看、編輯、評論項目,幫助用戶更好地完成協作設計。適用人群:各階段的產品經理及UI/UX設計師,追求中低保真,交互效果,快速原型,新手或專業人群皆適宜。
3.Axure
Axure RP是美國Axure Software Solution公司旗艦產品,是一個專業的快速產品原型工具,讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟體或Web網站的線框圖、流程圖、原型和規格說明文檔。作為專業的原型工具,它能快速、高效的創建原型,同時支持多人協作設計和版本控制管理。適用於追求強交互效果及細節產品經理及設計師,需要具有一定經驗或較強專業性。
4.Proto.io
Proto.io是一個專門用於移動應用的產品原型工具——可以構建和部署全互動式的移動應用的原型,並且可以模擬出相似的成品。基於Web的在線環境,它可以讓你製作流行的 iPhone,iPad,Android 手機以及任何帶有屏幕界面的產品原型。並且它可以運行在大多數的瀏覽器中,並提供了3個重要的介面:dashboard、編輯器以及播放器。擅長於使用Web瀏覽器的產品經理或設計師。
5.Balsamiq Mockups
Balsamiq Mockups是一款軟體工程中快速產品原型工具,可以作為與用戶交互的一個界面草圖,一旦客戶認可也可以作為美工開發HTML的原型使用,特別是在web原型圖設計領域有不錯的影響力。使用Balsamiq Mockups畫出的原型圖都是手繪風格的圖像,看上去非常美觀、清爽。此外,這款工具支持幾乎所有的HTML控制項原型圖,比如按鈕(基本按鈕、單選按鈕等)、文本框、下拉菜單、樹形菜單、進度條、多選項卡、顏色控制項、表格、Windows窗體等。除此以外,還支持iPhone手機元素原型圖。適用人群:需要生成簡單原型(草圖)的產品經理或設計師。