正文

原型圖是產(chǎn)品經(jīng)理還是UI

發(fā)布時間：2023-04-19 06:18:54 稿源：創(chuàng)意嶺閱讀： 80

大家好！今天讓小編來大家介紹下關(guān)于原型圖是產(chǎn)品經(jīng)理還是UI的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

1、介紹一下UI設(shè)計中的專業(yè)名詞?
2、UI設(shè)計師負(fù)責(zé)的工作都有哪些
3、ui交互設(shè)計是什么？
4、產(chǎn)品經(jīng)理畫原型圖哪些工具好用，求推薦～

原型圖是產(chǎn)品經(jīng)理還是UI

一、介紹一下UI設(shè)計中的專業(yè)名詞?

UI設(shè)計中的專業(yè)名詞有：

1、(User Interface)：用戶界面UE或UX

2、(User Experience)：用戶體驗GUI

3、(Graphical User Interface)：圖形用戶界面UED

4、(User-Experience Design)：用戶體驗設(shè)計UCD

5、(User-Centered Design)：以用戶為中心的設(shè)計IXD

6、(Interaction Design)：交互設(shè)計

7、(Visual Design)：視覺設(shè)計PM

8、(Product Manager)：產(chǎn)品經(jīng)理

原型圖是產(chǎn)品經(jīng)理還是UI

UI設(shè)計所需的設(shè)計技能：

圖標(biāo)設(shè)計、視覺設(shè)計、界面設(shè)計、網(wǎng)頁設(shè)計、交互設(shè)計、動效設(shè)計、原型圖設(shè)計、APP設(shè)計、小程序設(shè)計、UE設(shè)計、擬物化與扁平化設(shè)計、Banner設(shè)計、專題頁設(shè)計、電商設(shè)計、GUI圖形設(shè)計、WUI設(shè)計、手機(jī)主題設(shè)計、商業(yè)實訓(xùn)項目設(shè)計流程、H5網(wǎng)頁設(shè)計、代碼基礎(chǔ)、美術(shù)手繪、配色原理、設(shè)計規(guī)范、版式、切圖、適配、標(biāo)準(zhǔn)化布局、三大構(gòu)成、交互邏輯、思維構(gòu)圖、產(chǎn)品運營

二、UI設(shè)計師負(fù)責(zé)的工作都有哪些

用戶界面設(shè)計又分為三個職位，分別是用戶體驗設(shè)計師、交互設(shè)計師和界面設(shè)計師。我們常說的學(xué)UI設(shè)計或做UI設(shè)計，一般都指GUI界面設(shè)計師。GUI設(shè)計師的日常工作就是界面設(shè)計、圖標(biāo)設(shè)計、切圖和標(biāo)注。所用工具為PS、AI、AE、C4D（非必需）等，還有切圖和標(biāo)注的一些插件或軟件。GUI設(shè)計師的就業(yè)方向分為主題UI設(shè)計師和APP UI設(shè)計師。

APP UI自然就是手機(jī)軟件界面設(shè)計，我們平日所用的微信、QQ、淘寶、支付寶等這些全都屬于APP，他們的界面自然也都是UI設(shè)計師所設(shè)計的。手機(jī)應(yīng)用種類繁多，安卓和蘋果商城幾乎都有數(shù)十萬甚至百萬個，這自然就需要大量的UI設(shè)計師了。

ID（交互設(shè)計師）一般的工作是設(shè)計、繪制原型圖，它對邏輯處理能力和頁面布局能力要求較高，很多工業(yè)設(shè)計出身的人比較適合這個行業(yè)。

UE（用戶體驗設(shè)計師）這個職位一般只有中大型公司才有，顧名思義，它主要是研究用戶體驗的，用戶的行為，情感，使用感受、使用過程等所有方面都需要進(jìn)行研究，心理學(xué)專業(yè)出身的人可以考慮這個行業(yè)。

UI設(shè)計的工作內(nèi)容：

具還包括：可用性分析、GUI（Graphic User Interface即圖形用戶界面設(shè)計、用戶測試等。好的UI設(shè)計不只是讓軟件變得有個性有品味而已，更重要的是讓軟件的操作變得舒適、簡單、易用，并且充分體現(xiàn)軟件的定位和特點。

UI設(shè)計師的工作流程：

