導航:首頁 > 產品生產 > 產品原型圖怎麼畫

產品原型圖怎麼畫

發布時間:2022-04-11 09:09:28

① App 產品原型設計用什麼軟體

分享一些我切身體驗後的一些原型設計軟體,你可以根據自己實際需求來選擇~

希望對你有幫助~有疑問的地方歡迎追問!

② 產品經理畫原型圖哪些工具好用,求推薦~

對於產品經理來說,一個好用的設計(畫)原型圖工具是一個橋梁。它既能把自己的構思體現,又是與開發小哥哥的「交流」。

下面我來分享一些大眾款的原型圖設計工具,可以根據自己的需求來選擇。
1.Axure:發展較早的一款原型設計軟體,因而名聲較大。無限畫布,適合做低保真到中保真度的原型。功能很多,也讓學習起來有點難度,網上有很多axure教程就不多說了。本地型軟體,可以下載html文檔預覽,手機預覽不方便。
2.墨刀:國產的一款原型設計協作工具,比起axure來非常容易學會,內置組件很多,創建頁面跳轉也比axure簡單太多。因為是一款在線工具,可以雲端保存工作,這點確實很便捷。另外,通過分享鏈接就可以分享原型給別人看了,如果涉及到跟同事對接什麼的,選擇在線的工具更方便。支持sketch文稿導入和自動標注。個人認為性價比最高。

3.Invision: 可以說目前是國外發展最大的在線原型設計工具,主打「交互原型」和「協作」,支持sketch和ps設計稿導入做交互。近來出的 Invision studio 對標sketch,想滿足更驚喜的設計需要。國外一些大牛公司像airbnb和amazon都在用。不過對於國內用戶來說會有伺服器速度的問題,而且,貴。(土豪公司無視)
4.Marvel: Marvel 也是海外知名度較高的一款原型設計協作工具,支持PS和sketch設計稿導入做交互原型,本身也支持中度保真程度的設計。也有自動標注功能。圖片庫對接unsplash,這樣來自unsplash的很多精美的免費圖片可以直接用。價格比Invision稍便宜。
5.POP(Prototyping on Paper):這款比較另類,是給拍照的手畫草圖直接做交互。操作輕巧簡單:先用手機拍下草圖原型(存到POP app內);然後開始編輯圖片的哪個區域(按鈕)鏈接到什麼頁面,添加跳轉鏈接熱區,就可以在手機上給小夥伴們演示了。內嵌的交互動作 如側滑、展開、消失等,即可滿足一般的動態演示需要。但功能較為簡單,對更深的需求無法滿足。
6.Proto.io:也是國外的一款手機原型開發平台。支持在大多數的瀏覽器運行,共享和協作操作方便,可以直接在真實的移動設備上對原型進行測試。擁有較為豐富的UI組件,支持自定義。另外它有不錯的用戶測試功能,支持視頻錄制。並且在移動組件時,能夠實時在畫布看到組件之間的距離。另外由於伺服器的原因,有國內用戶反應速度有點慢;收費較高,性價比一般吧。

③ ui和畫原型圖的區別

一、主體不同

1、UI:是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。

2、原型圖:是交互設計師與PD、PM、網站開發工程師溝通的最好工具。

二、定位不同

1、UI:好的UI設計不僅是讓軟體變得有個性有品位,還要讓軟體的操作變得舒適簡單、自由,充分體現軟體的定位和特點。

2、原型圖:設計在原則上必須是交互設計師的產物,交互設計以用戶為中心的理念會貫穿整個產品。利用交互設計師專業的眼光與經驗直接導致該產品的可用性。


三、作用不同

1、UI:在UI設計過程中,需求設計角色會確定軟體的目標用戶,獲取最終用戶和直接用戶的需求。 用戶交互要考慮到目標用戶的不同引起的交互設計重點的不同。

2、原型圖:系統分析員,用來了解用戶界面如何影響系統分析;設計員,用來了解用戶界面如何施加影響及它對系統「內部」的要求。


④ App 產品原型設計用什麼軟體axureMMvisio

這里有一些產品原型設計軟體的總結,你可以參考一下~

希望對你有幫助~有疑問的地方歡迎追問~

⑤ axure做pc產品的原型設計怎麼做

和做手機一樣的做法啊,只是一個尺寸小一點,一個大一點



⑥ 用axure做出的產品原型圖的核心價值是什麼,主要意義是什麼

