UE原型設(shè)計(jì)和UI設(shè)計(jì)的區(qū)別

1、思維方式差異

UI以靜制動(dòng)，需要更多考慮的是，如何通過(guò)靜態(tài)的“布局”設(shè)計(jì)，達(dá)到引導(dǎo)用戶(hù)或表達(dá)主旨的目的。

而UE注重雙方互動(dòng)，在思維上要考慮更周全、慎密，同時(shí)學(xué)會(huì)換位思考。他需要深入到需求分析階段，站在更高的層面上，去思考如何在動(dòng)態(tài)變化的過(guò)程中找到兩者的連接和契合之處，從而使整個(gè)產(chǎn)品能夠在完整的場(chǎng)景下，增強(qiáng)用戶(hù)體驗(yàn)。

通常情況下，UE在一定意義上和產(chǎn)品經(jīng)理并駕齊驅(qū)，他們最核心的價(jià)值都是思維模式，需要做好對(duì)產(chǎn)品設(shè)計(jì)的把關(guān)工作。

2、心態(tài)差異

兩者在心態(tài)方面也有巨大的差異。UI常常靜如處子，很少和人交流，只有改稿或者催進(jìn)度時(shí)，才會(huì)顯得活躍一些;而UE，時(shí)常動(dòng)若脫兔，得和產(chǎn)品經(jīng)理一樣，主動(dòng)溝通，主動(dòng)參與整個(gè)產(chǎn)品的分析和設(shè)計(jì)過(guò)程中。

UI如果不想成為產(chǎn)品設(shè)計(jì)的“原型生成器”，就得像UE一樣，多參與到產(chǎn)品設(shè)計(jì)工作中，為自己爭(zhēng)取更多的參與權(quán)和發(fā)言權(quán)。

3、知識(shí)差異

UI和UE的知識(shí)體系有所關(guān)聯(lián)，會(huì)有重疊的部分，但還是存在很大的區(qū)別。

UI注重視覺(jué)體系的研究，而UE脫胎于早期工業(yè)設(shè)計(jì)，對(duì)交互體系的涉獵更多些。

4、技能差異

雖然同為設(shè)計(jì)，但兩者在技能要求方面的差別還是挺大的。

UI需要熟練使用PS、AI等設(shè)計(jì)類(lèi)軟件，而UE則要像產(chǎn)品經(jīng)理一樣學(xué)好Axure，會(huì)畫(huà)流程圖。當(dāng)UE可以把任何需求和邏輯都用流程圖表達(dá)時(shí)，離產(chǎn)品經(jīng)理就不遠(yuǎn)了。

5、職責(zé)差異

術(shù)業(yè)有專(zhuān)攻，同屬設(shè)計(jì)領(lǐng)域，兩者的崗位職責(zé)有所重疊，但是擅長(zhǎng)領(lǐng)域還是有很大差別。

UI的職責(zé)主要是通過(guò)研究目標(biāo)用戶(hù)審美習(xí)慣和趨向，設(shè)定界面風(fēng)格，注重細(xì)節(jié)的美術(shù)制作、產(chǎn)品性格的闡述和情感的表達(dá)等。

用戶(hù)體驗(yàn)設(shè)計(jì)主要來(lái)自用戶(hù)和人機(jī)界面的交互過(guò)程。一名優(yōu)秀的用戶(hù)體驗(yàn)設(shè)計(jì)師，需要對(duì)界面、交互和實(shí)現(xiàn)技術(shù)等有深入的理解。在互聯(lián)網(wǎng)企業(yè)中，一般將視覺(jué)界面設(shè)計(jì)、交互設(shè)計(jì)和前端設(shè)計(jì)都?xì)w為用戶(hù)體驗(yàn)設(shè)計(jì)。

一.什么是ui設(shè)計(jì)?

ui設(shè)計(jì)俗稱(chēng)界面設(shè)計(jì)。幾乎所有人對(duì)設(shè)計(jì)產(chǎn)品的控制都需要一個(gè)界面。通過(guò)界面的按鈕或輸入指令等使產(chǎn)品服從人指令為人服務(wù)。如我們現(xiàn)在常用的各種手機(jī)應(yīng)用app界面、游戲界面、家電產(chǎn)品界面等等?？梢哉f(shuō)我們現(xiàn)在的生活都被各種界面包圍著。

