正文

原型圖和ui圖區(qū)別

發(fā)布時間：2023-04-04 08:32:45 稿源：創(chuàng)意嶺閱讀： 50 當前文章關(guān)鍵詞排名出租

大家好！今天讓小編來大家介紹下關(guān)于原型圖和ui圖區(qū)別的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

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

文章目錄列表:

1、原型設計和前端開發(fā)的區(qū)別
2、UI設計和交互的區(qū)別？
3、ui跟平面設計的區(qū)別
4、UI設計師需要畫原型圖嗎？

原型圖和ui圖區(qū)別

一、原型設計和前端開發(fā)的區(qū)別

原型設計和前端開發(fā)的區(qū)別有以下幾點：

1、定義不同，前端開發(fā)，顧名思義就是對網(wǎng)站進行視覺上的設計，網(wǎng)頁UI的設計等。原型設計則是指根據(jù)交互設計師、用戶體驗設計師的設計思路，完成的功能實現(xiàn)的流程圖與界面的框架圖，為前端開發(fā)工程師的響應開發(fā)提供參考。

2、詳細程度不同，前段開發(fā)是具體的工程，原型設計是一個大概的概念。

二、UI設計和交互的區(qū)別？

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

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

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

三、ui跟平面設計的區(qū)別

UI設計師與平面設計師的區(qū)別是什么?UI的收入憑什么高于平面?為什么做平面的卻做不了ui?以下我為你帶來有關(guān)ui跟平面設計的區(qū)別的資料，希望對你有所幫助!

平面設計和UI設計的區(qū)別是什么

平面設計主要學習如報紙廣告、噴繪寫真、名片、路牌、企業(yè)樣冊、VI設計、LOGO標志、宣傳單頁、宣傳折頁、海報、包裝設計及婚紗設計等，這些都屬于平面設計的范疇。

UI的本意是用戶界面，是英文User和interface的縮寫。從字面上看是用戶與界面2個組成部分，但實際上還包括用戶與界面之間的交互關(guān)系。界面設計，在漫長的軟件發(fā)展中，界面設計工作一直沒有被重視起來。做界面設計的人也被貶義的稱為“美工”。其實軟件界面設計就像工業(yè)產(chǎn)品中的工業(yè)造型設計一樣，是產(chǎn)品的重要賣點。一個友好美觀的界面會給人帶來舒適的視覺享受，拉近人與電腦的距離，為商家創(chuàng)造賣點。界面設計不是單純的美術(shù)繪畫，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設計，是純粹的科學性的藝術(shù)設計。

這些UI設計師大多是美術(shù)院校畢業(yè)的，其中大部分是有美術(shù)設計教育背景，例如工業(yè)外形設計，裝潢設計，信息多媒體設計等，他們要求有很好的美術(shù)功底才可以。而平面設計師則不同，美術(shù)基礎相對要求不高，只要可以熟練的掌握軟件的操作，學習了平面設計相關(guān)的專業(yè)培訓，了解和掌握了平面設計的設計規(guī)則和要點，畢業(yè)直接就業(yè)肯定是沒有問題的

“UI設計師”這一職位的真正含義

UI設計師絕不是美工(或者說絕不是僅僅做“美化”工作而已)，UI設計師是一個技術(shù)崗位而非藝術(shù)崗位，如果考察一名UI設計師的能力素質(zhì)模型，那么他應該同時具備4個維度的能力：

1、溝通和文檔撰寫能力

如果說UI是人與機器交互的橋梁和紐帶，那么UI設計師就是軟件設計開發(fā)人員和最終用戶時間交互的橋梁和紐帶，如果UI設計師不能具備很好的溝通和理解能力，不能撰寫出優(yōu)秀的指導性原則和規(guī)范，那么，他將無法體現(xiàn)出自己對于開發(fā)人員和客戶的雙重價值，也無法完成他的本職工作。

2、過硬的技術(shù)能力

你可以不會寫Java，但你絕對不可以不清楚Java是什么，他能夠?qū)崿F(xiàn)什么。即使你不能寫代碼，但你起碼要懂得如何去“實現(xiàn)”。

舉個例子，你要做一個 Grid控件，首先，你應該清楚，到底有哪幾種數(shù)據(jù)格式，以及其存儲方式：既可以通過HTML的Mark來獲取數(shù)據(jù)，亦可以通過JSON對象或 Array，又或者是XML甚至于字符串。其次，你要知道在Server端實現(xiàn)和在Client端實現(xiàn)到底哪個更適合當前的環(huán)境。

這些都要依靠過硬對技術(shù)和豐富的經(jīng)驗，不懂技術(shù)的UI設計師，既做不出合理的設計，也不可能和開發(fā)人員做到有效的溝通。簡言之，UI設計師起碼要精通主流的表現(xiàn)層開發(fā)技術(shù)(如果是做Web表現(xiàn)層，一般需要精通HTML、CSS、Javascript、XML技術(shù)，甚至JSP、Java也要達到工作層)，對于市面主流的設計模式，技術(shù)路線以及開源框架都要有足夠的了解?？梢哉f，UI設計師在技術(shù)素質(zhì)能力方面，要盡可能的朝著“表現(xiàn)層架構(gòu)師”的方向去努力。

