小伙伴是不是想從事UI設(shè)計(jì)的工作呢，但是你知道什么是UI設(shè)計(jì)嗎，你知道從事UI設(shè)計(jì)會(huì)在工作中的流程嗎？相信很多小伙伴不知道，下面我們就說(shuō)說(shuō)ui設(shè)計(jì)在公司工作流程，希望對(duì)你有幫助。

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

ui設(shè)計(jì)是界面設(shè)計(jì)，指對(duì)軟件的人際互交、操作邏輯、界面美觀的整體設(shè)計(jì)。ui設(shè)計(jì)主要包括圖形設(shè)計(jì)、交互設(shè)計(jì)以及用戶體驗(yàn)的研究，不斷升級(jí)以及完善軟件的設(shè)計(jì)，最終設(shè)計(jì)出符合用戶心智的好產(chǎn)品。

下面為大家推薦介紹2套基本的UI設(shè)計(jì)在公司的工作流程：

推薦一、ui設(shè)計(jì)在公司工作流程

　　1、在進(jìn)行UI界面設(shè)計(jì)之前，首先需要產(chǎn)品經(jīng)理確定好客戶或者老板的需求

　　沒(méi)有產(chǎn)品需求，就沒(méi)有互聯(lián)網(wǎng)開(kāi)發(fā)，沒(méi)有需求，我做產(chǎn)品也就沒(méi)有意義了。比如說(shuō)：我們?cè)O(shè)定一個(gè)需求。畢業(yè)生都需要找工作，我們需要找公司，但是沒(méi)有那么多時(shí)間一家家的去詢(xún)問(wèn)要不要人，我們需要投簡(jiǎn)歷，這個(gè)時(shí)候就需要網(wǎng)站，需要APP，像智聯(lián)、58等等熱門(mén)。有需求，自然會(huì)有交易。這個(gè)時(shí)候產(chǎn)品經(jīng)理需要了解這個(gè)APP需要具備哪些功能，最好是能夠進(jìn)行及時(shí)采訪，能夠切實(shí)的了解到真實(shí)需求：比如我找工作，需要公司的規(guī)模，是不是真實(shí)，薪資構(gòu)架等等，這些需求都需要儲(chǔ)存起來(lái)。

　　2、確定需求之后，產(chǎn)品經(jīng)理會(huì)做具體的說(shuō)明，讓交互、UI、開(kāi)發(fā)、測(cè)試明確產(chǎn)品需求，明確項(xiàng)目的具體細(xì)節(jié)

　　這個(gè)階段里面是最關(guān)鍵的，涉及到需求與產(chǎn)品的對(duì)接。PRD文檔和線框原型圖一般情況都是在這個(gè)環(huán)節(jié)內(nèi)明確的。當(dāng)然也會(huì)有特殊情況，比如某寶，他的流暢是交互明確需求——低保真原型——派PRD，應(yīng)該是這個(gè)流程，出現(xiàn)差錯(cuò)，請(qǐng)輕噴。這里面需要注意的是：PRD文檔，線框原型圖出來(lái)了之后，設(shè)計(jì)師才開(kāi)工，不然也是反復(fù)修改。

　　3、設(shè)計(jì)組內(nèi)部會(huì)議、界面風(fēng)格確定

　　這個(gè)時(shí)候需要確定一個(gè)設(shè)計(jì)負(fù)責(zé)人。設(shè)計(jì)負(fù)責(zé)人會(huì)給同事做具體的工作安排，線框圖標(biāo)、版式設(shè)計(jì)等都有具體的分配。后面就開(kāi)始出稿，稿子出了之后，需要確定那個(gè)風(fēng)格的效果更好。判定結(jié)果的標(biāo)準(zhǔn)還是客戶的需求。重要的事情說(shuō)三遍：需求、需求、需求!

　　4、分工已經(jīng)明確，進(jìn)行具體設(shè)計(jì)工作

　　5、標(biāo)注圖、效果圖、切圖;這個(gè)不需要多講，大家都明白。這個(gè)步驟，產(chǎn)品經(jīng)理會(huì)進(jìn)行把關(guān)

　　6、開(kāi)發(fā)完成，進(jìn)行最后的測(cè)試