二.ui設(shè)計(jì)要學(xué)什么?(業(yè)內(nèi)人士告訴你)

我們觀察這些產(chǎn)品界面。都有什么特點(diǎn)?

1.美觀時(shí)尚，符合潮流和產(chǎn)品風(fēng)格定位。所以必須要掌握美術(shù)基礎(chǔ)、手繪。了解設(shè)計(jì)心理學(xué)、設(shè)計(jì)原理。

2.ui設(shè)計(jì)界面制作軟件。主要學(xué)習(xí)掌握專(zhuān)業(yè)的圖形圖像軟件，photoshop,coreldraw,AI等來(lái)進(jìn)行制作?；蛘哂械挠螒蚝吞摂M現(xiàn)實(shí)需要效果逼真多角度界面則需要結(jié)合三維軟件如3dmax等來(lái)進(jìn)行制作。(非主要)

三.ui設(shè)計(jì)制作流程。

1.通過(guò)對(duì)產(chǎn)品的理解。結(jié)合設(shè)計(jì)原理和美術(shù)基礎(chǔ)，通過(guò)手繪對(duì)產(chǎn)品的界面進(jìn)行初步構(gòu)思，繪制草圖。

2.用圖像軟件，把草圖制作成效果逼真的界面效果圖。再通過(guò)產(chǎn)品對(duì)應(yīng)的接口和要求把界面元素嵌入到產(chǎn)品中。

如果是實(shí)物操作界面，則是對(duì)照效果圖，通過(guò)工業(yè)加工的手段制造生成實(shí)物界面面板。

只要記住軟件只是工具，關(guān)鍵是你的想法創(chuàng)意，和UI設(shè)計(jì)里的一些規(guī)則。不同的UI界面設(shè)計(jì)規(guī)范是不一樣的，比如手機(jī)和PC的UI就不一樣，所以先去了解你所從事的UI類(lèi)型的規(guī)則，軟件慢慢用的就熟練了，另外審美也很重要，平時(shí)多看一些大神的設(shè)計(jì)，提高自己的審美水平，你設(shè)計(jì)出來(lái)的作品才有觀賞價(jià)值，而不是一味的去模仿別人的!

手打的，給個(gè)贊吧!

UI設(shè)計(jì)的前身是平面、網(wǎng)頁(yè)設(shè)計(jì)，在原專(zhuān)業(yè)的基礎(chǔ)上加入了一些人機(jī)交互的邏輯、控件的應(yīng)用、組件的狀態(tài)設(shè)計(jì)等內(nèi)容。這是由于互聯(lián)網(wǎng)發(fā)展的精細(xì)化延伸出來(lái)的新門(mén)類(lèi)，因此設(shè)計(jì)的軟件應(yīng)用就是基本功了。需要掌握Photoshop(圖像處理)、illustrator(圖形制作)、After Effects(視頻處理)、Axure(原型設(shè)計(jì))、Dreamweaver(網(wǎng)頁(yè)制作)、Coreldraw(矢量制作)、Flash(動(dòng)畫(huà)制作)等設(shè)計(jì)軟件及HTML5.0和DIV+CSS網(wǎng)頁(yè)代碼基礎(chǔ)。

學(xué)會(huì)了各類(lèi)設(shè)計(jì)軟件的應(yīng)用還不夠，此時(shí)還不能獨(dú)立創(chuàng)作，因?yàn)槿狈?chuàng)意的表現(xiàn)技能，所以需要掌握鉛筆、水彩筆、素描本、手繪板等不同手繪工具的熟練運(yùn)用。此部分主要是設(shè)計(jì)思維的訓(xùn)練及表現(xiàn)，重在設(shè)計(jì)理論的學(xué)習(xí)與構(gòu)圖技巧，學(xué)會(huì)解析各類(lèi)圖標(biāo)的設(shè)計(jì)原理及表現(xiàn)技法。

UI設(shè)計(jì)師到底要做什么。今天為大家介紹一下UI設(shè)計(jì)的工作流程，相信即使是零基礎(chǔ)的小伙伴也可以輕松理解。

