經(jīng)常在后臺收小伙伴的留言詢問UI設(shè)計該怎樣學(xué),于是有了今天這一篇文章,本文達(dá)妹詳細(xì)總結(jié)了UI設(shè)計需要掌握的基本概念,知識體系,崗位職責(zé)及發(fā)展規(guī)劃,對于想要進(jìn)入這個領(lǐng)域的伙伴,更像是一張地圖,希望能夠幫到你們。
隨著移動互聯(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):用戶體驗(yàn)
UED (User-Experience Design):用戶體驗(yàn)設(shè)計
UCD (User-Centered Design):以用戶為中心的設(shè)計
PM(Product Manager):產(chǎn)品經(jīng)理
視覺設(shè)計(Visual Design)
詳細(xì)解釋:
UI (User Interface):
即用戶界面 。ui設(shè)計其實(shí)是個比較籠統(tǒng)的叫法,是指軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計。它包含了交互設(shè)計和視覺設(shè)計2個方面。
一個合格的UI設(shè)計師不僅要能設(shè)計出美觀的界面,還要能大限度提升用戶操作的效率,經(jīng)過色調(diào)影響用戶的操作習(xí)慣,用顏色或圖形明確產(chǎn)品功能/內(nèi)容的主次和展示,降低用戶的操作負(fù)擔(dān)!
由此可見,想要做好ui設(shè)計,視覺設(shè)計知識和交互設(shè)計知識都是必須掌握的!
IxD(Interaction Design):
交互設(shè)計或互動設(shè)計。通俗來說就是設(shè)計軟件和用戶的互動方式,經(jīng)過了解用戶需求、目標(biāo),使用有效的互動方式讓整個過程可用,并且要易用。再直白一點(diǎn),就是解決軟件如何使用。
UE或UX (User Experience):
用戶體驗(yàn)。用戶體驗(yàn)主要是來自用戶和人機(jī)界面的交互過程。
它是指用戶使用一個產(chǎn)品時的全部體驗(yà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)營等,確定和組織實(shí)施相應(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è)計師主要要具備以下能力:
標(biāo)志設(shè)計
版式設(shè)計
字體設(shè)計
圖形設(shè)計
廣告設(shè)計
界面設(shè)計
二、產(chǎn)品研發(fā)團(tuán)隊(duì)的崗位組成及其職責(zé)
很多人可能會問為什么要說這個?不是要講UI?
首先,任何產(chǎn)品都是由團(tuán)隊(duì)協(xié)作完成的。了解各個崗位的職責(zé),有利于提高團(tuán)隊(duì)協(xié)作效率。也有利于了解自己需要掌握的知識技能。
研發(fā)團(tuán)隊(duì)由產(chǎn)品設(shè)計、技術(shù)開發(fā)兩個方面的崗位組成。產(chǎn)品設(shè)計人員包括產(chǎn)品經(jīng)理、交互設(shè)計師、視覺設(shè)計師;技術(shù)開發(fā)人員包括前端、服務(wù)端、數(shù)據(jù)端、測試等方面的工程師。
看到這,很多人就覺得比較坑爹了。怎么沒有UI設(shè)計師?
上面說的分工方式是比較標(biāo)準(zhǔn)的崗位分配模式,由于國內(nèi)行業(yè)發(fā)展不完善抑或是用人成本問題。
在國內(nèi),很多公司里是沒有單獨(dú)的交互設(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è)計師共同研究用戶體驗(yàn)。
當(dāng)然,在有交互設(shè)計師崗位的公司里:
這些一般都是較大公司,一般設(shè)置UE崗位來負(fù)責(zé)交互設(shè)計和用戶研究。產(chǎn)品經(jīng)理和交互設(shè)計師都會考慮用戶體驗(yàn),所以產(chǎn)品經(jīng)理有時也會參與到交互設(shè)計的環(huán)節(jié),而且在產(chǎn)品需求設(shè)計的時候產(chǎn)品經(jīng)理和交互設(shè)計師也有很多的工作重疊。
經(jīng)過以上分析我們看出,產(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)域混,那么以下幾項(xiàng)技能必不可少:
平面構(gòu)成;
色彩構(gòu)成;
版式設(shè)計;
心理學(xué);
美術(shù)繪畫;
設(shè)計意識。
2、交互設(shè)計師應(yīng)該具備的基本能力
了解用戶體驗(yàn)設(shè)計、可用性原則;
信息挖掘、用戶調(diào)研、數(shù)據(jù)分析;
良好的邏輯能力;
心理學(xué);
交互設(shè)計原則、不同平臺的規(guī)范;
產(chǎn)品視覺感;
溝通能力。
四、設(shè)計職業(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萬頭草泥馬在狂奔!
不想當(dāng)設(shè)計的美工不是好店長!
行業(yè)分工不同而已,行行出狀元。努力做好自己的工作才是重點(diǎn)。
一般情況一個合格的設(shè)計師,如果在一線城市,工資不會低于9K。這要看能力,大部分人拉后腿,是因?yàn)樽约焊静缓细瘢∷约词鼓銚Q個行業(yè),不努力,照樣不會改變現(xiàn)狀!
2、UI設(shè)計師需要會Axure么?
首先,你要明白交互設(shè)計不是Axure操作員。
交互設(shè)計不等于使用Axure設(shè)計原型中的交互界面!
大家要清醒認(rèn)識Axure在產(chǎn)品設(shè)計中的位置!
交互設(shè)計的出發(fā)點(diǎn)在于研究人在和物交流(dialog)時候,人的心理模式和行為模式,并在此研究基礎(chǔ)上,設(shè)計人工物的可提供的交互方式,來滿足人對使用人工物的三個層次的需求(usefulness,usability,and emotionality)。從這個角度看來,交互設(shè)計是設(shè)計方法,而界面設(shè)計是交互設(shè)計的自然結(jié)果。
交互設(shè)計的步驟包括:
用戶調(diào)研
概念設(shè)計
創(chuàng)建用戶模型
創(chuàng)建界面流程
開發(fā)原型并進(jìn)行可用性測試
很顯然,使用Axure設(shè)計快速原型,應(yīng)該放在交互設(shè)計的整體工作結(jié)束后,也就是框架層設(shè)計時進(jìn)行。
所以,Axure只是一個工具。在產(chǎn)品結(jié)構(gòu)層設(shè)計的時候,好的設(shè)計工具就是你的大腦和鉛筆。需要學(xué)習(xí)軟件的同學(xué),大家可以百度搜索錦子會,去錦子會博客下載更多學(xué)習(xí)資源!如想要了解我的,請百度搜索羅錦,歡迎了解更多我的設(shè)計之路!
當(dāng)你做一個產(chǎn)品的信息架構(gòu)時,用鉛筆畫出的信息架構(gòu)和界面流程草圖會比軟件做的更加直觀、形象。
3、UI設(shè)計師需要會代碼嗎?
在小公司,還有就是傳統(tǒng)的軟件外包企業(yè)(如用友和軟通動力),這樣的公司往往需要UI設(shè)計會點(diǎn)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í)慣,了解用戶體驗(yàn)。
歡迎報名參加非凡學(xué)院的培訓(xùn)班
地址:上海多個校區(qū)都可參加培訓(xùn),有無基礎(chǔ)均可(立即咨詢可免費(fèi)試聽課程,專業(yè)職業(yè)規(guī)劃師根據(jù)你的實(shí)際情況排課)
立即咨詢課程更多信息,學(xué)費(fèi),位置,師資全面了解,更可得免費(fèi)試聽課程機(jī)會
課程價格
注:實(shí)際課程價格以報價為準(zhǔn)
學(xué)校地址
徐匯校區(qū):上海徐匯區(qū)廣元西路45號
黃浦校區(qū):上海黃浦區(qū)山東中路311號
浦東校區(qū):上海浦東新區(qū)張楊路601號
普陀校區(qū):上海普陀區(qū)膠州路 941號
虹口校區(qū):上海虹口區(qū)花園路88號
以上就是小編簡單的介紹,希望對你有所幫助,還有更多關(guān)于相關(guān)的訊息,歡迎咨詢,驚喜多多,收獲多多。
課程咨詢
咨詢老師:張老師
咨詢電話:021-64320836
咨詢微信:2504994244
相關(guān)推薦
課程 | 班型 | 費(fèi)用 |
交大南洋 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
水晶石教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
天琥教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
北區(qū)教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
晶網(wǎng)設(shè)計 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
非凡進(jìn)修學(xué)院 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
火星人教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |