0基礎(chǔ)非科班，如何成功轉(zhuǎn)行為一名優(yōu)秀的UI設(shè)計(jì)師？

基本經(jīng)常有小伙伴們問：我是來自非設(shè)計(jì)專業(yè)的學(xué)生，能否轉(zhuǎn)行做UI設(shè)計(jì)？我對UI設(shè)計(jì)很感興趣，如何從零基礎(chǔ)開始學(xué)？非科班出身，起點(diǎn)一定低嗎？在我看來，科不科班出身并不太重要。

科班與否，并不是決定設(shè)計(jì)能力的關(guān)鍵因素。只要掌握恰當(dāng)?shù)膶W(xué)習(xí)方法，是可以在工作中逐漸彌補(bǔ)趕上的，甚至可以在未來超過那些科班畢業(yè)生。

很多人說想從事設(shè)計(jì)工作，第1句話就是我非科班出身，而且不會手繪，是不是會很難走。其實(shí)當(dāng)你進(jìn)入設(shè)計(jì)這個(gè)行業(yè)之后你會發(fā)現(xiàn)，很多人都是非科班出身，有的是典型的工科生，有的是學(xué)土木專業(yè)的，有的是學(xué)攝影的，有的之前是前臺后來覺得ps能夠修圖，很多都是誤打誤撞的進(jìn)入這個(gè)行業(yè)。

設(shè)計(jì)這個(gè)行業(yè)沒有那么強(qiáng)的學(xué)歷和專業(yè)要求，所以非科班的小伙伴也不要因?yàn)槟惚葎e人起步晚就唯唯諾諾的，相反的是你比科班出身的人進(jìn)步更快，因?yàn)槭且粡埌准?，所以無所畏懼，越是這樣越容易進(jìn)步。非科班的優(yōu)勢是我什么都沒有，我什么都不怕。

UI設(shè)計(jì)沒有太高的專業(yè)門檻，我自己也是從平面設(shè)計(jì)轉(zhuǎn)行過來的，在我做UI設(shè)計(jì)工作中，碰到很多優(yōu)秀的UI設(shè)計(jì)師同事，一半以上不是設(shè)計(jì)專業(yè)出身的。他們的背景五花八門，有計(jì)算機(jī)、心理學(xué)、文學(xué)、電影、音樂、電子工程等。

那么問題來了，非科班出身，要怎么做才能成為UI設(shè)計(jì)師呢？

01

我為什么要做設(shè)計(jì)？

首先請想清楚為什么想轉(zhuǎn)設(shè)計(jì)，我當(dāng)時(shí)真的是因?yàn)閷I設(shè)計(jì)感興趣，也有一部分薪資原因，因?yàn)楫?dāng)時(shí)在公司做UI設(shè)計(jì)師的同事，薪資確實(shí)比我高不少，相信有很多人也和我一樣，剛剛接觸UI設(shè)計(jì)就被他深深吸引了，當(dāng)然肯定也有很多零基礎(chǔ)的小白是為了UI設(shè)計(jì)的高薪來的。

02

0基礎(chǔ)小白如何學(xué)習(xí)UI設(shè)計(jì)？

很多同學(xué)剛接觸UI設(shè)計(jì)這個(gè)新的專業(yè)，但是不知道如何下手，今天給大家聊聊，零基礎(chǔ)小白如何學(xué)習(xí)UI設(shè)計(jì)，并且不走彎路！

一、UI設(shè)計(jì)是什么？

UI設(shè)計(jì)英文叫User Interface翻譯成中文意思就是（用戶界面）。UI設(shè)計(jì)是指對軟件的人機(jī)交互，操作邏輯，界面美觀的整體設(shè)計(jì)

說到這個(gè)用戶界面，其實(shí)非常好理解，因?yàn)槲覀兠刻於荚谑褂谩?/p>

這是我手機(jī)里面微信軟件的截圖，非常熟悉的界面，移動端互聯(lián)網(wǎng)時(shí)代，每個(gè)人都有一部智能手機(jī)。

手機(jī)里面微信聊天界面，QQ聊天界面，手機(jī)桌面，手機(jī)上看到的所有圖標(biāo)界面點(diǎn)了后會有反應(yīng)的我們都可以理解成UI設(shè)計(jì)。

比如微信界面、里面的圖標(biāo) 文字 圖片整個(gè)操作點(diǎn)擊 都屬于UI設(shè)計(jì)師要設(shè)計(jì)的范疇。所以UI設(shè)計(jì)一直存在于我們的生活！

二、設(shè)計(jì)軟件