1、在設(shè)計之前，首先需要產(chǎn)品經(jīng)理確定好客戶或者老板的需求。

2、確定需求之后，產(chǎn)品經(jīng)理會做具體的說明，讓交互、UI、開發(fā)、測試明確產(chǎn)品需求，明確項目的具體細(xì)節(jié)。

3、設(shè)計組內(nèi)部會議、界面風(fēng)格確定。這個時候需要確定一個設(shè)計負(fù)責(zé)人。設(shè)計負(fù)責(zé)人會給同事做具體的工作安排，線框圖標(biāo)、版式設(shè)計等都有具體的分配。

4、分工已經(jīng)明確，進(jìn)行具體設(shè)計工作。

5、標(biāo)注圖、效果圖、切圖。這個步驟，產(chǎn)品經(jīng)理會進(jìn)行把關(guān)。

6、開發(fā)完成，進(jìn)行最后的測試。測試工程師會對開發(fā)出來的產(chǎn)品進(jìn)行測試，看看有沒有疏漏，有沒有錯誤，當(dāng)測試和調(diào)試完成，上線，就完成了整個開發(fā)的流程。

現(xiàn)在企業(yè)對于UI設(shè)計師的需求也越來越多，之前只會一個單一的移動端APP界面設(shè)計都能找到一份很不錯的工作，但是現(xiàn)在企業(yè)需要變多所以我們需要學(xué)習(xí)的內(nèi)容也增多了，之后就得學(xué)習(xí)運營設(shè)計，網(wǎng)頁界面設(shè)計，交互動效設(shè)計，小程序設(shè)計，插畫設(shè)計等等。

如果是現(xiàn)在只會一個移動端APP設(shè)計找工作就比較難的，所以我們就需要不斷的學(xué)習(xí)，充實自己，提升自己的能力，不然很容易就被這個社會淘汰了。

那么我們接下來了解一下現(xiàn)在學(xué)習(xí)UI設(shè)計需要會哪些設(shè)計能力？

我們第一個要掌握的能力就是軟件技法能力

我們在學(xué)習(xí)UI設(shè)計的過程當(dāng)中，需要學(xué)習(xí)到很多知識，比如 PS，AI，AE，XD，ARP，C4D，藍(lán)湖，默刀軟件，這些都是一名UI設(shè)計必需要掌握好的軟件。而學(xué)習(xí)到這些軟件，可以通過視視頻，書籍，網(wǎng)站等多種方法學(xué)習(xí)。

工欲善其事必先利其器，從這個階段開始，覺得先學(xué)習(xí)軟件工具了，一般UI設(shè)計要學(xué)習(xí)有以下8款軟件（PS，AI，AE，XD，ARP，C4D，藍(lán)湖，默刀軟件）那么這幾款軟件在UI設(shè)計工作是負(fù)責(zé)什么的呢？

PS：PS軟件在UI設(shè)計工作中主要來用做UI設(shè)計界面設(shè)計、圖標(biāo)設(shè)計、圖片處理的

AI：AI軟件在UI設(shè)計工作中主要用來做UI界面設(shè)計、圖標(biāo)設(shè)計、字體設(shè)計、插畫設(shè)計的

AE：AE軟件在UI設(shè)計工作中主要用來做動效設(shè)計的

XD：XD或者sketch軟件，Sketch（只能在蘋果電腦上安裝）XD軟件可以在雙系統(tǒng)上安裝

Sketch和XD這兩款軟件功能是差不多的，XD的話是一款非常適合做UI設(shè)計工作，XD做圖會非?？?，因為XD的工具特別少，里面的工具是專門為做UI設(shè)計工作開發(fā)的一款軟件，而且XD軟件特別小，不會卡。

ARP：ARP或者默刀軟件，ARP和默刀軟件功能差不多二選一學(xué)習(xí)就可以了，這兩款軟件都是做原型設(shè)計的

UI設(shè)計是由很多很多界面組成的，這些界面每一步之間去交接的這個界面，如果說我們只做一個界面，UI設(shè)計師是可以做出來的，但是要做幾十個上面?zhèn)€界面，如果我們一個個做是肯定會出問題的，所以需要先制作原型，我們根據(jù)原型再制作界面，這就是我們的前后聯(lián)系，原型是不用做這個顏色，圖標(biāo)，細(xì)節(jié)的，只需搭建一個基礎(chǔ)的版式就行，這個就是我們用ARP或者默刀軟件做的。

