產(chǎn)品輸出的是原型圖，側(cè)重于布局，相當于示意圖；

UI輸出的效果圖，相當于最終程序的運行效果。

產(chǎn)品輸出的圖和UI輸出的圖在設(shè)計上有一些區(qū)別。下面是它們的主要區(qū)別：

目的和用途：產(chǎn)品輸出的圖主要用于傳達產(chǎn)品的整體概念、功能和流程，以便讓團隊成員、利益相關(guān)者和開發(fā)人員理解和實現(xiàn)產(chǎn)品。UI輸出的圖主要用于展示具體的界面設(shè)計，包括布局、顏色、字體、圖標等，以便讓開發(fā)人員按照設(shè)計進行實現(xiàn)。

內(nèi)容和細節(jié)：產(chǎn)品輸出的圖通常更關(guān)注用戶需求、用戶流程和產(chǎn)品功能，它們可能包括用戶故事地圖、用戶旅程圖、流程圖等。UI輸出的圖則更關(guān)注界面設(shè)計的細節(jié)，如界面原型、線框圖、視覺設(shè)計等。

抽象程度：產(chǎn)品輸出的圖通常更抽象，著重于整體概念和流程，以便傳達產(chǎn)品的核心思想。UI輸出的圖則更具體，著重于界面元素和交互細節(jié)，以便傳達具體的設(shè)計要求。

受眾對象：產(chǎn)品輸出的圖主要面向團隊成員、利益相關(guān)者和開發(fā)人員，以便他們理解和實現(xiàn)產(chǎn)品。UI輸出的圖主要面向設(shè)計師和開發(fā)人員，以便他們按照設(shè)計進行實現(xiàn)。

雖然產(chǎn)品輸出的圖和UI輸出的圖有一些區(qū)別，但它們在設(shè)計過程中是相互關(guān)聯(lián)的。產(chǎn)品輸出的圖為UI設(shè)計提供了基礎(chǔ)和指導(dǎo)，而UI輸出的圖則是產(chǎn)品設(shè)計的具體體現(xiàn)。

有區(qū)別。
1. 產(chǎn)品輸出的圖主要是指在產(chǎn)品設(shè)計和開發(fā)過程中產(chǎn)生的各種圖表和原型，用于描述產(chǎn)品的功能、流程、界面等方面，幫助團隊成員更好地理解和溝通產(chǎn)品需求和設(shè)計方案。
2. UI輸出的圖主要指界面設(shè)計的圖形輸出，包括各個頁面的視覺設(shè)計、布局、色彩、字體等元素，用于展示最終用戶界面的樣式和效果。
它更側(cè)重于提供用戶友好的交互體驗和視覺吸引力。
3. 因此，產(chǎn)品輸出的圖更注重功能和流程的表達，而UI輸出的圖更注重界面的美觀和用戶體驗。
兩者在產(chǎn)品開發(fā)過程中發(fā)揮不同的作用，但都對最終的產(chǎn)品質(zhì)量和用戶滿意度有重要影響。

不論你是移動端UI設(shè)計師還是網(wǎng)頁設(shè)計師，原型設(shè)計的重要性似乎是顯而易見的。原型設(shè)計讓設(shè)計師和開發(fā)者將基本的概念和構(gòu)想形象化的呈現(xiàn)出來，讓參與進來的每個人都可以查看、使用并且給予反饋，并且在最終版本定下來之前進行必要的調(diào)整。

在項目開始之初，對每個元素進行調(diào)試并確保它們能夠如同預(yù)期一樣運作，這是相當重要的步驟。

當完成可交互的原型之后，將它作為一個成型的界面來使用，看看它能否帶來預(yù)期中的體驗。

你可以測試其中所有的功能，看看能否解決規(guī)劃階段所計劃解決的問題。

如果是在完成整體的設(shè)計和開發(fā)之后再行測試，修改和調(diào)整起來成本就相當高昂了。

UI設(shè)計需要學習的軟件分為4款，分別有PS，AI，AE，ARP，外加兩個輔助插件如思維導(dǎo)圖， 馬克鰻等軟件，這些都是一名UI設(shè)計必需要掌握好的軟件。

Adobe Photoshop CC 2018簡稱PSCC2018

Adobe Photoshop，簡稱“PS”，是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。

2018年12月推出的Adobe PhotoshopCC2018為市場最新版本。

PS可以用來從事，平面設(shè)計，網(wǎng)頁設(shè)計，UI設(shè)計等多種設(shè)計工作。

在UI設(shè)計中PS的使用率在90%以上，所以作為一個合格的UI設(shè)計師。PS是肯定得掌握的。

PS可以在UI設(shè)計中，繪制界面設(shè)計，圖標設(shè)計等。

Adobe Illustrator CC 2018簡稱AICC2018

Adobe illustrator是一種應(yīng)用于出版、多媒體和在線圖像的工業(yè)標準矢量插畫的軟件，

作為一款非常好的矢量圖形處理工具，Adobe Illustrator廣泛應(yīng)用于印刷出版、海報書籍排版、專業(yè)插畫、多媒體圖像處理和互聯(lián)網(wǎng)頁面的制作等

2017年12月推出的Adobe illustratorCC2018為市場最新版本。

AI可以用來從事，平面設(shè)計，網(wǎng)頁設(shè)計，UI設(shè)計等多種設(shè)計工作。在UI設(shè)計中AI的使用率也是非常高的，主要可以用來繪制圖標，界面等設(shè)計。

Adobe After Effects CC 2018簡稱AECC2018

Adobe After Effects簡稱“AE”是Adobe公司推出的一款圖形視頻處理軟件，適用于從事設(shè)計和視頻特技的機構(gòu)，

包括電視臺、動畫制作公司、個人后期制作工作室以及多媒體工作室。屬于層類型后期軟件。

2017年12月推出的Adobe After Effects CC2018為市場最新版本。

AE可以用來從事影視后期， 平面設(shè)計，UI設(shè)計等多種設(shè)計工作。

在UI設(shè)計中PS主要用制作交互動效圖。

Axure RP Pro 7.0簡稱ARP

Axure RP是一個專業(yè)的快速原型設(shè)計工具。Axure（發(fā)音：Ack-sure），代表美國Axure公司；RP則是Rapid Prototyping（快速原型）的縮寫。

Axure RP的使用者主要包括商業(yè)分析師、信息架構(gòu)師、可用性專家、產(chǎn)品經(jīng)理、IT咨詢師、用戶體驗設(shè)計師、交互設(shè)計師、界面設(shè)計師等，

另外，架構(gòu)師、程序開發(fā)工程師也在使用Axure。

在UI設(shè)計中ARP主要用制作交互原型圖。

學習UI圖形界面設(shè)計，常用的幾個軟件分別是一、Photoshop二、Sketch三、藍湖四、Axure