AV大片,日韩伦理一区,国产在线a,开心播播网婷婷在线

上海跑贏職場(chǎng)

[平面設(shè)計(jì)] [Android開(kāi)發(fā)] [IOS開(kāi)發(fā)] [J2EE] [UI設(shè)計(jì)]
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)官方企業(yè)微信
位置: 獵學(xué)網(wǎng) > 學(xué)校機(jī)構(gòu) > 上海跑贏職場(chǎng) > 學(xué)習(xí)資訊> 入門(mén)必究:UI設(shè)計(jì)整個(gè)流程是怎樣的

入門(mén)必究:UI設(shè)計(jì)整個(gè)流程是怎樣的

46 2015-12-30

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

題外話

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

正式開(kāi)始

我傾向于說(shuō)“交互設(shè)計(jì)的整個(gè)流程”。在我這里,UI是指“界面”,在視覺(jué)設(shè)計(jì)開(kāi)始之前,界面的的交互策劃與設(shè)計(jì)是很重要的前置步驟,對(duì)最終的用戶體驗(yàn)有很大的影響。

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

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

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

1.Storyboard故事版:

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

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

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

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

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

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

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

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

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

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

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

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

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

4.Allwireframe全部界面線框圖

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

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

*做完全部的線框圖,一般會(huì)出一個(gè)總結(jié)構(gòu)圖。如果有足夠大的場(chǎng)地,也可以逐頁(yè)打印出來(lái)貼到一面墻上。方便團(tuán)隊(duì)隨時(shí)參考。

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

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

溫馨提示: 專(zhuān)業(yè)老師1對(duì)1為您解答    馬上填寫(xiě),¥1000 元豪禮免費(fèi)領(lǐng)!

掃一掃
獲取更多福利

×
獵學(xué)網(wǎng)
国产真实乱人| 亚洲欧美日韩中文系列| av无码免费| 99二区| 下载外国一级片| 91精品老熟女| 亚洲AV日韩AV不卡在线观看 | 动漫+无码+黄+网站| 国产黄色小视频在线观看| 一级黄色片录像试看| 蜜桃6| 欧美乱伦熟女| 欧美一区有码| 久久婷婷五月天| 极品少妇九九九| ]人妻丝袜美腿中文字幕在线视频| 丝袜美腿人妻偷日| 无码精品不卡免费| bxbxbxbx性老熟妇xxx| 成人精品免费视频| 黄av网址在线观看| 把女人弄爽特黄A大片片| 亚洲熟妇老熟妇| 亚洲呦呦最新网址| 日韩伦理片| 无码一区二区波多野结衣播放搜索| 精品内谢| 青青草青青久久| 日本一道在线视频| 靖州| 中文字幕欧美激情| 亚洲中文精品人人欧美| 中文日韩欧美.| 成熟丰满熟妇AV无码区四季| 成人av视屏| 综合色图激情五月| 亚洲天堂3| 亚洲人在线| 中文字幕自慰穿衣| 国产精品国产三级区别第一集| 日本91在线视频观看|