C4D：C4D軟件在UI設(shè)計工作中主要用來做建模的

藍(lán)湖：藍(lán)湖軟件在UI設(shè)計工作中主要用來做標(biāo)注設(shè)計的

就是我們做好了頁面，這個頁面的高底，寬度，包括頁面的色值我們都需要標(biāo)注出來，為什么需要標(biāo)注呢，因為我們做的圖，做完之后他就是張圖片，這個圖片我們用手機(jī)是點不了的，我們手機(jī)APP上的那些圖之所以能點，那是因為有程序猿做了一個二次開發(fā)，這個東西我們不用懂，但是我們要標(biāo)注出來，標(biāo)注出來讓程序猿知道你的顏色，你的色值，你的尺寸到時是多少，他才能開發(fā)出來。

那么除了軟件技法之外我們還需要會哪能力？

我們可以用軟件做一些圖，但是呢軟件只是個工具，我們還需要會設(shè)計

設(shè)計包含了：圖標(biāo)設(shè)計，界面設(shè)計，動效設(shè)計，交互設(shè)計，運營設(shè)計，插畫設(shè)計，平面設(shè)計，作品集設(shè)計，小程序設(shè)計

圖標(biāo)設(shè)計：手機(jī)及電腦上的界面里面的圖標(biāo)

界面設(shè)計：手機(jī)APP界面和電腦上的界面

動效設(shè)計：動效設(shè)計可能很多人沒有留意過，但是動效設(shè)計是非常非常重要的，只要是頁面切換效果都屬于動效設(shè)計

交互設(shè)計：交互設(shè)計要做的就是原型圖設(shè)計

UI設(shè)計師的職業(yè)發(fā)展：

設(shè)計學(xué)完后就業(yè)方向非常廣，除了美工，可以做webUI設(shè)計師、移動端UI設(shè)計師、平面設(shè)計師、產(chǎn)品經(jīng)理等很多方向。圖形設(shè)計師，它不僅僅是單純意義上的美術(shù)工人，而是了解軟件產(chǎn)品、致力于提高軟件用戶體驗的產(chǎn)品外形設(shè)計師，例如工業(yè)外形設(shè)計、裝潢設(shè)計、信息多媒體設(shè)計等；交互設(shè)計師，設(shè)計軟件的操作流程、樹狀結(jié)構(gòu)、軟件的結(jié)構(gòu)與操作規(guī)范等；用戶測試/研究工程師，主要測試交互設(shè)計的合理性以及圖形設(shè)計的美觀性，通常采用戶外問卷的形式來衡量UI設(shè)計的合理性。所以，學(xué)習(xí)UI設(shè)計就業(yè)方向非常廣，可以給子自己很多不同的工作選擇。

總之，UI設(shè)計師的主要工作內(nèi)容就是設(shè)計出能夠滿足用戶需求的界面設(shè)計。這需要設(shè)計師既要有扎實的設(shè)計功底，又要懂得一些基礎(chǔ)的軟件開發(fā)知識，和前端知識等等。因此傳統(tǒng)的設(shè)計師比較起來，UI設(shè)計師在當(dāng)今社會需求量更大。

三、ui交互設(shè)計是什么？

對ui設(shè)計的理解，做ui設(shè)計需要什么?要想做好ui設(shè)計，那么你肯定要對ui設(shè)計有所理解?；蛘哒f，你多多少少得對ui設(shè)計有些許自己的了解，正所謂：知己知彼，才能百戰(zhàn)不殆。那么，今天我們就來說說對ui設(shè)計的理解，做ui設(shè)計需要什么？

原型圖是產(chǎn)品經(jīng)理還是UI

對UI設(shè)計的理解，做UI設(shè)計需要什么

1.什么是UI設(shè)計？

2.UI設(shè)計需要具備哪些能力？

原型圖是產(chǎn)品經(jīng)理還是UI

從這些界面又可以總結(jié)出：所有的界面都是由文字、圖形、顏色三大視覺元素組成的。

2.UI設(shè)計內(nèi)容包括：界面美觀、軟件操作邏輯、人機(jī)交互。

