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

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

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

　　第四個程序員，根據(jù)視覺設(shè)計師提供的圖片，用代碼的方式實(shí)現(xiàn)其功能，也就是開發(fā)APP的過程。第五個運(yùn)營，負(fù)責(zé)把已經(jīng)開發(fā)出來的APP推廣出去，讓更多人來的使用這個產(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è)計階段，這也是UI設(shè)計的主要階段。下面是一個UI設(shè)計師的具體工作流程：

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

　　2、草圖快速溝通

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

　　4、視覺設(shè)計

　　5、界面輸出

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

　?。?）主要執(zhí)行人員（技術(shù)）

　　（3）溝通（UI、UE、需求部門、銷售）

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

　　6、可用性測試階段

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

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

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

　　7、產(chǎn)品上線

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

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

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

一.什么是ui設(shè)計？

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

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

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

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

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

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

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

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

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

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

手打的，給個贊吧！

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

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