UI設計師的工作流程一般是怎樣的?
一、溝通協(xié)調,需求確認
需要設計師注意的是,其實在項目剛開始啟動的時候,UI設計師就會參與到其中。設計師需要清楚地知道并確認項目的具體要求、各項流程及業(yè)務邏輯,同時要與產品經理進行及時有效的溝通。這也就要求設計師對項目盡可能的充分了解,從而降低設計稿的返稿率,提高工作效率。
二、尋找靈感,收集素材
在溝通和確認完項目的需求后,緊接著我們需要做的就是找靈感、找素材。在這一過程中我們需要確定一個大致的設計方向和思路,在自己的素材庫或者其他信息源找靈感,構思項目風格、色調等等,然后取其精華去其糟粕,加上自己的創(chuàng)意靈感,并在一定程度上優(yōu)化設計。
三、制作與核稿
這一階段需要考驗設計師多方面的能力,包括對各種軟件的操作熟練程度及運用能力、創(chuàng)新能力、交互思維能力、溝通協(xié)調能力等等。設計師制作完設計稿后需要由產品經理審核,主要審核一下產品需求是否體現(xiàn)得當、邏輯交互是否呈現(xiàn)完全、設計是否符合大眾審美與需求。
四、標注切圖,對接前端
設計稿確認后,設計師就要和前端工程師對接溝通了。溝通的內容包括標注方式、切圖尺寸以及切圖命名規(guī)則等等。前端程序員接收到我們具體的設計信息內容后會把頁面實現(xiàn),然后UI設計師需要核對程序員的輸出頁面與自己的設計稿是否一致,以及是否有需要調整和修改的地方。
五、項目跟進與總結
并不是說UI設計師參與的項目正式面世后,一切就已經萬事大吉了。項目實際投放后,還有可能會遇到很多問題需要修改、完善,設計師需要多多關注和跟進,同時也要做好對項目的總結工作,可以以文檔的形式把自己的設計規(guī)范記錄下來,有助于前端工程師根據這個規(guī)范統(tǒng)一調整界面,后續(xù)有其他設計師接受的時候,也可以作為參考標準。
以上就是UI設計師的工作流程,對于沒有跟過實際項目的設計小白來說,這可能理解不太深刻,所以,各位小伙伴們,接下來就是實踐了,只有去做了,你才能發(fā)現(xiàn)自己的問題。
入門必讀,UI設計的整個工作流程是怎樣的?
UI設計師到底要做什么。今天千鋒就來為大家介紹一下UI設計的工作流程,相信即使是零基礎的小伙伴也可以輕松理解。
首先,大家要知道,UI設計的整個工作流程有許多人的參與。第一個是產品經理,主要的工作是競品分析等工作,也是UI設計最核心的一個領頭人物。
第二個交互設計師,根據產品經理提供的方案,設計出一套原型圖設計。第三個視覺設計師,工作內容是根據交互給的原型圖,設計出視覺圖。其實無論是交互設計師,還是視覺設計師都統(tǒng)稱為UI設計師。
第四個程序員,根據視覺設計師提供的圖片,用代碼的方式實現(xiàn)其功能,也就是開發(fā)APP的過程。第五個運營,負責把已經開發(fā)出來的APP推廣出去,讓更多人來的使用這個產品。
歸納起來就是,產品定位與市場分析階段,主要由產品經理負責牽頭,相關需求部門與產品需求專員、市場人員進行多次會議研討,經過上級領導同意,確立好需求后即將進入交互設計階段,這也是UI設計的主要階段。下面是一個UI設計師的具體工作流程:
1、了解項目分析需求文檔
2、草圖快速溝通
3、設計開工前溝通需求
4、視覺設計
5、界面輸出
(1)目的(配合好技術開發(fā)人員完成相關的界面規(guī)范溝通、設計需求溝通)
(2)主要執(zhí)行人員(技術)
(3)溝通(UI、UE、需求部門、銷售)
(4)UI設計師的主要職責(對界面設計階段的最后結果配合技術部門實現(xiàn)界面設計的實際效果)
6、可用性測試階段
(1)目的(針對一致性測試;信息反饋測試;界面簡潔性測試;界面美觀度測試;用戶動作性測試;行業(yè)標準測試)
(2)主要執(zhí)行人員(技術開發(fā)測試部門)
(3)溝通(UI/UE、技術開發(fā)部門、產品需求部門、營銷運營部門)(4)、UI設計師的主要職責(可用性的循環(huán)研究、用戶體驗回饋、測試回饋、UI人員把可行性建議進行完善)
7、產品上線
8、開發(fā)后期,細節(jié)跟進
9、項目總結
完成了設計工作后,要做的事情就是出一份視覺規(guī)范,然后檢查一下整體的視覺層級。無論是小型項目還是大型項目,視覺規(guī)范都有其存在的必要性。無論是對你自己,還是對于同事,都能起到很好的規(guī)范作用,避免不一致的設計。
UI 設計的整個工作流程是怎樣的?
一.UI設計參與完成的流程。
UI設計的工作流程會根據公司性質、規(guī)模、項目性質、項目規(guī)模、UI職能要求等的不同有所區(qū)別。
UI設計參與完成的流程大致為:
1. 參與需求評審,理解PRD
2. 用戶調研、情緒板梳理(主要針對一些對體驗、視覺要求很高的產品,需要更加多關注人的設計,不是必要流程)
3. 交互設計
4. 視覺設計
5. 視覺評審(視覺稿確定過后)
6. UI走查、驗收(開發(fā)提測后,發(fā)布前)
在工作過程中,可能會組織團隊成員對設計方案、項目進行復盤,這樣細致的分工會把每個環(huán)節(jié)都打磨得非常到位。我們再來細分工作中的每一步,具體的工作內容是什么?
1.參與需求評審,理解PRD
一個項目全員開始動工,應該就是從需求評審開始。在產品理清楚需求后,會輸出PRD或者原型草圖,依據PRD或者原型草圖來和項目組的全體成員澄清需求。在需求澄清會中,項目組成員會對需求、操作流程、業(yè)務邏輯等提出不同的問題,產品完善問題。需求澄清不會一次就讓項目組全體成員清晰的明確所有需求,產品會根據大家的疑惑去不斷完善需求內容,在多次的需求澄清后,大家達成一致的共識,正式開始動工。
在這個過程中UI設計需要:
(1)反復和產品溝通,確認,協(xié)助產品給出原型草圖。
(2)協(xié)助產品明確產品的市場定位、產品定義、客戶群體、運行方式等。
2. 用戶調研、情緒板梳理
產品、UI、UE等相關人員會依據產品的定位、競品分析、目標用戶的使用場景、需求、心理等提出用戶的研究報告。
在這個過程中UI設計需要:
(1)參與討論,輸出紙稿線框稿、用工具制作線框圖。
(2)協(xié)助產品初擬產品設計方向和思路,提出可用性設計建議。
3. 交互設計
交互設計階段一般由交互設計師(UE)和產品一起制定,根據可用性分析結果制定交互方式、操作流程、跳轉流程等。在線框圖階段去設計交互流程,可以減少由于交互流程改變而帶來的視覺設計的改變。這個階段會輸出原型圖,以支持后面做詳細的視覺設計。很多公司沒有專職的交互設計師,交互設計由產品或者UI完成。
在這個過程中UI設計需要:
(1)這個過程,UI可以依據上一個流程中的輸出,初步設計產品的風格,然后和產品不斷推敲。
(2)原型設計的不斷完善,紙質草圖-線框圖-低保真-高保真(高保真原型成本較高,很多小規(guī)模的公司都不做高保真原型設計)。
4.視覺設計
視覺設計階段,UI根據界面原型,對界面原型進行視覺效果的處理。該項目組的UI在明確界面風格、要求后,開始制作所有界面的視覺設計
在這個過程中UI設計需要:
(1)確定整個界面的風格、界面、窗口、圖標、色調、按鈕的表現(xiàn)。
(2)完成所有界面的視覺設計,交出最終的視覺稿。
5. 視覺評審
在視覺稿確定之后,UI設計組針對界面做一致性測試、簡潔性測試、美觀度測試、用戶體驗測試、行業(yè)標準測試等。然后召集項目組所有人員召開原型的可用性測試評審會,發(fā)現(xiàn)可用性問題并提出修改意見。當視覺評審過了之后,配合技術部門實現(xiàn)界面設計的實際效果。
在這個過程中UI設計需要:
(1)針對提出的問題,對界面進行不斷的完善。
(2)參與視覺評審全過程。
(3)配合技術部門實現(xiàn)界面設計的實際效果,給出最后的界面效果圖,標注好距離、 尺寸、顏色、文字大小等。
(4)輸出前端開發(fā)工程師需要的切圖。
6. UI走查、驗收
在發(fā)布前,測試會針對可用性、用戶體驗、測試界面等對設計問題進行一下回饋,在依據這些問題把設計工作進行細節(jié)調整。再正式發(fā)布之后,收集市場上真實的用戶體驗并記錄,為下個版本提供強有力的市場需求。
在這個過程中UI設計需要:
(1)不斷完善界面設計。
(2)UI人員把可行性建議進行完善,不斷總結以備以后產品設計升級。
當然,以上談到的UI設計工作只是一個大致的流程,一個項目UI參與的流程肯定是會依據公司性質、規(guī)模、項目性質、人員配比等不同,所做的工作有所縮減或精分。