隨著移動互聯(lián)網(wǎng)的迅猛發(fā)展草慧,使得移動產(chǎn)品設(shè)計人員急缺桶蛔。由于高薪酬,很多其他行業(yè)設(shè)計師轉(zhuǎn)行做UI設(shè)計冠蒋。
那么到底什么是UI設(shè)計羽圃?
做UI設(shè)計需要掌握哪些知識體系?
如何去學(xué)習(xí)抖剿?
今后如何做職業(yè)規(guī)劃?
是很多新人常會遇到的問題识窿!
針對這些問題斩郎,給大家一個比較全面的解釋,希望能幫到新入行移動設(shè)計的人喻频!
一缩宜、首先我先要分清幾個術(shù)語:
UI (User Interface):用戶界面
IxD(Interaction Design):交互設(shè)計或互動設(shè)計
UE或UX (User Experience):用戶體驗
UED (User-Experience Design):用戶體驗設(shè)計
UCD (User-Centered Design):以用戶為中心的設(shè)計
PM(Product Manager):產(chǎn)品經(jīng)理
視覺設(shè)計(Visual Design)
詳細(xì)解釋:
UI (User Interface):
即用戶界面 。ui設(shè)計其實是個比較籠統(tǒng)的叫法甥温,是指軟件的人機(jī)交互锻煌、操作邏輯、界面美觀的整體設(shè)計姻蚓。它包含了交互設(shè)計和視覺設(shè)計2個方面宋梧。
交互設(shè)計:充分考慮用戶使用場景和用戶行為習(xí)慣,通過簡化用戶任務(wù)流程狰挡,減少用戶使用成本捂龄。
ui設(shè)計是一種視覺語言,優(yōu)秀的的界面設(shè)計要能通過視覺手段正確傳達(dá)頁面信息主次和交互細(xì)節(jié)加叁,引導(dǎo)用戶如何操作倦沧。
由此可見,想要做好ui設(shè)計它匕,視覺設(shè)計知識和交互設(shè)計知識都是必須掌握的展融!
IxD(Interaction Design):
交互設(shè)計或互動設(shè)計。通俗來說就是設(shè)計軟件和用戶的互動方式豫柬,通過了解用戶需求告希、目標(biāo),使用有效的互動方式讓整個過程可用轮傍,并且要易用暂雹。再直白一點,就是解決軟件如何使用创夜。
UE或UX (User Experience):
用戶體驗杭跪。用戶體驗主要是來自用戶和人機(jī)界面的交互過程。
它是指用戶使用一個產(chǎn)品時的全部體驗。他們的印象和感覺涧尿,是否成功系奉,是否享受,是否還想再來/使用姑廉。他們能夠忍受的問題缺亮,疑惑和BUG的程度。
產(chǎn)品經(jīng)理(Product Manager):
就是企業(yè)中專門負(fù)責(zé)產(chǎn)品管理的職位桥言,產(chǎn)品經(jīng)理負(fù)責(zé)調(diào)查并根據(jù)用戶的需求萌踱,確定開發(fā)何種產(chǎn)品,選擇何種技術(shù)号阿、商業(yè)模式等并鸵。并推動相應(yīng)產(chǎn)品的開發(fā)組織,Ta還要根據(jù)產(chǎn)品的生命周期扔涧,協(xié)調(diào)研發(fā)园担、營銷、運(yùn)營等枯夜,確定和組織實施相應(yīng)的產(chǎn)品策略弯汰,以及其他一系列相關(guān)的產(chǎn)品管理活動。
視覺設(shè)計(Visual Design):
視覺設(shè)計也是個比較籠統(tǒng)的概念湖雹。是以“視覺”作為溝通和表現(xiàn)的方式咏闪,透過多種方式來創(chuàng)造和結(jié)合符號、圖片和文字劝枣,借此作出用來傳達(dá)想法或訊息的視覺表現(xiàn)汤踏。
在互聯(lián)網(wǎng)領(lǐng)域的視覺設(shè)計師主要要具備以下能力:
1標(biāo)志設(shè)計;2版式設(shè)計舔腾;3字體設(shè)計溪胶;4圖形設(shè)計;5廣告設(shè)計稳诚;6界面設(shè)計
二哗脖、產(chǎn)品研發(fā)團(tuán)隊的崗位組成及其職責(zé)
很多人可能會問為什么要說這個?不是要講ui扳还?
首先才避,任何產(chǎn)品都是由團(tuán)隊協(xié)作完成的。了解各個崗位的職責(zé)氨距,有利于提高團(tuán)隊協(xié)作效率桑逝。也有利于了解自己需要掌握的知識技能。
研發(fā)團(tuán)隊由產(chǎn)品設(shè)計俏让、技術(shù)開發(fā)兩個方面的崗位組成楞遏。產(chǎn)品設(shè)計人員包括產(chǎn)品經(jīng)理茬暇、交互設(shè)計師、視覺設(shè)計師寡喝;技術(shù)開發(fā)人員包括前端糙俗、服務(wù)端、數(shù)據(jù)端预鬓、測試等方面的工程師巧骚。
看到這,很多人就覺得比較坑爹了格二。怎么沒有UI設(shè)計師劈彪?!6ゲ隆粉臊!
上面說的分工方式是比較標(biāo)準(zhǔn)的崗位分配模式,由于國內(nèi)行業(yè)發(fā)展不完善抑或是用人成本問題驶兜。
在國內(nèi),很多公司里是沒有單獨的交互設(shè)計師崗位的远寸。
一種情況是由產(chǎn)品經(jīng)理直接負(fù)責(zé)抄淑,需求和交互設(shè)計都是產(chǎn)品經(jīng)理一個人,然后由視覺設(shè)計負(fù)責(zé)圖形界面設(shè)計(GUI)和其他美術(shù)資源的設(shè)計驰后。
另一種情況是肆资,產(chǎn)品經(jīng)理負(fù)責(zé)需求,UI設(shè)計師(或交互設(shè)計師)負(fù)責(zé)交互設(shè)計和視覺設(shè)計灶芝。產(chǎn)品經(jīng)理和ui設(shè)計師共同研究用戶體驗郑原。
當(dāng)然,在有交互設(shè)計師崗位的公司里:
這些一般都是較大公司夜涕,一般設(shè)置U
崗位來負(fù)責(zé)交互設(shè)計和用戶研究犯犁。產(chǎn)品經(jīng)理和交互設(shè)計師都會考慮用戶體驗,所以產(chǎn)品經(jīng)理有時也會參與到交互設(shè)計的環(huán)節(jié)女器,而且在產(chǎn)品需求設(shè)計的時候產(chǎn)品經(jīng)理和交互設(shè)計師也有很多的工作重疊酸役。
通過以上分析我們看出,產(chǎn)品經(jīng)理和交互設(shè)計工作內(nèi)容有重疊驾胆。交互設(shè)計和視覺設(shè)計工作內(nèi)容也有重疊涣澡。
所以,一般做ui設(shè)計最好具備視覺設(shè)計和交互設(shè)計兩個方面的知識體系丧诺。
三入桂、知識架構(gòu)
1、視覺設(shè)計部分:
首先驳阎,視覺設(shè)計不僅僅是做ICON抗愁,做界面或者界面元素馁蒂。
很多人認(rèn)為,如果去互聯(lián)網(wǎng)公司做視覺方向ui設(shè)計驹愚,只會簡單做圖標(biāo)远搪、界面就OK。這是極其幼稚的想法逢捺。
一般公司如果花錢雇專職視覺設(shè)計師的話谁鳍,那么整個公司的美術(shù)設(shè)計工作一般都會給視覺設(shè)計做。這就要求你幾乎精通平面設(shè)計師所會的所有知識劫瞳。
所以倘潜,如果你想今后在視覺領(lǐng)域混,那么以下幾項技能必不可少:
1)平面構(gòu)成志于;
2)色彩構(gòu)成涮因;
3)版式設(shè)計;
4)心理學(xué)伺绽;
5)美術(shù)繪畫养泡;
6)設(shè)計意識;
2奈应、交互設(shè)計師應(yīng)該具備的基本能力:
1)了解用戶體驗設(shè)計澜掩、可用性原則;
2)信息挖掘杖挣、用戶調(diào)研肩榕、數(shù)據(jù)分析柴信;
3)良好的邏輯能力嘹承;
4)心理學(xué)癞松;
5)交互設(shè)計原則膨疏、不同平臺的規(guī)范争占;
6)產(chǎn)品視覺感素邪;
7)溝通能力妻顶。
四捆等、職業(yè)規(guī)劃
由于ui設(shè)計挺份、交互設(shè)計褒翰、產(chǎn)品經(jīng)理工作內(nèi)容關(guān)聯(lián)性比較強(qiáng),而且有部分交集匀泊,很多UI設(shè)計師選擇ui-交互設(shè)計-產(chǎn)品經(jīng)理這個發(fā)展路線优训。
但是大家要明白,這3個崗位畢竟是3個不同的方向各聘,每個方向需要的專業(yè)能力還是很大不同的揣非。最終選擇怎么發(fā)展還是要看自己的興趣。
很多人認(rèn)為產(chǎn)品經(jīng)理工資高躲因,想從ui轉(zhuǎn)產(chǎn)品早敬。這個也要看公司忌傻,一線公司UI設(shè)計師一般都15K+了,但小公司的的產(chǎn)品經(jīng)理也就12K搞监。只是行業(yè)分工不同水孩,沒有高低貴賤。
即使你只想做視覺設(shè)計琐驴,也不是沒有發(fā)展的俘种。國內(nèi)一線修圖師,一張圖價格3K起绝淡。而普通修圖師宙刘,一個月也掙不了這么多。
所以無論做視覺牢酵、交互悬包、還是產(chǎn)品經(jīng)理,一是要看自己適不適合馍乙;二是要看自己的興趣布近。不要盲目跟風(fēng)!
五丝格、常見問題
1.視覺設(shè)計就是美工吊输?
每當(dāng)看到這句話,我的心里就像有1萬頭草泥馬在狂奔L贰!C4@攀!
不想當(dāng)設(shè)計的美工不是好店長K闾浮I鳌!
行業(yè)分工不同而已然眼,行行出狀元艾船。努力做好自己的工作才是重點。
一般情況一個合格的設(shè)計師高每,如果在一線城市屿岂,工資不會低于9K。這要看能力鲸匿,大部分人拉后腿爷怀,是因為自己根本不合格!所以即使你換個行業(yè)带欢,不努力运授,照樣不會改變現(xiàn)狀烤惊!
2、UI設(shè)計師需要會Axure么吁朦?
首先柒室,你要明白交互設(shè)計不是Axure操作員。
交互設(shè)計不等于使用Axure設(shè)計原型中的交互界面逗宜!
大家要清醒認(rèn)識Axure在產(chǎn)品設(shè)計中的位置雄右!
交互設(shè)計的出發(fā)點在于研究人在和物交流(dialog)時候,人的心理模式和行為模式锦溪,并在此研究基礎(chǔ)上不脯,設(shè)計人工物的可提供的交互方式,來滿足人對使用人工物的三個層次的需求(usefulness刻诊,usability防楷,and emotionality)。從這個角度看來则涯,交互設(shè)計是設(shè)計方法复局,而界面設(shè)計是交互設(shè)計的自然結(jié)果。
交互設(shè)計的步驟包括:
1)用戶調(diào)研
2)概念設(shè)計
3)創(chuàng)建用戶模型
4)創(chuàng)建界面流程
5)開發(fā)原型并進(jìn)行可用性測試
很顯然粟判,使用Axure設(shè)計快速原型亿昏,應(yīng)該放在交互設(shè)計的整體工作結(jié)束后,也就是框架層設(shè)計時進(jìn)行档礁。
所以角钩,Axure只是一個工具。在產(chǎn)品結(jié)構(gòu)層設(shè)計的時候呻澜,最好的設(shè)計工具就是你的大腦和鉛筆递礼。
當(dāng)你做一個產(chǎn)品的信息架構(gòu)時,用鉛筆畫出的信息架構(gòu)和界面流程草圖會比軟件做的更加直觀羹幸、形象脊髓。
3、UI設(shè)計師需要會代碼嗎栅受?
在小公司将硝,還有就是傳統(tǒng)的軟件外包企業(yè)(如用友和軟通動力),這樣的公司往往需要UI設(shè)計會點XHTML+CSS屏镊。
但現(xiàn)在大部分互聯(lián)網(wǎng)公司已經(jīng)有專職的前端了依疼,不需要會代碼。
并且熟悉XHTML+CSS只需要2周左右而芥,所以學(xué)不學(xué)看你自己定位涛贯!
4.產(chǎn)品經(jīng)理和交互設(shè)計師的區(qū)別?
產(chǎn)品經(jīng)理需要懂交互蔚出, 但交互設(shè)計師不等同于產(chǎn)品經(jīng)理弟翘。
產(chǎn)品經(jīng)理更側(cè)重于用戶需求開發(fā)虫腋。
交互設(shè)計師更了解用戶行為習(xí)慣,了解用戶體驗稀余。