哈嘍各位小伙伴，可能有些人對這UI設(shè)計這一行并不是十分了解。本期小編就和準(zhǔn)備入行或已經(jīng)入行卻仍然迷茫的小伙伴們解析一下，UI的工作內(nèi)容以及流程是怎樣的？

UI設(shè)計師具體做什么？

UI設(shè)計師又稱用戶界面（User interface）設(shè)計師，在軟件開發(fā)團(tuán)隊中負(fù)責(zé)產(chǎn)品視覺設(shè)計工作。其工作的目標(biāo)簡單來說就是讓軟件界面變得更美觀更好用。

在具體工作中，設(shè)計師不僅需要很硬的專業(yè)技巧，溝通能力也不容忽視。只有充分了解項目、各崗位溝通一致，才能最終完成符合市場和用戶需求的產(chǎn)品。

UI設(shè)計師的工作流程？

1.需求分析

通常來說，需求分析的工作是由產(chǎn)品經(jīng)理負(fù)責(zé)的：將產(chǎn)品定位、功能點(diǎn)等撰寫成需求文檔，交付給設(shè)計師；設(shè)計師理解需求后，再從用戶角度考慮，把需求轉(zhuǎn)化為易于理解的界面即可。然而實(shí)際的工作中，這種方式存在一些問題：由于設(shè)計師沒有參與前期的需求分析，很難通過一份需求文檔或簡單的溝通就完全領(lǐng)會產(chǎn)品定位、目標(biāo)用戶的情況、使用痛點(diǎn)、癢點(diǎn)等信息。一連串功能列表往往讓設(shè)計師無所適從。

所以，UI設(shè)計師往往會適當(dāng)參與需求分析的過程，更有利于理解產(chǎn)品需求，提高設(shè)計效率，避免后期產(chǎn)生溝通問題。

這一階段，設(shè)計師可以用紙筆或者專門的原型軟件，將初步的設(shè)計構(gòu)繪制成線框圖（低保真原型），重點(diǎn)關(guān)注框架、流程、基本功能和內(nèi)容。切記不要過早地陷入設(shè)計細(xì)節(jié)，例如頁面的尺寸是否符合柵格、用什么風(fēng)格的圖標(biāo)、按鈕是否需有圓角等等。

這里筆者推薦摹客設(shè)計平臺的在線設(shè)計功能，擁有海量組件和圖標(biāo)，只需要拖拽便可快速制作界面，并且支持多人協(xié)同工作，能夠極大的提高團(tuán)隊溝通效率，最小成本的試錯并找到適合的設(shè)計方案。

2.設(shè)計執(zhí)行、交付

經(jīng)過了前期的需求分析，接下來就需要設(shè)計師根據(jù)獲得的線框圖，制作高保真設(shè)計稿了。動手前需要先瀏覽所有頁面的功能點(diǎn)，和開發(fā)人員溝通確認(rèn)，這樣可以減少交付時不必要的麻煩。

設(shè)計稿主要分桌面端和移動端兩大類，隨著智能手機(jī)的普及，大多數(shù)UI設(shè)計師面對的都是移動端的設(shè)計需求。主要內(nèi)容包括以下內(nèi)容：

• App圖標(biāo)設(shè)計。這是產(chǎn)品給用戶的第一印象，很多時候App的下載率、打開率等都和App圖標(biāo)的美觀度密切相關(guān)，因此非常重要。往往需要多個設(shè)計備選，并通過多次評審才能最終確定下來。
• App啟動頁、引導(dǎo)頁設(shè)計。分別是頭一次和每次打開App時用戶看到的畫面。設(shè)計的目的是傳達(dá)產(chǎn)品的核心功能，讓用戶更好的熟悉產(chǎn)品。然而數(shù)據(jù)表明，絕大多數(shù)用戶對于啟動頁和引導(dǎo)頁的關(guān)注度并不高，所以盡量減少引導(dǎo)頁數(shù)量和畫面內(nèi)容，設(shè)計風(fēng)格也推薦簡潔明了，突出主題。

• 產(chǎn)品登錄頁設(shè)計。為了獲得用戶信息，登錄頁的設(shè)計也是必不可少的。為了減少用戶因不耐煩而跳出，登錄的步驟需要最大程度的簡化，常用的方式就是手機(jī)驗(yàn)證碼登錄和第三方賬號快捷登錄。
• 產(chǎn)品內(nèi)部頁面設(shè)計。這一部分的設(shè)計內(nèi)容千差萬別，相同的是都需要盡量遵守各種硬件設(shè)備的設(shè)計規(guī)范，且始終保持統(tǒng)一。這里是體現(xiàn)UI設(shè)計師基本功的地方，需要熟練掌握。

高保真設(shè)計稿一般需要多次修改才能最終敲定，接下來就是設(shè)計稿的交付工作了。