如果我們要設(shè)計(jì)出精美的界面，圖標(biāo)供用戶使用，那么我們首先要學(xué)習(xí)設(shè)計(jì)軟件，來繪制這些界面，圖標(biāo)。

我們在學(xué)習(xí)UI設(shè)計(jì)的過程當(dāng)中，需要學(xué)習(xí)到很多知識，比如軟件 PS，AI，AE，ARP，XD這些都是一名UI設(shè)計(jì)必需要掌握好的軟件。

工欲善其事必先利其器，從這個(gè)階段開始，變得先學(xué)習(xí)軟件工具了，一般UI設(shè)計(jì)要學(xué)習(xí)有以下6款軟件（PS 、AI、 AE、ARP或默刀軟件，XD或sketch軟件，藍(lán)湖 ）那么這幾款軟件在UI設(shè)計(jì)工作是負(fù)責(zé)什么的呢？

PS：PS軟件在UI設(shè)計(jì)工作中主要來用做UI設(shè)計(jì)界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、負(fù)責(zé)界面中的視覺設(shè)計(jì)，是我們第1款要掌握的軟件，在以后的工作中60%的內(nèi)容 都是PS來完成。

AI：AI軟件在UI設(shè)計(jì)工作中主要用來做UI界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、字體設(shè)計(jì)、插畫設(shè)計(jì)，加快我們的工作效率。

AE：軟件在UI設(shè)計(jì)中主要負(fù)責(zé) 交互動效設(shè)計(jì)。我們手機(jī)解鎖動作其實(shí)就是一個(gè)簡單的動效。

ARP：全稱：Axure RP 一款交互軟件、在UI設(shè)計(jì)中負(fù)責(zé)做交互原型圖。ARP軟件和默刀軟件都是做原型圖的，可以二選一學(xué)習(xí)。

我們做UI設(shè)計(jì)，UI設(shè)計(jì)是由很多很多界面組成的，這些界面每一步之間去交接的這個(gè)界面，如果說我們只做一個(gè)界面，UI設(shè)計(jì)師是可以做出來的，但是要做幾十個(gè)上面?zhèn)€界面，如果我們一個(gè)個(gè)做是肯定會出問題的，所以需要先制作原型，我們根據(jù)原型再制作界面，這就是我們的前后聯(lián)系，原型是不用做這個(gè)顏色，圖標(biāo)，細(xì)節(jié)的，只需搭建一個(gè)基礎(chǔ)的版式就行，這個(gè)就是我們用ARP或者默刀軟件做的。

XD 或者sketch軟件在UI設(shè)計(jì)工作中主要用來做圖面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、原型設(shè)計(jì)

Sketch和XD這兩款軟件功能是差不多的，XD的話是一款非常適合做UI設(shè)計(jì)工作，XD做圖會非?？?，因?yàn)閄D的工具特別少，里面的工具是專門為做UI設(shè)計(jì)工作開發(fā)的一款軟件，而且XD軟件特別小，不會卡。

Sketch（只能在蘋果電腦上安裝，如果電腦是win系統(tǒng)就可以安裝XD軟件）

要學(xué)習(xí)UI設(shè)計(jì)，一定要先學(xué)會軟件操作，他們可謂是戰(zhàn)士手中的刀和槍，只有把各種軟件運(yùn)用熟練我們才能制作出美好的作品。但并不能說，你學(xué)會使用這些軟件，就能成為一名合格的UI設(shè)計(jì)師， 這種概率太小了！

對于UI設(shè)計(jì)師，軟件僅僅只是一個(gè)表達(dá)設(shè)計(jì)想法的工具而已。UI設(shè)計(jì)師需要的是真正的產(chǎn)品設(shè)計(jì)思維，清楚用戶的使用場景、用戶需求、理解企業(yè)的產(chǎn)品愿景，最終才能設(shè)計(jì)出一款用戶用著爽、企業(yè)需要的優(yōu)秀產(chǎn)品。

UI設(shè)計(jì)掌握學(xué)習(xí)主要分兩部分，兩個(gè)階段，一個(gè)是熟練工具，另外是設(shè)計(jì)知識以及創(chuàng)意想法的練習(xí)。

一部分是軟件（設(shè)計(jì)師的工具）

二部分是設(shè)計(jì)知識（重點(diǎn)學(xué)習(xí)）

軟件知識：PS 、AI、 AE、ARP或默刀軟件、XD或sketch軟件、藍(lán)湖

理論知識：創(chuàng)意，審美，心理學(xué)，溝通學(xué)，管理，運(yùn)營，文案，演講

