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

1、思維方式差異

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

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

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

2、心態(tài)差異

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

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

3、知識差異

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

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

4、技能差異

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

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

5、職責(zé)差異

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

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

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

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

ui設(shè)計(jì)俗稱界面設(shè)計(jì)。幾乎所有人對設(shè)計(jì)產(chǎn)品的控制都需要一個(gè)界面。通過界面的按鈕或輸入指令等使產(chǎn)品服從人指令為人服務(wù)。如我們現(xiàn)在常用的各種手機(jī)應(yīng)用app界面、游戲界面、家電產(chǎn)品界面等等?？梢哉f我們現(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í)掌握專業(yè)的圖形圖像軟件，photoshop,coreldraw,AI等來進(jìn)行制作?；蛘哂械挠螒蚝吞摂M現(xiàn)實(shí)需要效果逼真多角度界面則需要結(jié)合三維軟件如3dmax等來進(jìn)行制作。(非主要)

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

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

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

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

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

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

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

學(xué)會了各類設(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é)會解析各類圖標(biāo)的設(shè)計(jì)原理及表現(xiàn)技法。

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

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

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

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

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

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

2、草圖快速溝通

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

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

5、界面輸出

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

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

(3)溝通(UI、UE、需求部門、銷售)

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

6、可用性測試階段

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

(2)主要執(zhí)行人員(技術(shù)開發(fā)測試部門)

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

7、產(chǎn)品上線

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

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

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