正文

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

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

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

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

文章目錄列表:

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

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

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

原型設(shè)計(jì)和前端開發(fā)的區(qū)別有以下幾點(diǎn)：

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

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

二、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來說，我們第一眼看到的圖標(biāo)、界面這些與美術(shù)設(shè)計(jì)相關(guān)的內(nèi)容，屬于UI設(shè)計(jì)。它主要是負(fù)責(zé)APP軟件中的視覺設(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萬人。不論你是零基礎(chǔ)還是想提升，都可以找到適合的班型，是一家性價(jià)比極高的教育機(jī)構(gòu)。原型圖和ui圖區(qū)別

三、ui跟平面設(shè)計(jì)的區(qū)別

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

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

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

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

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

“UI設(shè)計(jì)師”這一職位的真正含義

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

1、溝通和文檔撰寫能力

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

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

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

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

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

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

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

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

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

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

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

4、人因?qū)W理論和認(rèn)知心理學(xué)

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

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

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

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

四、UI設(shè)計(jì)師需要畫原型圖嗎？

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

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