如何從平面設(shè)計(jì)轉(zhuǎn)UI設(shè)計(jì)？首先要了解平面和UI之間的區(qū)別。
平面設(shè)計(jì)主要是做視覺(jué)設(shè)計(jì)，所以平面設(shè)計(jì)轉(zhuǎn)UI設(shè)計(jì)會(huì)比其他行業(yè)的人快很多，因?yàn)橐曈X(jué)這塊做平面設(shè)計(jì)的人懂的都差不多了。
學(xué)習(xí)UI設(shè)計(jì)可以分2部分。
軟件操作使用（軟件需要合理的練習(xí)方法，進(jìn)行不斷的練習(xí)，并記錄使用技巧）設(shè)計(jì)思維規(guī)范（學(xué)習(xí)他人的設(shè)計(jì)想法，找個(gè)大神學(xué)習(xí)，或者看書(shū)）
現(xiàn)在說(shuō)說(shuō)UI設(shè)計(jì)工作流程：
產(chǎn)品經(jīng)理（PM）——交互設(shè)計(jì)師（IXD）——視覺(jué)設(shè)計(jì)師（GUI）——用戶研究工程師（UE）——程序員（RD）——運(yùn)營(yíng)（OP）
產(chǎn)品經(jīng)理（PM）：產(chǎn)品經(jīng)理，負(fù)責(zé)產(chǎn)品的需求收集、整理、歸納、深入挖掘，組織人員討論需求，進(jìn)行產(chǎn)品規(guī)劃，然后畫(huà)原型，寫(xiě)PRD，與UI設(shè)計(jì)師、交互設(shè)計(jì)師、開(kāi)發(fā)人員、運(yùn)營(yíng)人員溝通，并推進(jìn)、跟蹤產(chǎn)品開(kāi)發(fā)到上線，上線后再根據(jù)運(yùn)營(yíng)人員收集的用戶反饋、需求，進(jìn)行一下版本開(kāi)發(fā)、迭代。
交互設(shè)計(jì)師（IXD）：對(duì)產(chǎn)品進(jìn)行行為設(shè)計(jì)和界面設(shè)計(jì)。 行為設(shè)計(jì)是指各種用戶操作后的效果設(shè)計(jì)。Web的操作以點(diǎn)擊為主。點(diǎn)擊操作又可以分為“表單提交”類和“跳轉(zhuǎn)鏈接”類兩種。除點(diǎn)擊外，還涉及到拖拽操作等。 界面設(shè)計(jì)包括：頁(yè)面布局、內(nèi)容展示等眾多界面展現(xiàn)。
視覺(jué)設(shè)計(jì)師（GUI）：基于對(duì)產(chǎn)品設(shè)計(jì)需求的良好理解能力，完成需要的視覺(jué)設(shè)計(jì)提案。團(tuán)隊(duì)協(xié)作設(shè)定產(chǎn)品整體界面視覺(jué)風(fēng)格與創(chuàng)意規(guī)劃。基于概念設(shè)計(jì)配合團(tuán)隊(duì)高效的開(kāi)展系統(tǒng)化的詳細(xì)視覺(jué)設(shè)計(jì)。具備手持移動(dòng)端產(chǎn)品設(shè)計(jì)經(jīng)驗(yàn)或2年以上專業(yè)設(shè)計(jì)工作經(jīng)驗(yàn)的設(shè)計(jì)師優(yōu)先
用戶研究工程師（UE）：類似于問(wèn)卷調(diào)查，用戶反饋，收據(jù)大量的反饋數(shù)據(jù)，不斷完善自己的產(chǎn)品，給用戶更好的體驗(yàn)。用戶研究工程師主要是大型互聯(lián)網(wǎng)公司才會(huì)有這個(gè)職位，很多小公司是沒(méi)有的。
程序員（RD）：這個(gè)就很好理解了，主要工作就是講設(shè)計(jì)好的作品，以代碼的形式寫(xiě)入設(shè)備，載體以視覺(jué)的形式展現(xiàn)出來(lái)。
運(yùn)營(yíng)（OP）：任何APP或者作品，都是需要通過(guò)運(yùn)營(yíng)，推廣的讓更多的人群用戶使用產(chǎn)生盈利。
那么從平面設(shè)計(jì)轉(zhuǎn)UI設(shè)計(jì)，怎么轉(zhuǎn)？
關(guān)于ui設(shè)計(jì)的學(xué)習(xí)方法，沒(méi)有一個(gè)具體的門路！接下來(lái)我來(lái)說(shuō)說(shuō)我的觀點(diǎn)，如果你是零基礎(chǔ)的小白就好好看看以下的內(nèi)容！
第一階段：平面設(shè)計(jì)知識(shí)的掌握
那么首先平面設(shè)計(jì)的知識(shí)又可以分為兩大階段，第一是軟件的運(yùn)用，第二是理論知識(shí)的掌握！
那么對(duì)于ui設(shè)計(jì)來(lái)說(shuō)，平面設(shè)計(jì)軟件方面，需要掌握的有ps，ai這兩款就行了！
（關(guān)于軟件這邊再補(bǔ)充一點(diǎn)，因?yàn)閺氖聈i設(shè)計(jì)并不僅僅掌握這兩款平面設(shè)計(jì)軟件就夠了，因?yàn)榈胶笃?，ui設(shè)計(jì)師將要具備交互設(shè)計(jì)，以及動(dòng)效設(shè)計(jì)的能力，所以從這點(diǎn)來(lái)說(shuō)，我們就要掌握相關(guān)的軟件了，比如做交互的AXURE,做動(dòng)效設(shè)計(jì)的AE。所以總的來(lái)講呢，我們要學(xué)的軟件有四大件，PS , AI, AE, AXURE)
第二階段：美術(shù)基礎(chǔ)
那么是不是做設(shè)計(jì)就一定先畫(huà)出美美的圖畫(huà)？
萬(wàn)一驗(yàn)證了自己是個(gè)手殘君怎么辦？
其實(shí)用手繪和用PS都是工具繪畫(huà)，在擅長(zhǎng)之前，
同樣是可以經(jīng)過(guò)磨練達(dá)到熟練。
緊抓美術(shù)三大基礎(chǔ)：素描、色彩、速寫(xiě)。
“3—2—1”規(guī)則，由淺入深，循序漸進(jìn)
3周練習(xí)素描：把線條、構(gòu)圖、光影的特點(diǎn)把握好，2周時(shí)間了解色彩：對(duì)色彩原理、配色常用方法、多顏色漸變調(diào)和。1周時(shí)間了解速寫(xiě)：把握運(yùn)動(dòng)物體的形態(tài)、造型
只要你把上面的這些知識(shí)點(diǎn)都給掌握了，并且能夠熟練運(yùn)用了，那你的手繪就算可以過(guò)關(guān)了！
那么按照這樣的學(xué)習(xí)步驟，你花上幾周的時(shí)間，基本上就有了美術(shù)基礎(chǔ)，但是這個(gè)基礎(chǔ)，只是對(duì)你做ui設(shè)計(jì)會(huì)有幫助的，離真正的美術(shù)還是很有差距的！不過(guò)如果自身對(duì)美術(shù)手繪感興趣，可以等入行之后再慢慢的研究，學(xué)習(xí)！
第三階段：學(xué)習(xí)ui設(shè)計(jì)的規(guī)范
為什么商業(yè)平面、淘寶美工這些類型不強(qiáng)調(diào)規(guī)范？而UI設(shè)計(jì)卻很強(qiáng)調(diào)規(guī)范。
因?yàn)樯虡I(yè)平面和淘寶美工不太需要和開(kāi)發(fā)打交道，只需要和甲方、客戶的審美打交道，
而在一個(gè)UED團(tuán)隊(duì)里，設(shè)計(jì)和程序是最重要的執(zhí)行者。
一般設(shè)計(jì)的應(yīng)用是基于IOS系統(tǒng)和Android系統(tǒng)運(yùn)行。這兩個(gè)系統(tǒng)都有其官方的系統(tǒng)規(guī)范，這些規(guī)范都羅列了詳細(xì)的通用型設(shè)計(jì)框架。如各自系統(tǒng)狀態(tài)欄、各個(gè)系統(tǒng)下的尺寸、導(dǎo)航欄和標(biāo)簽欄的高度是多少、手機(jī)屏上最適字號(hào)是多大等。
第四階段：進(jìn)行大量的臨摹學(xué)習(xí)
偉大的設(shè)計(jì)師都是從臨摹開(kāi)始的，這個(gè)是毋庸置疑的！所以當(dāng)你前期并不懂得設(shè)計(jì)的時(shí)候，你只有通過(guò)臨摹去提升自己的感覺(jué)，提升自己無(wú)論是軟件熟練度，還是審美造型能力！這些能力都能通過(guò)你臨摹作品體現(xiàn)，當(dāng)你進(jìn)行大量練習(xí)的同時(shí)這方面的能力肯定是在不斷的提升的！
現(xiàn)在有很多設(shè)計(jì)網(wǎng)站，要多利用業(yè)余時(shí)間去臨摹。比如站酷、UI中國(guó)、dribbble、behance等等，設(shè)計(jì)這個(gè)東西每天都在發(fā)生著變化，你只有每天去看最新的設(shè)計(jì)師作品，才能跟上時(shí)代潮流，走上人生巔峰。
第五階段：試著去參與項(xiàng)目
對(duì)于UI設(shè)計(jì)的工作流程，我覺(jué)得可以根據(jù)“市場(chǎng)分析-用戶分析-架構(gòu)-原型-界面-輸出-完善”這條主線制定，每個(gè)環(huán)節(jié)UI設(shè)計(jì)師都應(yīng)參與其中。
1、產(chǎn)品定位與位與市場(chǎng)分析
這一類工作大多都是由新產(chǎn)品研發(fā)部門以及市場(chǎng)需求完成的，但UI設(shè)計(jì)師應(yīng)了解產(chǎn)品的市場(chǎng)定位、產(chǎn)品定義、客戶群體、運(yùn)營(yíng)方式等。
2、用戶研究與分析
這個(gè)過(guò)程是非常重要的，設(shè)計(jì)師應(yīng)該找到合適的方法來(lái)完成此環(huán)節(jié)。你可以搜集相關(guān)資料分析目標(biāo)用戶的使用特征、情感、習(xí)慣、心里、需求等，提出用戶研究報(bào)告和可用性設(shè)計(jì)建議。這部分工作也可和團(tuán)隊(duì)配合完成。時(shí)間與項(xiàng)目需求允許的情況下，更可以制定實(shí)景用戶分析。
3、架構(gòu)設(shè)計(jì)
這里涉及到比較多的界面交互與流程的設(shè)計(jì)，根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。
4、原型設(shè)計(jì)
我覺(jué)得這里應(yīng)該是一個(gè)小的階段標(biāo)志，要對(duì)前面所有工作加以設(shè)計(jì)方面的實(shí)施，根據(jù)進(jìn)度與成本，可以把原型控制在“手繪-圖形-FLASH-視頻”幾個(gè)質(zhì)量范圍。原型的本質(zhì)更傾向與一個(gè)DEMO，它不需要有全部的功能，但要體現(xiàn)出設(shè)計(jì)對(duì)象的基本特性。
5、界面設(shè)計(jì)
如果很傾向于圖形界面設(shè)計(jì)，這兒是你最喜歡的部分。但一定要結(jié)合循環(huán)討論過(guò)的分析結(jié)果做設(shè)計(jì)，否則你的作品很難被人信服。色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。
6、界面輸出
作為設(shè)計(jì)師，在這一部分的工作就是配合好開(kāi)發(fā)人員完成相關(guān)的界面結(jié)合。
7、完善工作
這個(gè)環(huán)節(jié)是很多部門共同參與的，包括可用性的循環(huán)研究、用戶體驗(yàn)回饋、測(cè)試回饋。同時(shí)，UI人員也應(yīng)該把一些可行性建議進(jìn)行完善。很多設(shè)計(jì)師做了東西不喜歡改，這是一個(gè)大忌。
如上的流程，可能會(huì)有很多部門共同參與完成，UI設(shè)計(jì)師如何與團(tuán)隊(duì)配合并發(fā)揮自己應(yīng)有的作用非常重要。一名合格的UI設(shè)計(jì)師，應(yīng)該能貫穿整個(gè)UI流程進(jìn)行工作，而并非是單純的圖形界面設(shè)計(jì)。
西安云和數(shù)據(jù)專注UI設(shè)計(jì)師人才的培養(yǎng)，幫助想快速提升UI技能的同學(xué)。
