原型設(shè)計(jì)和ui有什么區(qū)別

大家好！今天讓小編來(lái)大家介紹下關(guān)于原型設(shè)計(jì)和ui有什么區(qū)別的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

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

文章目錄列表:

• 1、UI設(shè)計(jì)和交互的區(qū)別？

• 2、UI交互設(shè)計(jì)、 UI設(shè)計(jì) 、 交互設(shè)計(jì)，三者有啥區(qū)別？

• 4、UI設(shè)計(jì)師與平面設(shè)計(jì)師有什么不同

一、UI設(shè)計(jì)和交互的區(qū)別？

UI是交互的外現(xiàn)，交互是UI的內(nèi)撐，就如皮膚和骨架的關(guān)系，交互的結(jié)構(gòu)布局決定了UI思考方向；在常見的產(chǎn)品設(shè)計(jì)配合中一定是先有交互，后有UI。交互的價(jià)值在于: 從業(yè)務(wù)需求梳理信息結(jié)構(gòu)，從產(chǎn)品場(chǎng)景搭建用戶操作流程，為產(chǎn)品的可用性、易用性負(fù)責(zé)。

而UI的價(jià)值在于：圍繞產(chǎn)品定位塑造風(fēng)格與形象，為產(chǎn)品、用戶創(chuàng)建情感連接，從而更好的實(shí)現(xiàn)業(yè)務(wù)轉(zhuǎn)化與增長(zhǎng)。關(guān)于web前端的更多相關(guān)知識(shí)，建議到千鋒教育進(jìn)行更詳細(xì)的了解，目前，千鋒教育已在北京、深圳、上海、廣州、鄭州、大連等20余個(gè)核心城市建立直營(yíng)校區(qū)，等待你的隨聽。。

拿一款A(yù)PP來(lái)說(shuō)，我們第一眼看到的圖標(biāo)、界面這些與美術(shù)設(shè)計(jì)相關(guān)的內(nèi)容，屬于UI設(shè)計(jì)。它主要是負(fù)責(zé)APP軟件中的視覺(jué)設(shè)計(jì)部分。而交互設(shè)計(jì)，則是指我們使用APP的流程流暢度、操作便捷性、反饋及時(shí)性等等方面，主要是實(shí)用性設(shè)計(jì)。一款A(yù)PP如果想要吸引、留存更多的用戶，那么UI設(shè)計(jì)、交互設(shè)計(jì)這兩個(gè)環(huán)節(jié)都要特別注意。而UI設(shè)計(jì)、交互設(shè)計(jì)在一定程度上是重合的，所以現(xiàn)在很多企業(yè)都會(huì)合并兩個(gè)崗位，在招聘UI設(shè)計(jì)師時(shí)會(huì)要求應(yīng)聘者有交互設(shè)計(jì)技能。所以，如果我們想要從事相關(guān)職業(yè)，那么全面學(xué)習(xí)相關(guān)的崗位技術(shù)就是非常必要的了。千鋒教育多年辦學(xué)，課程大綱緊跟企業(yè)需求，更科學(xué)更嚴(yán)謹(jǐn)，每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升，都可以找到適合的班型，是一家性價(jià)比極高的教育機(jī)構(gòu)。

二、交互設(shè)計(jì)和UI設(shè)計(jì)是什么關(guān)系??？

交互設(shè)計(jì)和UI設(shè)計(jì)的關(guān)系：

1、交互設(shè)計(jì)是一種面向目標(biāo)的設(shè)計(jì)。所有的工作都是圍繞用戶行為設(shè)計(jì)的。交互設(shè)計(jì)人員設(shè)計(jì)用戶行為，使用戶更方便高效地實(shí)現(xiàn)產(chǎn)品業(yè)務(wù)目標(biāo)，并獲得愉快的用戶體驗(yàn)。

ui設(shè)計(jì)有兩個(gè)概念：窄和寬。廣義的概念包含了互動(dòng)的含義。事實(shí)上，UI設(shè)計(jì)包括圖形設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)和移動(dòng)界面設(shè)計(jì)，交互是當(dāng)今設(shè)計(jì)師的一項(xiàng)重要任務(wù)。

2、如果UI設(shè)計(jì)是通用的，則應(yīng)該包括原型設(shè)計(jì)、交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)。狹義的ui通常只是人們看到的ui可視化設(shè)計(jì)的最后一部，交互是用戶操作事件的反映。

例如，點(diǎn)擊彈出菜單，瀏覽鏈接就會(huì)變成紫色，這是一種非常微妙的互動(dòng)，但它處處反映用戶體驗(yàn)。交互設(shè)計(jì)更多的是關(guān)于用戶行為響應(yīng)的設(shè)計(jì)、UI可視化設(shè)計(jì)，以及更多關(guān)于界面的靜態(tài)設(shè)計(jì)。

擴(kuò)展資料：

交互設(shè)計(jì)遠(yuǎn)不如用戶界面設(shè)計(jì)。

1、在中國(guó)，互動(dòng)相對(duì)較少。中國(guó)只有少數(shù)學(xué)校專門研究鄭和八經(jīng)典互動(dòng)。

2、交互不一定需要特殊的創(chuàng)新，或者有更一般的交互模板。例如，下拉刷新、左右滑動(dòng)開關(guān)等，對(duì)于企業(yè)來(lái)說(shuō)，產(chǎn)品和UI都可以同時(shí)交互，只是遵循流行的過(guò)程和操作。

