UI設(shè)計(jì)師的工作流程是什么樣的？UI設(shè)計(jì)的魅力在于，你不僅需要適當(dāng)?shù)募记桑斫庥脩襞c程序的關(guān)系。一個有效的用戶界面關(guān)注的是用戶目標(biāo)的實(shí)現(xiàn)，包括視覺元素與功能操作在內(nèi)的所有東西都需要完整一致。那么，今天和繪學(xué)霸小編一起了解下：UI設(shè)計(jì)師的工作流程是什么樣的？

UI設(shè)計(jì)師的工作流程是什么樣的？

　　1.理解業(yè)務(wù)需求、產(chǎn)品定位和交互邏輯

　　2.理性確立設(shè)計(jì)風(fēng)格并初步評審

　　3.設(shè)計(jì)過程中結(jié)合需求，合理優(yōu)化設(shè)計(jì)

　　4.保持有效溝通，輸出并跟進(jìn)設(shè)計(jì)實(shí)現(xiàn)

　　我們要清楚UI視覺設(shè)計(jì)在整個產(chǎn)品中的作用和目的是什么?是給用戶提供舒適美好的視覺享受，還是為了用戶使用產(chǎn)品的時候更順暢。這些都包括但不僅僅如此，視覺設(shè)計(jì)還應(yīng)該傳達(dá)品牌差異化，讓用戶清晰地辨識、記憶并喜愛該產(chǎn)品，并以促成業(yè)務(wù)目標(biāo)為結(jié)果。因此做視覺設(shè)計(jì)就不能只流于表面形式，應(yīng)該全面讀懂業(yè)務(wù)需求和用戶群的特征，做出符合該業(yè)務(wù)需求和品牌調(diào)性的設(shè)計(jì)。

　　一、理解業(yè)務(wù)需求，產(chǎn)品定位和交互邏輯

　　曾經(jīng)有個設(shè)計(jì)師犯過一個錯誤，拿到需求或原型后，也許是迫于時間緊迫和經(jīng)驗(yàn)不足，就立急開始設(shè)計(jì)，最終的成品確實(shí)很高大上，獲得很多同事好評，但是產(chǎn)品經(jīng)理和老板就提出了有指導(dǎo)性的意見，這個網(wǎng)站是給內(nèi)部人員使用的，應(yīng)該以方便快速觸達(dá)目標(biāo)為主，而不是做成多屏的滾動頁面。雖然老板不懂設(shè)計(jì)，但是他卻懂業(yè)務(wù)，可見設(shè)計(jì)不應(yīng)該是炫技，也不應(yīng)該是給產(chǎn)品潤色，應(yīng)該是根據(jù)業(yè)務(wù)需求做出多方面綜合考量的結(jié)果。

　　拿到需求之后，心里有個大概，這個產(chǎn)品是干什么用的?主要是吸引哪些用戶群?業(yè)務(wù)邏輯和使用場景大概是什么樣的?當(dāng)進(jìn)行了一翻思考之后，如果還覺得陌生，應(yīng)該怎么辦呢?那當(dāng)然是找到交互設(shè)計(jì)交流啦!有的公司沒有交互設(shè)計(jì)崗位，這時候可以找到產(chǎn)品經(jīng)理，他肯定會不厭其煩為你講解。

　　理解產(chǎn)品的定位，主要是理清產(chǎn)品的類型(如對內(nèi)或?qū)ν狻o B或to

　　C產(chǎn)品)、目標(biāo)人群、核心功能，以及用戶群的主要特征，如年齡、性別、喜好、使用時間段和操作場景等。甚至可以參與該產(chǎn)品前期的調(diào)研分析，提前了解并構(gòu)思產(chǎn)品的視覺傳達(dá)，品牌定位問題。

　　如何理清交互邏輯，拿到原型后可以按步驟和頁面分支來形成一個大致的概念，如產(chǎn)品分為幾大模塊?幾大首頁都有些什么內(nèi)容?甚至可以結(jié)合構(gòu)架圖去理清思路，遇到不明白的地方則與負(fù)責(zé)人交流。

