上海UI設(shè)計培訓(xùn)來班啦，大家可隨時關(guān)注獵學(xué)網(wǎng)UI設(shè)計培訓(xùn)頻道，我們將第一時間公布相關(guān)培訓(xùn)信息。

題外話

我認(rèn)為設(shè)計師在工作中需要清楚了解設(shè)計的目的，尤其是你做的不是大眾化產(chǎn)品，不能以個人認(rèn)知、很強的主題性(如游戲)或”潮流“風(fēng)格來確定目標(biāo)時。比如設(shè)計小米手機的老人模式，老人需要什么樣的顏色?增加樣式是會產(chǎn)生干擾還是更好的體驗感?按鈕要多大才合適?在這種產(chǎn)品的UI設(shè)計時，設(shè)計師需要從頭參與，而且到了設(shè)計環(huán)節(jié)時，設(shè)計師基本上已經(jīng)心里有數(shù)了。

正式開始

我傾向于說“交互設(shè)計的整個流程”。在我這里，UI是指“界面”，在視覺設(shè)計開始之前，界面的的交互策劃與設(shè)計是很重要的前置步驟，對最終的用戶體驗有很大的影響。

我團隊在交互設(shè)計階段一般有產(chǎn)品經(jīng)理、交互設(shè)計師和UI設(shè)計師主要參與。以我的了解，很多公司不設(shè)專門的交互設(shè)計師，而由產(chǎn)品經(jīng)理完成相關(guān)工作。以下是我這里的工作流程(圖片來自于網(wǎng)絡(luò)，本團隊的就不貼了)。這個流程希望整個產(chǎn)品團隊都能參與其中并共同加強對產(chǎn)品的理解?；蛘呓枰粋€時髦的概念，我是希望團隊能具有更多DesignThinking，“設(shè)計思維”，來加強和推動解決問題的能力，并激發(fā)更多創(chuàng)新。

最開始一定要把Scenario應(yīng)用場景和Persona用戶角色做出來。你的產(chǎn)品是在何種場景下被使用，你的用戶角色是怎樣特征的人。設(shè)計的對不對，要用用戶角色來判斷，而不是設(shè)計師或產(chǎn)品經(jīng)理自己。把場景和角色描述清楚，并且讓整個團隊理解透徹，這能保證團隊少犯錯誤。

*用戶角色Persona，實際工作中寫文字描述就好，不用做的如下圖一般高大上。如果你要給客戶或Boss提案，可以做一個提升逼格。

1.Storyboard故事版：

主要負(fù)責(zé)人：產(chǎn)品經(jīng)理或交互設(shè)計師

最早大家開始討論用戶體驗流程，在白板上邊畫流程邊添加粗略的UI元素。會后交互設(shè)計師會在在紙上做手繪版線框圖。這階段產(chǎn)品經(jīng)理、交互設(shè)計師、UI設(shè)計師、包括技術(shù)工程師會一同作大量的討論，而且主要討論的是流程和主要功能，因此手畫故事版最快最方便并易于修改的。

此環(huán)節(jié)要敲定Userflow，用戶流程及其中的關(guān)鍵步驟，每一步驟都是一個主要界面。

*白板上一般都是這樣，交互設(shè)計同學(xué)會在紙上重繪。

*移動產(chǎn)品設(shè)計這樣做也行，不買專用的模板本和工具尺，自己打印也行。2.Keywireframe關(guān)鍵界面線框圖

主要負(fù)責(zé)人：交互設(shè)計師

在確定的用戶流程中，選出幾個關(guān)鍵的，有代表性的步驟，做細(xì)化的Wireframe線框圖。線框圖里要確保每一個UI元素的設(shè)計，包括其大小和位置。我們做的線框圖是1:1的，也就是線框圖與實際界面尺寸一致。1:1的線框圖能在前期避免考慮不周和執(zhí)行困難等很多問題的出現(xiàn)。

此環(huán)節(jié)要確定關(guān)鍵界面里的UI元素和布局，以及全局的布局排版風(fēng)格。

*線框圖做成1：1最好。輸出到文檔里要添加說明。在后面的工作里，這份文檔可以讓UI設(shè)計同學(xué)和工程師同學(xué)共用。

3.Keyvisualdesign關(guān)鍵界面視覺設(shè)計

主要負(fù)責(zé)人：UI設(shè)計師

此環(huán)節(jié)交互設(shè)計師會按確定的用戶流程及確定的布局風(fēng)格來繼續(xù)做其它界面的線框圖。UI設(shè)計師則同時開始做關(guān)鍵界面的視覺設(shè)計，進行配色、樣式不同風(fēng)格的嘗試。

此環(huán)節(jié)要確定產(chǎn)品界面的視覺設(shè)計風(fēng)格。

4.Allwireframe全部界面線框圖

主要負(fù)責(zé)人：交互設(shè)計師

此環(huán)節(jié)交互設(shè)計師要完成全部界面的線框圖(1:1的)設(shè)計并且團隊確認(rèn)。

*做完全部的線框圖，一般會出一個總結(jié)構(gòu)圖。如果有足夠大的場地，也可以逐頁打印出來貼到一面墻上。方便團隊隨時參考。

以上就是有關(guān)學(xué)UI設(shè)計怎么樣才能挑選到好的培訓(xùn)機構(gòu)的介紹，更多的(UI設(shè)計培訓(xùn)課程、UI設(shè)計培訓(xùn)機構(gòu))，敬請關(guān)注獵學(xué)網(wǎng)UI設(shè)計培訓(xùn)頁面!

溫馨提示：獵學(xué)網(wǎng)鄭重承諾，本網(wǎng)站(獵學(xué)網(wǎng))以誠信、高效、安全、擔(dān)保的產(chǎn)品理念，作為“學(xué)習(xí)+服務(wù)”的第三方平臺，致力于打造良好的口碑服務(wù)平臺。站內(nèi)收錄的中專、大專、自考、成考、專升本、網(wǎng)絡(luò)教育等機構(gòu)，都經(jīng)過獵學(xué)網(wǎng)核實認(rèn)證!如果廣大考生有提升學(xué)歷的需求，敬請關(guān)注獵學(xué)網(wǎng)，歡迎通過了解!