首先，大家要知道，UI設(shè)計(jì)的整個(gè)工作流程有許多人的參與。第一個(gè)是產(chǎn)品經(jīng)理，主要的工作是競(jìng)品分析等工作，也是UI設(shè)計(jì)最核心的一個(gè)領(lǐng)頭人物。

第二個(gè)交互設(shè)計(jì)師，根據(jù)產(chǎn)品經(jīng)理提供的方案，設(shè)計(jì)出一套原型圖設(shè)計(jì)。第三個(gè)視覺(jué)設(shè)計(jì)師，工作內(nèi)容是根據(jù)交互給的原型圖，設(shè)計(jì)出視覺(jué)圖。其實(shí)無(wú)論是交互設(shè)計(jì)師，還是視覺(jué)設(shè)計(jì)師都統(tǒng)稱(chēng)為UI設(shè)計(jì)師。

第四個(gè)程序員，根據(jù)視覺(jué)設(shè)計(jì)師提供的圖片，用代碼的方式實(shí)現(xiàn)其功能，也就是開(kāi)發(fā)APP的過(guò)程。第五個(gè)運(yùn)營(yíng)，負(fù)責(zé)把已經(jīng)開(kāi)發(fā)出來(lái)的APP推廣出去，讓更多人來(lái)的使用這個(gè)產(chǎn)品。

歸納起來(lái)就是，產(chǎn)品定位與市場(chǎng)分析階段，主要由產(chǎn)品經(jīng)理負(fù)責(zé)牽頭，相關(guān)需求部門(mén)與產(chǎn)品需求專(zhuān)員、市場(chǎng)人員進(jìn)行多次會(huì)議研討，經(jīng)過(guò)上級(jí)領(lǐng)導(dǎo)同意，確立好需求后即將進(jìn)入交互設(shè)計(jì)階段，這也是UI設(shè)計(jì)的主要階段。下面是一個(gè)UI設(shè)計(jì)師的具體工作流程：

1、了解項(xiàng)目分析需求文檔

2、草圖快速溝通

3、設(shè)計(jì)開(kāi)工前溝通需求

4、視覺(jué)設(shè)計(jì)

5、界面輸出

(1)目的(配合好技術(shù)開(kāi)發(fā)人員完成相關(guān)的界面規(guī)范溝通、設(shè)計(jì)需求溝通)

(2)主要執(zhí)行人員(技術(shù))

(3)溝通(UI、UE、需求部門(mén)、銷(xiāo)售)

(4)UI設(shè)計(jì)師的主要職責(zé)(對(duì)界面設(shè)計(jì)階段的最后結(jié)果配合技術(shù)部門(mén)實(shí)現(xiàn)界面設(shè)計(jì)的實(shí)際效果)

6、可用性測(cè)試階段

(1)目的(針對(duì)一致性測(cè)試;信息反饋測(cè)試;界面簡(jiǎn)潔性測(cè)試;界面美觀度測(cè)試;用戶(hù)動(dòng)作性測(cè)試;行業(yè)標(biāo)準(zhǔn)測(cè)試)

(2)主要執(zhí)行人員(技術(shù)開(kāi)發(fā)測(cè)試部門(mén))

(3)溝通(UI/UE、技術(shù)開(kāi)發(fā)部門(mén)、產(chǎn)品需求部門(mén)、營(yíng)銷(xiāo)運(yùn)營(yíng)部門(mén)) (4)、UI設(shè)計(jì)師的主要職責(zé)(可用性的循環(huán)研究、用戶(hù)體驗(yàn)回饋、測(cè)試回饋、UI人員把可行性建議進(jìn)行完善)

7、產(chǎn)品上線(xiàn)

8、開(kāi)發(fā)后期，細(xì)節(jié)跟進(jìn)

9、項(xiàng)目總結(jié)

完成了設(shè)計(jì)工作后，要做的事情就是出一份視覺(jué)規(guī)范，然后檢查一下整體的視覺(jué)層級(jí)。無(wú)論是小型項(xiàng)目還是大型項(xiàng)目，視覺(jué)規(guī)范都有其存在的必要性。無(wú)論是對(duì)你自己，還是對(duì)于同事，都能起到很好的規(guī)范作用，避免不一致的設(shè)計(jì)。