（圖片來(lái)自網(wǎng)絡(luò)）

推薦二、ui設(shè)計(jì)在公司工作流程

　　一般的UI工作流程是：

　　1，PM提出設(shè)計(jì)需求。

　　2，最重要的一步：UI和PM溝通需求，這叫理解和確認(rèn)需求。

　　(因?yàn)閜m和ui站的角度不一樣，所以要溝通好，要了解pm想要的是什么，要確認(rèn)需求流程是否有問(wèn)題，交互邏輯是不是清晰。)千萬(wàn)要避免拿到了一需求，就開(kāi)始找圖啊，打開(kāi)ps畫(huà)的。為什么有的人能一稿過(guò)，有的人要一遍一遍的來(lái)來(lái)回回的改，就是因?yàn)檫@一步?jīng)]有溝通好。

　　3，第二重要的一步：構(gòu)思，然后網(wǎng)上找素材，找感覺(jué)。

　　你所找的設(shè)計(jì)參考圖的質(zhì)量，最終決定了你最后做出來(lái)的設(shè)計(jì)稿的質(zhì)量。一開(kāi)始就看到很多很優(yōu)秀很高質(zhì)量的設(shè)計(jì)參考圖，那么你設(shè)計(jì)時(shí)自然而然的就會(huì)往這個(gè)高度靠攏。

　　4，打開(kāi)ps，開(kāi)始做圖

　　有了前面對(duì)需求的理解，和一些優(yōu)秀設(shè)計(jì)的參考，這時(shí)你的心里已經(jīng)很清晰了。做起來(lái)就會(huì)很輕松了。

　　5，第三重要的一步：UI和PM再次溝通，確認(rèn)設(shè)計(jì)的完整性。

　　設(shè)計(jì)稿做完后，會(huì)有跟pm進(jìn)行二次溝通確認(rèn)。要確認(rèn)pm提出的需求是否都在設(shè)計(jì)稿里面體現(xiàn)出來(lái)沒(méi)?有沒(méi)有遺留?

　　這時(shí)，一般pm在看完設(shè)計(jì)稿后，會(huì)提一些小的修改建議的。這也是為了避免最后輸出后，pm進(jìn)行微調(diào)修改時(shí)，需要重新再次輸出。

　　6，設(shè)計(jì)輸出，切圖+標(biāo)注。(盡量輸出前跟rd們溝通下，他們需要怎么那些圖，怎么給它們)

　　這時(shí)，因?yàn)榍懊娓鷓m有了2次確認(rèn)了，也跟rd們溝通了設(shè)計(jì)輸出了，設(shè)計(jì)ok，輸出ok，所以就可以大膽放心的輸出了。

　　7，UI聯(lián)調(diào)

　　rd開(kāi)發(fā)完后，需要確認(rèn)開(kāi)發(fā)出來(lái)的界面跟設(shè)計(jì)稿的界面是否一樣。

　　這個(gè)時(shí)候，一個(gè)完整的ui流程差不多算走完了。記?。呵f(wàn)千萬(wàn)一定要先溝通好了，然后再開(kāi)始干活。溝通不止為了理解需求，也是為了后續(xù)發(fā)生問(wèn)題時(shí)，能分清責(zé)任。

　　把“UI設(shè)計(jì)”當(dāng)做一個(gè)整體的團(tuán)隊(duì)流程來(lái)看。而并非是“UI設(shè)計(jì)師”的工作流程是怎樣的。特此說(shuō)明。我傾向于說(shuō)“交互設(shè)計(jì)的整個(gè)流程”。在我這里，UI是指“界面”，在視覺(jué)設(shè)計(jì)開(kāi)始之前，界面的的交互策劃與設(shè)計(jì)是很重要的前置步驟，對(duì)最終的用戶體驗(yàn)有很大的影響。

（圖片來(lái)自網(wǎng)絡(luò)）

　　以上就是ui設(shè)計(jì)在公司工作流程，相信小伙伴看完之后就知道了UI設(shè)計(jì)師從事什么工作了，是不是覺(jué)得很不錯(cuò)呢，我們可以根據(jù)自己想象去創(chuàng)造，相信你創(chuàng)造出來(lái)的東西一定讓人滿意。