學(xué)UI入門(mén)階段到底要掌握那些知識(shí)？

設(shè)計(jì)師陽(yáng)仔

鄭州/平面設(shè)計(jì)師/7年前/207瀏覽

版權(quán)

設(shè)計(jì)師陽(yáng)仔

如果你是新手，能堅(jiān)持每個(gè)知識(shí)點(diǎn)都搞明白的話，起碼要半年的時(shí)間！

下邊我們先說(shuō)說(shuō)UI到底是什么？

很多同學(xué)不知道UI是什么，以為畫(huà)個(gè)ICON圖標(biāo)就是做UI了，導(dǎo)致很多人都忙著畫(huà)各種各樣的圖標(biāo)。這樣很容易讓那些新人們走錯(cuò)路，最后我想說(shuō)的是icon不是全部，不要沉迷其中，要學(xué)的還有很多。

User Interface（用戶界面)，簡(jiǎn)稱UI，是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。

UI設(shè)計(jì)分三個(gè)分支：

1、研究界面—-圖形設(shè)計(jì)師Graphic UI designer，簡(jiǎn)稱GUI,國(guó)內(nèi)目前大部分UI工作者都是從事這個(gè)行業(yè)。包括（網(wǎng)頁(yè)設(shè)計(jì)，軟件界面，移動(dòng)端界面設(shè)計(jì)），每天工作做著各種界面設(shè)計(jì)。

2、交互設(shè)計(jì)師，做整個(gè)項(xiàng)目的交互流程。

3、用戶體驗(yàn)研究師，主要是通過(guò)各種方法去了解用戶現(xiàn)在需要什么樣的體驗(yàn)什么樣的界面，從而對(duì)這個(gè)項(xiàng)目的總體性體驗(yàn)做決策的。

用戶界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。界面設(shè)計(jì)是一個(gè)復(fù)雜的有不同學(xué)科參與的工程，認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、語(yǔ)言學(xué)等在此都扮演著重要的角色。用戶界面設(shè)計(jì)的三大原則是：置界面于用戶的控制之下；減少用戶的記憶負(fù)擔(dān)；保持界面的一致性；即要符合用戶的心智模型。

所以一個(gè)優(yōu)秀的UI設(shè)計(jì)師，從技能上講，不僅能畫(huà)圖標(biāo)，還能做好界面，會(huì)很多交互知識(shí)。

好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味，還要讓軟件的操作變得舒適、簡(jiǎn)單、自由、充分體現(xiàn)軟件的定位和特點(diǎn)。

圖標(biāo)，界面，交互知識(shí)都是需要長(zhǎng)期的經(jīng)驗(yàn)積累，所以UI這條路很長(zhǎng)，要學(xué)的技能很多，大家加油吧??！

從上張可以看出UI設(shè)計(jì)師工作日常的主要內(nèi)容是和各種屏幕打交道，多終端設(shè)備的UI界面設(shè)計(jì)。

那么UI設(shè)計(jì)師工作中都做些什么事？

在日常工作中，UI設(shè)計(jì)師一般要做的事情還挺多的（手機(jī)端UI和網(wǎng)頁(yè)UI大多數(shù)情況由同一人完成，大公司分工比較細(xì)，會(huì)分開(kāi)）

IOS和安卓，兩大平臺(tái)的UI界面設(shè)計(jì)工作。
APP界面設(shè)計(jì)并標(biāo)注尺寸（手機(jī)端或是網(wǎng)頁(yè)平臺(tái)或軟件）
APP切圖資源導(dǎo)出給程序員（手機(jī)端）
圖標(biāo)設(shè)計(jì)（啟動(dòng)圖標(biāo)和界面功能圖標(biāo)）
提交到各大平臺(tái)的推廣圖（活很多，各種尺寸，橫豎屏）
網(wǎng)頁(yè)設(shè)計(jì)（產(chǎn)品類(lèi)、平臺(tái)類(lèi)、介紹類(lèi)）
后臺(tái)界面設(shè)計(jì)（主要是管理APP和網(wǎng)頁(yè)上的內(nèi)容發(fā)布的后臺(tái)系統(tǒng)界面）
小程序界面設(shè)計(jì)
展會(huì)海報(bào)，易拉寶，等平面
有些小公司老板為了省錢(qián)可能需要你會(huì)畫(huà)原型圖會(huì)UI 一起做，有交互邏輯思維。（原型繪制不難，就是一個(gè)軟件掌握就行，難在要有交互邏輯思維，這需要多思考。）
會(huì)做一些AE小動(dòng)畫(huà)（比如加載刷新小動(dòng)畫(huà)啥的，局部的）。