　　大致上來講交互邏輯主要應(yīng)該搞懂以下幾點(diǎn)：

　　1.布局方式

　　2.整理框架邏輯和流程

　　3.頁面承接關(guān)系

　　4.控件的各種狀態(tài)

　　5.不同條件下的信息展現(xiàn)

　　二、理性確立設(shè)計(jì)風(fēng)格并初步評審

  　理清了之后，就可以著手確立設(shè)計(jì)風(fēng)格。設(shè)計(jì)不等同于藝術(shù)，產(chǎn)品也不是表達(dá)自我的平臺，設(shè)計(jì)應(yīng)該是解決具體問題并合理論證。因此不應(yīng)該天馬行空，或拘泥于創(chuàng)意，美感和形式。然后太注重分析，也會導(dǎo)致結(jié)果沒有新意，太重目的，無法超出用戶的心理預(yù)期，因此應(yīng)該在劃定好的范圍內(nèi)，做一些創(chuàng)意性的延伸工作。大多數(shù)的設(shè)計(jì)師都是由學(xué)習(xí)別人開始的，如果還沒有達(dá)到一定的高度，可以通過研究同行業(yè)的產(chǎn)品共性和設(shè)計(jì)特征，然后理性從共性 個性的角度，并結(jié)合前面理解的定位分析，從而思考自身產(chǎn)品的設(shè)計(jì)風(fēng)格。

　　從把握流行的設(shè)計(jì)風(fēng)格做出符合產(chǎn)品定位的，更符合品牌調(diào)性的設(shè)計(jì)風(fēng)格(當(dāng)然如果該產(chǎn)品不在初期0規(guī)劃階段，而且已經(jīng)有一套設(shè)計(jì)規(guī)范需要遵行，那么就了解清楚需要遵行的是哪方面，多大程度的遵行規(guī)范，如控件的使用，還是圖標(biāo)的風(fēng)格等等，因?yàn)檫@都將影響最終設(shè)計(jì)的結(jié)果)，如果有限制，仍可在一定的范圍內(nèi)發(fā)散思維，從細(xì)節(jié)上創(chuàng)造出超過用戶預(yù)期的設(shè)計(jì)。關(guān)于如何通過視覺設(shè)計(jì)提升產(chǎn)品的品牌調(diào)性，這個后面會通過另外的文章作以分析，這里主要闡述工作推進(jìn)中的一些經(jīng)驗(yàn)和方法。

　　確立風(fēng)格后，參與初步的風(fēng)格評審。評審的作用，在于增加視覺輸出的合理性和效率，評審的過程中可以確定設(shè)計(jì)的風(fēng)格，后面的設(shè)計(jì)按計(jì)劃進(jìn)行，沿著此風(fēng)格繼續(xù)即可。

　　三、設(shè)計(jì)過程中結(jié)合需求，合理優(yōu)化設(shè)計(jì)

　　在具體做設(shè)計(jì)的時候，遇到不明確的描述，或是考慮到更多流程圖以外的想法時，可以與交互溝通，加快進(jìn)程。舉個例子：在做APP公告彈窗的時候，根據(jù)業(yè)務(wù)模式有可能會出現(xiàn)比較長的公告，也有可能出現(xiàn)兩條公告，而流程上沒有考慮到這么全面，這時候可以和交互溝通，延伸出更細(xì)化的體驗(yàn)，并做出更符合邏輯的視覺設(shè)計(jì)。比如公告一屏展示多少字，超出的文字是點(diǎn)擊按鈕顯示下一頁呢，還是用滾動的方式展示剩余的部分，第二條公告通常是在第一條之后展示，那么如果兩條公告的長度不一致怎么處理呢，視覺上不應(yīng)該出現(xiàn)時長時短的彈窗，顯示不專業(yè)不規(guī)范，這時候比較好的方法是折中選擇一個高度居中的彈窗設(shè)計(jì)，并且提醒產(chǎn)品在公告字?jǐn)?shù)上做限制。