簡單來講就是，UI設(shè)計不只是設(shè)計視覺層面（界面外觀），還要設(shè)計用戶使用操作層面（邏輯和交互）。

3.UI設(shè)計的目的是：讓用戶在完成自己的任務(wù)時，與軟件/系統(tǒng)/產(chǎn)品之間的交流盡可能地簡單、高效。

簡單來講就是，UI設(shè)計的目的是：讓產(chǎn)品或系統(tǒng)或軟件的視覺層面-顏值高（好看、舒服、個性）、操作層面-好用（簡單易懂、操作高效）。

一般來講，一個互聯(lián)網(wǎng)產(chǎn)品的設(shè)計開發(fā)流程是這樣的：

1.需求：公司老板、市場運營、產(chǎn)品經(jīng)理等，提出抽象的產(chǎn)品需求想法。

2.產(chǎn)品：PM產(chǎn)品經(jīng)理把這些抽象需求，變成具象的低保真原型圖。

3.設(shè)計：UI設(shè)計師和PM就原型圖進(jìn)行需求溝通（邏輯交互細(xì)節(jié)、視覺風(fēng)格等），然后用設(shè)計軟件（PS/Sketch），變成高保真效果圖。

4.開發(fā)：程序員（RD/FE）拿到設(shè)計師交付的高保真效果（包括切圖標(biāo)注），進(jìn)行代碼程序開發(fā)。

5.測試：測試程序員進(jìn)行程序測試，UI設(shè)計師進(jìn)行UI效果實現(xiàn)驗收。

6.上線：提交蘋果和安卓應(yīng)用市場，進(jìn)行發(fā)布，用戶下載使用。

在這個流程里面，設(shè)計師扮演者翻譯的角色，

目的是把產(chǎn)品經(jīng)理抽象的需求想法（低保真原型圖），轉(zhuǎn)換成用戶容易理解的、容易操作的高保真效果圖。

兩者的差異在哪里？

低保真原型圖：描述需求的有哪些功能模塊，以及功能模塊之間的交互流程。

高保真效果圖：定義界面視覺呈現(xiàn)（文字、圖形、顏色、版式），定義各頁面之間詳細(xì)的交互形式，并完善異常交互場景。

所以，UI設(shè)計師需要具備哪些能力，就非常容易知道了。

原型圖是產(chǎn)品經(jīng)理還是UI

對UI設(shè)計的理解，做UI設(shè)計需要什么

1.軟件技能：畫圖能力，就是能用設(shè)計軟件，將低保真的原型圖，翻譯成高保真效果圖。

2.審美素養(yǎng)：美學(xué)能力，知道什么樣的界面是顏值高的，并能用軟件繪制出來。目的是讓產(chǎn)品顏值高。

3.邏輯思維：核心能力，能理解產(chǎn)品的抽象邏輯和想法，以及用戶場景和用戶心理，并應(yīng)用到界面視覺信息呈現(xiàn)、頁面之間的交互關(guān)系。目的是讓產(chǎn)品好用

對ui設(shè)計的理解，做ui設(shè)計需要什么？ui設(shè)計的目的是為了增強(qiáng)用戶的體驗，影響用戶的行為。所以優(yōu)秀的Ui設(shè)計必須是人性化的、美觀的、簡單易使用的、簡潔清晰的。所以不能單純的為了設(shè)計而設(shè)計，一定要對ui設(shè)計有自己的理解，這樣才能設(shè)計出更好的作品。今天的問題就分享到這里啦，如果你還有其他問題歡迎留言或者評論與我交流哦~

四、產(chǎn)品經(jīng)理畫原型圖哪些工具好用，求推薦～

對于產(chǎn)品經(jīng)理來說，一個好用的設(shè)計（畫）原型圖工具是一個橋梁。它既能把自己的構(gòu)思體現(xiàn)，又是與開發(fā)小哥哥的“交流”。

下面我來分享一些大眾款的原型圖設(shè)計工具，可以根據(jù)自己的需求來選擇。

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

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

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

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

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

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

以上就是小編對于原型圖是產(chǎn)品經(jīng)理還是UI問題和相關(guān)問題的解答了，如有疑問，可撥打網(wǎng)站上的電話，或添加微信。