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

UI輸出的效果圖，相當(dāng)于最終程序的運(yùn)行效果。

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

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

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

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

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

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

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

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

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

當(dāng)完成可交互的原型之后，將它作為一個(gè)成型的界面來(lái)使用，看看它能否帶來(lái)預(yù)期中的體驗(yàn)。

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

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

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

Adobe Photoshop CC 2018簡(jiǎn)稱PSCC2018

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

2018年12月推出的Adobe PhotoshopCC2018為市場(chǎng)最新版本。

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

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

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

Adobe Illustrator CC 2018簡(jiǎn)稱AICC2018

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

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

2017年12月推出的Adobe illustratorCC2018為市場(chǎng)最新版本。

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

Adobe After Effects CC 2018簡(jiǎn)稱AECC2018

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

包括電視臺(tái)、動(dòng)畫制作公司、個(gè)人后期制作工作室以及多媒體工作室。屬于層類型后期軟件。

2017年12月推出的Adobe After Effects CC2018為市場(chǎng)最新版本。

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

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

Axure RP Pro 7.0簡(jiǎn)稱ARP

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

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

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

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

學(xué)習(xí)UI圖形界面設(shè)計(jì)，常用的幾個(gè)軟件分別是一、Photoshop二、Sketch三、藍(lán)湖四、Axure