學(xué)習(xí)內(nèi)容：色彩原理 美術(shù)手繪 素描 版式 切圖 規(guī)范 適配 圖標(biāo)設(shè)計(jì) 視覺設(shè)計(jì) 界面設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 動效設(shè)計(jì) 交互設(shè)計(jì)

標(biāo)準(zhǔn)化布局 原型圖設(shè)計(jì) 電商設(shè)計(jì) 平面構(gòu)成 立體構(gòu)成 色彩構(gòu)成 交互邏輯 思維構(gòu)圖 擬物化與扁平化設(shè)計(jì) 產(chǎn)品思維

專題頁設(shè)計(jì) IOS設(shè)計(jì)規(guī)范 Android設(shè)計(jì)規(guī)范 GUI設(shè)計(jì)基礎(chǔ) WUI設(shè)計(jì)基礎(chǔ) UE用戶體驗(yàn) 項(xiàng)目設(shè)計(jì)流程 原創(chuàng)作品制作

三、設(shè)計(jì)練習(xí)

想學(xué)好UI設(shè)計(jì)、肯定需要不斷的練習(xí)。提升自己的審美、提升做圖效率！

初學(xué)者的話，先把PS熟練精通，可以通過臨摹學(xué)習(xí)來提升操作技巧，介紹個(gè)設(shè)計(jì)師必用的網(wǎng)站（花瓣網(wǎng)）.

它屬于素材網(wǎng)站，里面各種設(shè)計(jì)素材應(yīng)有盡有，建議先從基本的UI圖標(biāo)開始學(xué)起，網(wǎng)站上找到自認(rèn)為好看的圖標(biāo)，用PS一對一的臨摹。

臨摹學(xué)習(xí)是初學(xué)者一定會經(jīng)歷的過程，只有不斷的臨摹。腦子里才會積累東西。提升自己的操作技巧，掌握基本的造型能力 創(chuàng)意能力！

界面臨摹學(xué)習(xí)也是非常有必要的、很多同學(xué)設(shè)計(jì)做不好的原因之一（顏色搭配 板式布局）

通過優(yōu)秀界面的臨摹可以讓自己腦海中得到積累，鍛煉自己的顏色搭配能力、板式布局能力、把控設(shè)計(jì)細(xì)節(jié)。

四、設(shè)計(jì)規(guī)范掌握

UI設(shè)計(jì)屬于一個(gè)新的行業(yè)、和傳統(tǒng)的平面設(shè)計(jì) 電商設(shè)計(jì)有很大區(qū)別、每個(gè)界面都要應(yīng)用到設(shè)備中，所以設(shè)計(jì)規(guī)范學(xué)習(xí)也是必不可少的。

給大家介紹個(gè)設(shè)計(jì)尺寸規(guī)范網(wǎng)站（老姜尺寸網(wǎng)）

這個(gè)網(wǎng)站里面，可以學(xué)到移動端 PC端 常用的設(shè)計(jì)尺寸規(guī)范。

很多設(shè)計(jì)理論知識是很難通過 網(wǎng)站作品學(xué)會的，所以我們還需要購買設(shè)計(jì)書籍

五、設(shè)計(jì)作品

掌握了設(shè)計(jì)軟件、了解的相應(yīng)的設(shè)計(jì)規(guī)范，這時(shí)候、應(yīng)該多去做些設(shè)計(jì)作品、很多同學(xué)說到作品、一臉的懵逼，完全不知道如何下手。

我當(dāng)年學(xué)設(shè)計(jì)的方法是、去設(shè)計(jì)平臺找相應(yīng)的作品學(xué)習(xí)。

推薦2個(gè)設(shè)計(jì)網(wǎng)站、UI中國 站酷、這兩個(gè)是國內(nèi)比較有名的設(shè)計(jì)交流平臺，里面高手如云、有非常多優(yōu)秀的作品供我們學(xué)習(xí)。

這些高手的UI作品、是我初學(xué)者非常好的一個(gè)學(xué)習(xí)樣本，通過作品的欣賞、了解設(shè)計(jì)思路 設(shè)計(jì)流程 設(shè)計(jì)表現(xiàn)手法。把好的東西 吸收到自己的腦子里。也可以模仿這些設(shè)計(jì)師 做一些虛擬設(shè)計(jì)搞。

這設(shè)計(jì)作品這個(gè)階段、一定要做到多去看 多去練 多去思考、形成自己的一套設(shè)計(jì)流程、萬事開頭難、只要自己跨出了第一步、享受設(shè)計(jì)帶來的樂趣。

在后期學(xué)習(xí)中不斷完善自己不足的地方，讓自己每天進(jìn)步一點(diǎn)點(diǎn)、那么你離學(xué)好UI設(shè)計(jì)就近了！