UI設(shè)計師應(yīng)掌握的知識體系以及職業(yè)規(guī)劃

圖片發(fā)自簡書App

隨著移動互聯(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í)慣,了解用戶體驗稀余。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末悦冀,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子睛琳,更是在濱河造成了極大的恐慌盒蟆,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件师骗,死亡現(xiàn)場離奇詭異历等,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)辟癌,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進(jìn)店門寒屯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人黍少,你說我怎么就攤上這事寡夹。” “怎么了厂置?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵菩掏,是天一觀的道長。 經(jīng)常有香客問我昵济,道長智绸,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任访忿,我火速辦了婚禮传于,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘醉顽。我一直安慰自己,他們只是感情好平挑,可當(dāng)我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布游添。 她就那樣靜靜地躺著,像睡著了一般通熄。 火紅的嫁衣襯著肌膚如雪唆涝。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天唇辨,我揣著相機(jī)與錄音廊酣,去河邊找鬼。 笑死赏枚,一個胖子當(dāng)著我的面吹牛亡驰,可吹牛的內(nèi)容都是我干的晓猛。 我是一名探鬼主播,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼凡辱,長吁一口氣:“原來是場噩夢啊……” “哼戒职!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起透乾,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤洪燥,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后乳乌,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體捧韵,經(jīng)...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年汉操,在試婚紗的時候發(fā)現(xiàn)自己被綠了再来。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡其弊,死狀恐怖膀斋,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情仰担,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布赂苗,位于F島的核電站贮尉,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏猜谚。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一昌犹、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧斜姥,春花似錦、人聲如沸铸敏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至桩撮,卻和暖如春敦第,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背店量。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工芜果, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人融师。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓右钾,卻偏偏與公主長得像,于是被迫代替她去往敵國和親旱爆。 傳聞我的和親對象是個殘疾皇子舀射,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,843評論 2 354

推薦閱讀更多精彩內(nèi)容