UI設(shè)計(jì)師要學(xué)很多，才能獨(dú)當(dāng)一面。一般的創(chuàng)業(yè)型公司只會(huì)招一個(gè)網(wǎng)頁(yè)和手機(jī)端都會(huì)的UI設(shè)計(jì)師。總之，只要你肯花心思、費(fèi)時(shí)間、有興趣就一定學(xué)的好！加油~！

看到這里，總算明白為什么UI設(shè)計(jì)師比平面和電商設(shè)計(jì)師的薪資普遍要高一截的原因了，技能上要掌握的實(shí)在是太多了。

從2018年整個(gè)職場(chǎng)招聘的要求來(lái)看，UI設(shè)計(jì)師需要掌握四大核心知識(shí)結(jié)構(gòu)才能找到UI工作：APP、網(wǎng)頁(yè)、后臺(tái)界面、小程序。

看到這里很多同學(xué)會(huì)覺(jué)得UI設(shè)計(jì)還挺復(fù)雜的，要學(xué)的東西好多哦。沒(méi)錯(cuò)，確實(shí)很多東西要學(xué)習(xí)，并不是一個(gè)簡(jiǎn)單的工作。

陽(yáng)仔的建議是分二步走。

第一步學(xué)常用軟件

很多新人都特別對(duì)軟件感興趣，先來(lái)看看UI設(shè)計(jì)平時(shí)都會(huì)用到哪些軟件。工欲善其事，必先利其器。

陽(yáng)仔常用的一些軟件給大家看看，看看你會(huì)用哪些個(gè)?第一排是主流常用軟件，第二排是一些輔助小工具，提高效率的。

（新手重點(diǎn)學(xué)習(xí)PS和AI。這2個(gè)學(xué)會(huì)了，其他的后面階段在學(xué)，不要急，按我說(shuō)的優(yōu)先級(jí)來(lái)學(xué)。）

“如果你軟件PS、AI都不會(huì)用，或很菜的情況，可以先報(bào)一個(gè)只學(xué)軟件的在線培訓(xùn)班，一般不會(huì)超過(guò)2000塊，學(xué)時(shí)在2個(gè)月左右。也可以購(gòu)買(mǎi)在線視頻課程只要1-2百元左右，更實(shí)惠。但從效率上來(lái)說(shuō)，報(bào)在線培訓(xùn)班會(huì)掌握的更快一點(diǎn)，主要是老師們把重要的知識(shí)點(diǎn)畫(huà)出來(lái)了，少走一些彎路，節(jié)約很多時(shí)間。千萬(wàn)不要一拍腦袋啥都不清楚的情況下，就花2萬(wàn)塊報(bào)了宣傳語(yǔ)是3個(gè)月年薪20萬(wàn)的培訓(xùn)班，那就呵呵噠了，你以為錢(qián)是這么好賺的，3個(gè)月肯定是不夠的，不可能的事兒。3個(gè)月也就是能把軟件摸熟一點(diǎn)，能不能自己創(chuàng)作設(shè)計(jì)出來(lái)東西，還是有很大困難的。

PS是一定要熟練掌握的 ★★★★★

對(duì)于入門(mén)階段的童鞋來(lái)說(shuō)，不要糾結(jié)那么多，先把Photoshop玩熟練再說(shuō)吧。因?yàn)樵谌粘９ぷ髦?，用的最多的就是PS了，所以入門(mén)階段的你，不要瞎操那么多心了，專(zhuān)心學(xué)習(xí)PS吧。

軟件安裝（建議購(gòu)買(mǎi)正版軟件，以下下載僅供學(xué)習(xí)使用）

Photoshop 2018 軟件下載請(qǐng)到官網(wǎng)下載試用版，然后干啥自己百度
psd 縮略圖查看插件（也可以按照美圖看看也能看到）

AI是必須掌握的 ★★★★

新手重點(diǎn)是學(xué)好PS和AI。上圖中Zeplin是一鍵標(biāo)注插件，Axure、Principle和Flinto都是原型設(shè)計(jì)工作，可以做動(dòng)態(tài)的演示。原型制作工具還有比如MockPlus，墨刀等等。

Photoshop的知識(shí)點(diǎn)太多了，用了10年都不敢說(shuō)精通。每個(gè)不同的設(shè)計(jì)領(lǐng)域用到PS的知識(shí)點(diǎn)也不一樣。比如做CG原畫(huà)的，做網(wǎng)頁(yè)設(shè)計(jì)，照相館處理照片的等等用到PS功能都不太一樣。

軟件方面從重要級(jí)別上用5顆星（滿分）來(lái)說(shuō)明一下，新手心里有個(gè)數(shù)：