當(dāng)前位置：首頁 >問答首頁 >UI設(shè)計(jì)

UI產(chǎn)品原型圖有什么用

2024-05-14 12:28:48

互聯(lián)網(wǎng)產(chǎn)品界面設(shè)計(jì) 產(chǎn)品經(jīng)理短訓(xùn)班 CAD施工圖設(shè)計(jì)班公裝施工圖深化班 MAX效果圖設(shè)計(jì)班施工圖與風(fēng)格設(shè)計(jì)師班

精選回答

來自

單身亦小松鼠的回答 2024-05-14 12:29:55

聽取客戶需求，市場調(diào)研；梳理產(chǎn)品功能框架，畫出產(chǎn)品原型圖，交互設(shè)計(jì)優(yōu)化產(chǎn)品交互和用戶體驗(yàn)；Ui設(shè)計(jì)師根據(jù)產(chǎn)品原型線框圖出高保真設(shè)計(jì)圖片，定產(chǎn)品主色調(diào)主題風(fēng)格；前端和后端開發(fā)跟進(jìn)。業(yè)務(wù)范圍包括：產(chǎn)品運(yùn)營、產(chǎn)品策劃，產(chǎn)品推廣；產(chǎn)品迭代、優(yōu)化、改版；根據(jù)產(chǎn)品功能，用視覺表現(xiàn)出產(chǎn)品賣點(diǎn)，促進(jìn)產(chǎn)品銷售。

優(yōu)化人機(jī)交互使受眾獲得好的體驗(yàn)

來自

矮小愛黑米的回答 2024-05-14 12:29:55

如果是別人向我推薦某個東西，我不喜歡同時推薦幾個，選擇很麻煩。所以你的問題我只推薦墨刀，我們團(tuán)隊(duì)已經(jīng)用這個產(chǎn)品超過四年的時間了，也許在某些方面不如某些競品比如Axure，但它的簡單易學(xué)，敏捷，跨平臺，易分享，傻瓜式都是Axure不能比擬的。你如果沒有使用過，建議你去體驗(yàn)一下https://modao.cc，相信你會愛不釋手的！

Axure：發(fā)展較早的一款原型設(shè)計(jì)軟件，因而名聲較大。無限畫布，適合做低保真到中保真度的原型。功能很多，也讓學(xué)習(xí)起來有點(diǎn)難度，網(wǎng)上有很多axure教程就不多說了。本地型軟件，可以下載html文檔預(yù)覽，手機(jī)預(yù)覽不方便。

墨刀：國產(chǎn)的一款原型設(shè)計(jì)協(xié)作工具，比起axure來非常容易學(xué)會，內(nèi)置組件很多，創(chuàng)建頁面跳轉(zhuǎn)也比axure簡單太多。因?yàn)槭且豢钤诰€工具，可以云端保存工作，這點(diǎn)確實(shí)很便捷。另外，通過分享鏈接就可以分享原型給別人看了，如果涉及到跟同事對接什么的，選擇在線的工具更方便。支持sketch文稿導(dǎo)入和自動標(biāo)注。個人認(rèn)為性價比最高。

Invision: 可以說目前是國外發(fā)展最大的在線原型設(shè)計(jì)工具，主打“交互原型”和“協(xié)作”，支持sketch和ps設(shè)計(jì)稿導(dǎo)入做交互。近來出的 Invision studio 對標(biāo)sketch，想滿足更精細(xì)的設(shè)計(jì)需要。國外一些大牛公司像airbnb和amazon都在用。不過對于國內(nèi)用戶來說會有服務(wù)器速度的問題，而且，貴。（土豪公司無視）

Marvel: Marvel 也是海外知名度較高的一款原型設(shè)計(jì)協(xié)作工具，支持PS和sketch設(shè)計(jì)稿導(dǎo)入做交互原型，本身也支持中度保真程度的設(shè)計(jì)。也有自動標(biāo)注功能。圖片庫對接unsplash，這樣來自unsplash的很多精美的免費(fèi)圖片可以直接用。價格比Invision稍便宜。

POP（Prototyping on Paper）：這款比較另類，是給拍照的手畫草圖直接做交互。操作輕巧簡單：先用手機(jī)拍下草圖原型(存到POP app內(nèi))；然后開始編輯圖片的哪個區(qū)域（按鈕）鏈接到什么頁面，添加跳轉(zhuǎn)鏈接熱區(qū)，就可以在手機(jī)上給小伙伴們演示了。內(nèi)嵌的交互動作如側(cè)滑、展開、消失等，即可滿足一般的動態(tài)演示需要。但功能較為簡單，對更深的需求無法滿足。

Proto.io：也是國外的一款手機(jī)原型開發(fā)平臺。支持在大多數(shù)的瀏覽器運(yùn)行，共享和協(xié)作操作方便，可以直接在真實(shí)的移動設(shè)備上對原型進(jìn)行測試。擁有較為豐富的UI組件，支持自定義。另外它有不錯的用戶測試功能，支持視頻錄制。并且在移動組件時，能夠?qū)崟r在畫布看到組件之間的距離。另外由于服務(wù)器的原因，有國內(nèi)用戶反應(yīng)速度有點(diǎn)慢；收費(fèi)較高，性價比一般吧。

Moqup：支持線框圖，原型，和邏輯流程圖。里面組件數(shù)量蠻多，像表格這些也有，做web項(xiàng)目比較便利。支持在線預(yù)覽和分享，支持評論，不支持標(biāo)注。上手較容易，不過沒什么模板，UI有點(diǎn)過時感。

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