你好,首先我覺得原型設計需要根據需求(內部需求和外部需求)來設計自己的原型,其次你要明確產品原型相關意義~下面分享一些,你可以根據自身問題,看一看~

原型的定義:

  • 用線條、圖形描繪出的產品框架,也稱線框圖。

  • 交互設計的結果輸出,可能是一張紙上的幾張圖;原型代表著交互設計的結果,當最終實現的時候,交互流程會和原型保持一致;可以理解為草稿或者叫做參照物

  • 原型是一種讓用戶提前體驗產品、交流設計構想、展示復雜系統的方式。就本質而言,原型是一種溝通工具。

原型設計:

  • 線框圖描繪的是頁面功能結構,它不是設計稿,也不代表最終布局,線框圖所展示的布局,最主要的作用是描述功能與內容的邏輯關系。

  • 原型圖是最終系統的代表模型或者模擬,比線框圖更加真實、細致。

原型設計的作用,主要有兩點:

  1. 溝通: 因為是原型是需求和功能的具象化表達,所以原型可以輔助產品經理與領導、交互、UI和技術的溝通產品思路。雖然需求文檔也是可以滿足溝通需求的,通過用例將交互寫到設計描述文檔中,但是原型可以更詳細地解釋交互。

  2. 測試:因為原型相較於UI稿來說修改更方便,所以原型能提高產品經理的功能設計沒通過評審時返工的工作效率。沒有哪一家互聯網公司可以不經過測試,就直接上產品和服務。原型在識別問題、減少風險、節省成本等方面有著不可替代的價值。

原型設計的目的:

1.原型設計的核心目的在於測試產品,沒有哪一家互聯網公司可以不經過測試,就直接上產品和服務。

2.原型在識別問題、減少風險、節省成本等方面有著不可替代的價值。

3.雖然需求文檔也是可以滿足溝通需求的,通過用例將交互寫到設計描述文檔中,但是原型可以更詳細地解釋交互。

設計流程:首先明確產出原型目的以及用戶群體,這個原型有多大效率幫助我傳達設計或測試設計? 有多少時間做原型?其次需要什麼級別的保真程度?

(用紙筆畫的用戶個人賬戶的草圖示例)

步驟二:演示及評論

演示和評論的目標是把一些想法拿出來跟大家分享,然後進一步完善想法。

在演示過程中,要做好記錄,演示和評論的時間可以對半分。

步驟三:做原型

在明確了想法之後,就可以開始進行原型設計了。這個階段需要考慮很多細節,找出切實可行的方案,運用合適的原型來表達。

步驟四:測試

原型的目標之一是讓受眾來檢驗產品是否達到了預期,因此可以請5-6位測試者,通過音視頻捕捉等方式,看看產品原型是否被順暢地使用了。

原型設計工具:選擇什麼工具來製作原型?主要考慮以下幾個因素(排名分先後):

1. 熟悉程度和獲得工具的便利度;

2. 所需的時間和精力;

3. 可復用的代碼/框架;

4. 為測試創建可用的原型;

5. 價格和學習曲線。

目前比較好用的在線原型設計工具有Marvel,Invision,墨刀等等。

⑦ 做產品原型設計有哪些需要注意的問題

1、畫原型前先考慮好業務邏輯和交互邏輯。梳理好邏輯關系,在開始原型設計時才不會出現前後矛盾的狀況。

2、原型圖要規范,簡單整潔,主要可以概括為:頁面框架要清楚;頁面不影響設計;頁面元素要統一;頁面排版要整齊。
3、原型設計不宜佔用過多時間。原型圖的意義是為團隊成員呈現產品的主要功能和邏輯關系,因此不能為了好看而主次顛倒。對於產品經理來說,在原型設計階段,只需要使用摹客Mockplus之類的專業工具,就能快速完成原型設計,更多的時間則留給用戶需求和產品功能的整理,這樣才不會犯本末倒置的錯誤。

⑧ 如何通過原型製作來實現信息產品創意的流程

什麼是產品原型
說的簡單一點,產品原型是設計方案的表達,是產品經理、交互設計師的重要產出物之一,也是項目團隊的其它成員(尤其是設計師、開發人員)的重要參考和評估的依據。

結合我們前面了解的知識,產品界面原型其實就是頁面級別的信息架構、文案設計、及頁面和頁面之間的交互流程,它是產品功能與內容的示意圖。

直接上幾個原型圖,可能會更加清晰明了,如下圖:

原型設計稿