3、圖形設計能力和原型開發(fā)

UI 設計師一生中從事的最多的工作應該就是圖形和原型設計，那么，首先說說什么是原型設計。原型法是迭代式開發(fā)中設計階段常用的手段，原型設計應該貫穿需求、概要設計和詳細設計這三個階段。開發(fā)原型的目的是，把設計轉(zhuǎn)為用戶可以看懂的“界面語言”，同時也對開發(fā)人員起到一定的指導作用(甚至可以作為開發(fā)的一部分)。

用戶界面原型更顯示的價值體現(xiàn)就是，它可以幫助軟件設計人員提早發(fā)現(xiàn)設計各個階段的缺陷，在開發(fā)前解決這些潛在的問題，大幅降低軟件開發(fā)的風險和成本。這與傳統(tǒng)的瀑布式開發(fā)有了本質(zhì)的區(qū)別，目前國內(nèi)大多數(shù)公司仍然采用的是瀑布式開發(fā)方式，并且將UI設計放在開發(fā)階段的后期來進行。

這不僅使UI設計師無法充分發(fā)揮自己所長，只能做做“美化工作”亡羊補牢，更使得開發(fā)出的產(chǎn)品往往存在致命的設計缺陷而無法滿足客戶需求。

所以，各公司中的 “美工”是軟件開發(fā)方法的落后和不完善早就的，而非“美工”或UI設計師這個職業(yè)本身。我們再來說一下圖形設計能力，其實，UI設計師只是個泛稱，在UI 設計行業(yè)內(nèi)部，還大致分為以下幾種角色：可用性和交互設計師、視覺企劃、用戶體驗研究人員、圖形用戶界面設計師等。大家通常理解的UI設計師，其實是 GUI設計師(例如國內(nèi)的Rokey，他就是一名非常優(yōu)秀的GUI設計師，目前供職于Microsoft)，GUI設計師的主要工作就是視覺定位以及創(chuàng)作。稍后的章節(jié)會詳細介紹GUI設計師的職責以及日常工作。

如果UI設計師不具備過硬的圖形創(chuàng)作能力，那么，他根本無法表達他心目中的美，也就無從談起 “交流”了。圖形設計能力，是每一名UI設計師最初具備的，最基礎的能力。也是最能夠衡量一名UI設計師能力水平的部分。

4、人因?qū)W理論和認知心理學

這個概念雖然有些大，但卻是每一名UI設計師在事業(yè)穩(wěn)固后畢生都要努力去探索的領(lǐng)域、可以說，設計的根本就是“人”，做人本的界面，自然需要了解人，了解人的行為。

例如，你不可能設計這樣一個界面，在同一時間同一個界面上的不同位置顯示兩條重要的提示信息——因為，人，在同一時間的關(guān)注點只能由一個，這是生理決定的，而不是某個人的主觀臆斷。再舉個例子，為什么Windows每次一次版本升級或多或少都會找到以前的影子，你可能會說，這是Microsoft 的設計風格。不，那不是風格，而是一種**慣，以前是Microsoft的**慣，現(xiàn)在，你用了Windows，那么，你也有了這種**慣。

Apple和Microsoft的操作系統(tǒng)孰優(yōu)孰劣?答案是，隨你喜歡。是啊，多么簡單的一個道理——喜歡，喜歡是一種**慣，你又如何能篤定你認為的“正確”的設計恰好是人們所喜歡的呢?這里可以稍帶提一下Extjs，Ext的風格，簡言之，就是桌面應用的傳統(tǒng)交互風格(WMIP)，而Web的風格是什么?如果要我來說，我更傾向于Web 是一本翻開的雜志，一片展現(xiàn)設計師才華的熱土，為什么這樣說呢?因為Web的不確定和開放性。

以我的經(jīng)驗而言，WebUI設計，是所有軟件UI設計領(lǐng)域中最困難的，也是限制最多的(往往這些限制還存在不確定性)，一名優(yōu)秀的WebUI設計師，即使轉(zhuǎn)而做桌面程序UI設計或移動設備界面設計，也是相對比較容易成功的。因此，作為WebUI設計師，排斥桌面UI風格是可以理解的，正是源自于他的**慣，他的“喜歡”。后面的章節(jié)會詳細的闡述有關(guān)于人因?qū)W和人本界面相關(guān)的理論，在此就不贅述了。

四、UI設計師需要畫原型圖嗎？

UI設計師需要畫原型圖嗎？這個問題要看我們從事的公司對UI設計師這個職位的崗位要求來決定。一般嚴格來說，原型圖的工作應該交給交互設計師來做。在一些小型公司，假如沒有交互設計師這個崗位，那一般也是產(chǎn)品經(jīng)理來負責繪制原型圖。但在一些小型公司，都需要員工要一職多能，也會要求UI設計師來擔當一些交互設計的工兒。如果大型正規(guī)化的公司，公司崗位配備比較齊全，所以每個崗位都專職專崗。那么在這些大型公司就會有專業(yè)的交互設計師來繪制原型，UI設計就只需要負責界面的美化設計就行。

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