3、在小公司中，產(chǎn)品經(jīng)理負(fù)責(zé)更詳細(xì)的內(nèi)容，這與交互功能重疊。如果將交互位置直接添加到產(chǎn)品和UI中，則可能帶來(lái)比人力成本和通信成本少得多的價(jià)值。

參考資料來(lái)源：百度百科-交互設(shè)計(jì)

參考資料來(lái)源：百度百科-UI設(shè)計(jì)

三、UI交互設(shè)計(jì)、 UI設(shè)計(jì) 、 交互設(shè)計(jì)，三者有啥區(qū)別？

想要簡(jiǎn)單、直接地看清楚它們之間的關(guān)系，那么一張圖就可以搞定：

根據(jù)上圖，似乎可以看出UI交互設(shè)計(jì)是UI設(shè)計(jì)和交互設(shè)計(jì)的結(jié)合。但三者之間的具體區(qū)別又是怎樣的呢？

1、概念

UI設(shè)計(jì)的重心是色彩和視覺(jué)，以界面美觀設(shè)計(jì)為主，主要考慮產(chǎn)品看起來(lái)怎么樣。

而交互設(shè)計(jì)則是以用戶為中心進(jìn)行人機(jī)互動(dòng)部分的設(shè)計(jì)，主要考慮產(chǎn)品用起來(lái)怎么樣。

而UI交互設(shè)計(jì)則需要兼顧UI與交互兩個(gè)方面進(jìn)行設(shè)計(jì)，將交互的理念體現(xiàn)在UI界面上。

2、工作人群

不同的設(shè)計(jì)工作類型，涉及的人群也盡不相同。

UI設(shè)計(jì)的相關(guān)人群主要是工作中包涵該部分的人，除了專業(yè)的UI設(shè)計(jì)師，界面設(shè)計(jì)師，網(wǎng)頁(yè)設(shè)計(jì)師等也是它的工作人群。

而交互設(shè)計(jì)涉及的人群更廣，交互設(shè)計(jì)師、UX設(shè)計(jì)師自然不在話下。另外，需要表達(dá)設(shè)計(jì)想法的產(chǎn)品經(jīng)理運(yùn)營(yíng)人員也是其中一員。

最后，UI交互設(shè)計(jì)所涉及的范圍比兩者稍廣，包含了UI設(shè)計(jì)人群和大部分交互設(shè)計(jì)人群。

3、工具

從使用的工具來(lái)看，UI設(shè)計(jì)主要以圖形（PS）、圖標(biāo)（AI）、界面設(shè)計(jì)（Sketch）工具為主。交互設(shè)計(jì)主要以原型設(shè)計(jì)（Axure），交互設(shè)計(jì)工具為主。而UI交互設(shè)計(jì)則需要囊括前兩者使用的所有工具。

根據(jù)以上內(nèi)容，不知道你有沒(méi)有對(duì)UI交互設(shè)計(jì)，UI設(shè)計(jì)，交互設(shè)計(jì)三者的區(qū)別已經(jīng)有所了解。

最后再給簡(jiǎn)單概括一下：UI是為了好看，交互設(shè)計(jì)是為了好用，UI交互設(shè)計(jì)就是好看又好用。

四、UI設(shè)計(jì)師與平面設(shè)計(jì)師有什么不同

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

AE：AE軟件在UI設(shè)計(jì)工作中主要用來(lái)做動(dòng)效設(shè)計(jì)的

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

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

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

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

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

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

就是我們做好了頁(yè)面，這個(gè)頁(yè)面的高底，寬度，包括頁(yè)面的色值我們都需要標(biāo)注出來(lái)，為什么需要標(biāo)注呢，因?yàn)槲覀冏龅膱D，做完之后他就是張圖片，這個(gè)圖片我們用手機(jī)是點(diǎn)不了的，我們手機(jī)APP上的那些圖之所以能點(diǎn)，那是因?yàn)橛谐绦蛟匙隽艘粋€(gè)二次開發(fā)，這個(gè)東西我們不用懂，但是我們要標(biāo)注出來(lái)，標(biāo)注出來(lái)讓程序猿知道你的顏色，你的色值，你的尺寸到時(shí)是多少，他才能開發(fā)出來(lái)。

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

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

設(shè)計(jì)包含了：圖標(biāo)設(shè)計(jì)，界面設(shè)計(jì)，動(dòng)效設(shè)計(jì)，交互設(shè)計(jì)，運(yùn)營(yíng)設(shè)計(jì)，插畫設(shè)計(jì)，平面設(shè)計(jì)，作品集設(shè)計(jì)，小程序設(shè)計(jì)

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

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

動(dòng)效設(shè)計(jì)：動(dòng)效設(shè)計(jì)可能很多人沒(méi)有留意過(guò)，但是動(dòng)效設(shè)計(jì)是非常非常重要的，只要是頁(yè)面切換效果都屬于動(dòng)效設(shè)計(jì)

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

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

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

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

以上就是小編對(duì)于原型設(shè)計(jì)和ui有什么區(qū)別問(wèn)題和相關(guān)問(wèn)題的解答了，如有疑問(wèn)，可撥打網(wǎng)站上的電話，或添加微信。

推薦閱讀：

2016年杭州峰會(huì)（2016年杭州峰會(huì)會(huì)標(biāo)的原型和寓意）

兔圓圓為什么被罵（兔兔原型）

什么是景觀設(shè)計(jì)的原型

PR2022視頻編輯軟件講解，Premiere Pro 2023中文版安裝步驟

手機(jī)上圖標(biāo)怎么隱藏起來(lái)（怎么將手機(jī)上的圖標(biāo)隱藏）