高保真設(shè)計稿是項目開發(fā)的標(biāo)準(zhǔn)和依據(jù)，其使用者有產(chǎn)品經(jīng)理、前端工程師、測試工程師，有時甚至包括市場推廣和用戶調(diào)研人員等。為了讓這么多種不同的角色都能理解你的設(shè)計方案，高保真原型務(wù)必要表達(dá)的清楚、規(guī)范。一旦表述不清、出現(xiàn)歧義，開發(fā)的成果就可能出現(xiàn)偏差，影響整個團(tuán)隊的開發(fā)進(jìn)度。

交付設(shè)計稿時需要括以下內(nèi)容：

• 簡要的設(shè)計說明：簡單交代設(shè)計的背景，頁面內(nèi)容，重點(diǎn)功能等；
• 頁面層級全覽圖：方便項目成員快速瀏覽產(chǎn)品層級結(jié)構(gòu)；
• 交互說明：為了在靜態(tài)的設(shè)計稿中說明動態(tài)的操作效果，需要進(jìn)行邏輯嚴(yán)密的標(biāo)注。例如，文字過多怎么顯示？操作瞬間會出現(xiàn)什么反饋效果？內(nèi)容缺失改如何顯示？跳轉(zhuǎn)到哪個頁面?等等，都需要詳細(xì)注明。
• 標(biāo)注、切圖：用來交付給前端工程師用以軟件開發(fā)。

作為產(chǎn)品開發(fā)的重要環(huán)節(jié)，高保真設(shè)計稿的設(shè)計和交付不僅考驗(yàn)UI設(shè)計師的專業(yè)程度，動輒幾十甚至上百頁的設(shè)計稿標(biāo)注說明更是需要極大的耐心和細(xì)心才能確保萬無一失。但只要借助摹客設(shè)計平臺提供的設(shè)計協(xié)作功能，就可以極大提高設(shè)計稿的交付效率。摹客提供自動標(biāo)注、批量切圖的功能，還能在線審閱，快速的制作頁面全覽圖，甚至可以直接制作動態(tài)交互效果，不必再為繁瑣的交互說明而煩惱，大大解放了設(shè)計師的生產(chǎn)力。

3.設(shè)計走查、驗(yàn)收

走查、驗(yàn)收是設(shè)計師最重要的工作之一。許多剛?cè)胄械脑O(shè)計師并不重視檢查工作，認(rèn)為自己已經(jīng)嚴(yán)謹(jǐn)細(xì)致的做了高保真的交付工作，執(zhí)行的不好是開發(fā)和產(chǎn)品經(jīng)理的問題。殊不知，當(dāng)用戶用到一款糟糕的產(chǎn)品，首先一定會覺得是設(shè)計師水平欠佳。這會使設(shè)計師自身的勞動成果，乃至整個團(tuán)隊的勞動價值大打折扣。

因此，不是設(shè)計稿完成設(shè)計師就可以休息了。產(chǎn)品上線之前最重要保證最終落地的效果和品質(zhì)。開發(fā)還原的過程中，程序員們可能會遇到各種潛在的問題，這個時候和他們保持溝通和配合是非常必要的。

4.了解市場反饋

在立項初期，公司會制定出新設(shè)計上線后要達(dá)到的目標(biāo)，通常是點(diǎn)擊量、轉(zhuǎn)化率提升了多少，或者具體的應(yīng)收目標(biāo)等。不要覺得這些是產(chǎn)品經(jīng)理或者市場部的同事們需要操心的問題。好的設(shè)計本應(yīng)該為公司創(chuàng)造價值，所以這些來自市場的可量化的反饋，也是檢驗(yàn)和提升設(shè)計能力的途徑。

另外，可以根據(jù)市場反饋的問題改進(jìn)和優(yōu)化產(chǎn)品。小的問題可以及時解決、迅速發(fā)布；較大的問題可以留到下次優(yōu)化迭代時統(tǒng)一解決。畢竟再好的產(chǎn)品也不可能一步到位，快速上線、迅速試錯、根據(jù)反饋立即改正才能更好的適應(yīng)激烈的市場競爭環(huán)境。

如此一來，便形成了推動產(chǎn)品不斷迭代的閉環(huán)，設(shè)計師的能力也伴隨這一過程成長。

以上就是UI設(shè)計師的常見工作流程，可以看到UI設(shè)計并非畫畫界面這么簡單的一份工作，一名優(yōu)秀的UI設(shè)計師除了需要過硬的手上功夫和豐富的跨專業(yè)知識，還需要優(yōu)秀的溝通協(xié)調(diào)能力，才能保證從需求整理到設(shè)計、上線全過程順利穩(wěn)定的進(jìn)行。希望本期的分享能讓你對UI設(shè)計工作的內(nèi)容和流程有一個較為清晰、全面的認(rèn)知，對你的發(fā)展有所啟發(fā)。

轉(zhuǎn)載聲明：本文來源于網(wǎng)絡(luò)，不作任何商業(yè)用途