　　所以作為一名視覺設(shè)計(jì)師，多了解產(chǎn)品體驗(yàn)，熟悉業(yè)務(wù)性質(zhì)，可以提升產(chǎn)品的設(shè)計(jì)，平常除了做好視覺設(shè)計(jì)提升的基礎(chǔ)上，可以閱讀一些用戶體驗(yàn)和交互設(shè)計(jì)相關(guān)的書籍，比如《用戶體驗(yàn)方法論》，對于產(chǎn)品設(shè)計(jì)都有很多值得思考的觀點(diǎn)，比如書中提到的超預(yù)期的用戶體驗(yàn)的基本要素“Lemers”，即“易學(xué)、高效、易記、糾錯、滿意度”。

　　設(shè)計(jì)并不是自己埋頭琢磨，把設(shè)計(jì)做得高大上能夠使用就行了，還要學(xué)會解釋自己的設(shè)計(jì)，獲得大家的認(rèn)同。這就需要做設(shè)計(jì)的過程中參與體驗(yàn)的思考，做到任何一個細(xì)節(jié)都經(jīng)過自己的理解和認(rèn)同，否則無法完成后期評判設(shè)計(jì)時的解說。

　　曾經(jīng)招聘人員時就有發(fā)現(xiàn)，有的設(shè)計(jì)師作品很高大上，也符合產(chǎn)品需求，但是向他提問為什么這樣設(shè)計(jì)卻難以解釋清楚，后來了解到，他在設(shè)計(jì)過程中照搬原型，自己沒有加入思考，只是負(fù)責(zé)美化工作，當(dāng)然如果是和經(jīng)驗(yàn)足夠成熟的產(chǎn)品合作，也不會出現(xiàn)什么大的問題而且還能推進(jìn)工作流程，但長期下來會導(dǎo)致他沒有參與感和認(rèn)同感，久而久之就會對工作產(chǎn)生懈怠的心理，甚至對于他職業(yè)發(fā)展也是不利，畢竟只做好美化的視覺工作是遠(yuǎn)遠(yuǎn)不夠的，即使有足夠的創(chuàng)意也應(yīng)該是為產(chǎn)品和業(yè)務(wù)需求服務(wù)。

　　四、保持有效溝通，輸出并跟進(jìn)設(shè)計(jì)實(shí)現(xiàn)

　　設(shè)計(jì)過程中很可能遇到產(chǎn)品需求有調(diào)整的情況，應(yīng)該保持有效溝通，隨時準(zhǔn)備設(shè)計(jì)修改。那么設(shè)計(jì)完成以后，事情還沒有完，輸出的過程也尤為重要，輸出設(shè)計(jì)應(yīng)按優(yōu)先級輸出關(guān)鍵模塊，并分模塊有序輸出;輸出內(nèi)容統(tǒng)一規(guī)范命名，方便開發(fā)使用，形成合格的交付物。同時，設(shè)計(jì)過程中就應(yīng)該規(guī)范命名，這直接關(guān)系著后期輸出的流暢，圖層分層和文件夾的歸類也應(yīng)該按頁面邏輯，以便其它設(shè)計(jì)師使用時也清晰了然，減少磨合過程。設(shè)計(jì)還應(yīng)定期檢查開發(fā)的設(shè)計(jì)實(shí)現(xiàn)，遇到問題羅列并跟進(jìn)修改。

　　那么，今天關(guān)于UI設(shè)計(jì)師的工作流程是什么樣的？的分享就這些了。自我更新的過程需要打破常規(guī)、重塑自我，這里提到的重塑不是改變性格；這是一個投入實(shí)踐的過程，讓我們回首過去的自我，重新排列優(yōu)

先級，去探尋真正或新發(fā)現(xiàn)的興趣。

　　如果想學(xué)習(xí)了解UI設(shè)計(jì)更多干貨資訊，可以下載繪學(xué)霸App，海量視頻教學(xué),一步一腳印，零基礎(chǔ)變大神，專業(yè)學(xué)習(xí)教程，業(yè)內(nèi)優(yōu)秀名師現(xiàn)場錄制1080P超高清畫質(zhì)，你不會錯過任何一個細(xì)節(jié)處理。精選高品質(zhì)課程只為你學(xué)得更好。每天都有海量的新課程視頻等你來學(xué)。