產品設計原型按照精細程度來分,可分為低保真產品原型和高保真產品原型、設計成品

低保真產品原型

所謂低保真原型,其實是對產品較簡單的模擬,它只是簡單的表述了下產品的外部特徵和基本功能構架,很多時候都是用簡單的設計工具迅速製作出來,用來表示最初的設計概念和思路。

比如用紙和筆進行的手繪,用畫圖軟體做出的簡單線框圖,都算是低保真產品原型。

這樣的原型圖有幾個好處:

可以快速產出:有時候一個需求的開發周期很短,低保真原型可以快速滿足同事的時間要求。
修改成本低:一個產品策劃很可能會被修改很多次,低保真的原型修改起來很方便。
當然,低保真原型也會有幾個問題,比如交互細節不清楚,容易造成誤解等。通常來說,一般只有時間比較緊迫,需求也比較簡單的時候,我們才會去產出低保真產品原型。

高保真產品原型

高保真產品原型,則是高功能性、高互動性的原型設計,是忠實展示產品功能、界面元素、功能流程的一種表現手段。原型圖中無論是功能模塊的大小,還是文案設計甚至是所用的圖標、圖例、交互動作,都使用真實素材,或者說和最終UI設計師的產出非常接近,就算是高保真產品原型了。

高保真的好處:

便於梳理產品細節:製作高保真原型的過程中可以讓產品經理提前發現產品潛藏的各種問題,提前處理風險。
更容易讓其他成員了解產品設計:有時候簡單的線框圖無法讓別人想像出你要做的事情,也不清楚你要放的是哪幾個欄位,而高保真原型就可以。
相對而言,劣勢就是製作周期比較漫長,涉及到產品流程的修改,那基本原型就得回爐重造一遍。

對於剛入門的產品經理,我一直建議有時間的話,還是盡可能多的畫高保真原型。因為在一開始產品設計經驗不多的情況下,通過設計一些高保真原型,對梳理自己的產品思維、了解產品設計是很有幫助的。對於已經入門很久的同學來說,則看需求的復雜程度和時間安排,比如產品的關鍵頁面是必然要用高保真原型去設計和梳理的。

設計成品

設計成品在這里,你也可以理解為是視覺設計師產出的UI設計稿,也就是設計師對你的產品原型進行美化之後得出的作品。設計師會運用一定的設計規范,來將你的原型變成可以讓開發進行實現的作品。

⑨ 這種產品經理畫出來的原型圖是用什麼工具畫出來的

用axure畫出來 的

⑩ 剛入門的產品經理畫產品原型圖,有哪些好用的工具,求安利

首選建議不要直接用Axure,推薦國內80%產品經理都在用的墨刀,是在線原型設計工具,很多模板都可以直接復用,分享便捷,易上手操作很簡單。
一是Axure對於新入門產品經理而言,Axure功能確實很多,但是對於初級而言主要是能把梳理的產品功能邏輯結構,用快速上手的原型設計工具落地成產品原型圖即可,主要是跟領導、同事溝通時候,預覽設備限制,極不方便。
二是墨刀提供很多行業產品原型圖模板,除了可以直接復用外,將自己設計的產品原型圖與其做對比,進行反思優化學習,同時,墨刀還可以把產品原型圖直接分享成項目鏈接或二維碼,特別方便領導和同事預覽,更方便溝通~

閱讀全文

與產品原型圖怎麼畫相關的資料

熱點內容
代理樹怎麼做 瀏覽:995
10萬的數據佔多少空間 瀏覽:134
怎麼關注考證信息 瀏覽:842
求租房租信息怎麼寫 瀏覽:711
為什麼只有4個理財產品 瀏覽:665
公司交技術費怎麼算 瀏覽:816
移動數據網路如何使用 瀏覽:437
今年什麼直銷產品好做 瀏覽:536
理財產品跌完了怎麼辦 瀏覽:760
為什麼要做手游代理 瀏覽:864
莒溪農副產品有什麼 瀏覽:994
什麼產品去痘痘效果最好阿達帕林 瀏覽:275
ps5全部信息是什麼 瀏覽:88
工會的技術等級怎麼寫 瀏覽:988
美團如何做城市代理 瀏覽:7
人才代理費是什麼 瀏覽:432
武漢勞務市場哪裡最便宜 瀏覽:449
數據和程序是什麼形式 瀏覽:590
晉中5g技術有哪些 瀏覽:577
哪些創業機會是技術進步帶來的 瀏覽:141