干貨~干貨~干貨~這篇文章,送給剛轉(zhuǎn)行或者準(zhǔn)備轉(zhuǎn)行的你~

2018-06-12 2014 0

-

01.前言


大家好,好久不見,我是雨成同學(xué)。

之前蠻多小伙伴對上一篇教程感興趣,并且強(qiáng)烈要求寫多一篇名為剛轉(zhuǎn)行UI設(shè)計(jì)師要怎么學(xué)習(xí)和提高,遲遲不

發(fā),拖了很久,馬上進(jìn)入正題吧。


 


 


 


 

-

02.正題 


很多朋友或許還在猶豫,“我讀工業(yè)設(shè)計(jì)的,但是很喜歡UI,可不可以轉(zhuǎn)行呀?”等等相似的問題。 大家肯定

也看到過類似“UI的鼎盛時期過去了,千萬別轉(zhuǎn)”這種觀點(diǎn)吧,千萬別被這種東西給困擾住,我想說的是,只要

你熱愛這一行,就會做得很好,把這些顧慮的時候拿來做練習(xí)強(qiáng)化自己會更有幫助。
 

 

轉(zhuǎn)行UI的好處是什么,大部分不是因?yàn)闊釔郯?,熱愛是后面的事情,最大的?qū)動力其實(shí)是因?yàn)?.....


 

【錢多..... 恩 沒錯】

 

拿幾張2017年最新的UI設(shè)計(jì)師不同階段的薪資給大家感受一下,就知道你們的驅(qū)動力在哪里了~~  


 

                            

                             (來源站酷招聘)


 


(來源某網(wǎng)站招聘)


 

大概形式如上圖,從工作經(jīng)驗(yàn)1-5年內(nèi)算起來,薪資都是從8K-30K之間暴增,平均每年漲40%,大家可以吧猶豫放

棄掉,你要做的就是下定決心要做這一行,并且做好這一行,最后把職業(yè)轉(zhuǎn)變成熱愛,你就走向人生巔峰了。


 

好了,人生巔峰都提到了,很多朋友想著轉(zhuǎn)行,都沒入門呢,那么接下來會對一些常見的問題進(jìn)行一個解釋,希

望你們度過這個瓶頸期。


 

重要!!重要??! 關(guān)于薪資這一塊爭議較大,本人不發(fā)表個人觀點(diǎn),希


望大家?guī)е胶偷男膽B(tài)看教程即可!


 

-


 

03.解答一些疑問



 

第一點(diǎn)疑問:我要學(xué)習(xí)什么軟件?



 

首先,本次教程不會出現(xiàn)什么教你使用軟件的技巧那些,只會針對學(xué)習(xí)階段講解要如何去做。


 

入行階段需要學(xué)習(xí)的軟件有三種,(針對WIN平臺)


 

01.Photoshop (圖像圖形繪制工具)

  一般用于界面UI,圖標(biāo)以及簡單插畫的運(yùn)用工具


 

02. After Effects(動效設(shè)計(jì)制作工具)

  一般用于界面交互和動效制作的工具


 

03.Axure (原型圖繪制工具)

  一般用于腦圖以及低保真線稿圖制作的工具


3ae358bb6547a801219c779b4747.jpg
 


 

以上三款工具是目前2017年的UI學(xué)習(xí)比較好的搭配,后面會慢慢講解為什么要用它們,它們的好處是什么。


 

第二點(diǎn)疑問:UI到底涉及哪些內(nèi)容?



 

這一點(diǎn)是比較多朋友關(guān)心的,我結(jié)合自身的一些經(jīng)驗(yàn)可以大致和你們聊聊。


 

首先,UI不是做網(wǎng)頁,UI不是做LOGO,UI不是做游戲。這些都太范了。

記得早期在某社交公司工作期間,我負(fù)責(zé)過得東西,非常的多


01. App的設(shè)計(jì)以及交互動效設(shè)計(jì)

02. H5的策劃以及設(shè)計(jì) 

03. 官網(wǎng)的Redisign 

04.公司宣傳畫冊的設(shè)計(jì) 

05. 形象的品牌設(shè)計(jì)等 

06......



 

所以之前有朋友問我,UI到底是做什么的,我一時半會說不上來,因?yàn)樯婕暗念I(lǐng)域很多,你做的東西也很多,當(dāng)

你涉及的方面多了,你自身的優(yōu)勢就體現(xiàn)出來了,你的價值也體現(xiàn)出來了。千萬不要想著,“我去的公司肯定

我做喜歡的,我就專門做網(wǎng)頁設(shè)計(jì),等等”,這不太現(xiàn)實(shí)。

 

現(xiàn)階段,我的建議是,查找出自身的擅長熱愛領(lǐng)域,專攻一項(xiàng)達(dá)到極致,其他方面用來輔助你,就夠用了。


 


 

總結(jié)一下,涉及的領(lǐng)域有

 

01. App的設(shè)計(jì)以及交互動效設(shè)計(jì)


7d3558bb65c2a801219c778dbf46.jpg

                          (作者:雨成同學(xué))


02.H5的策劃以及設(shè)計(jì) 


49a258bb65eea801219c77ef8b2f.jpg

                     (作者:雨成同學(xué)  手繪:喵小魚)


 

03. 官網(wǎng)的設(shè)計(jì)


ef2158bb6624a801219c779b0710.jpg

                             (作者:灰晝)
 


 

04.公司宣傳畫冊的設(shè)計(jì) 


 

3a5258bb6648a801219c773cf9fb.jpg

                             (作者:任大萌)


 


 

05. 形象的品牌設(shè)計(jì)等 


211158bb666ea801219c7781b39d.jpg

  (作者:RWDS)


 


 

06......(未知的技能標(biāo)簽等等)


cde258bb6692a801219c77750c0d.jpg

                            (作者:雨成同學(xué))


 

不怕學(xué)得多,會得多了你就贏了。也提前告訴大家到底你們要做的是什么東西。多去嘗試吧,特別是網(wǎng)頁視覺和

APP視覺以及基礎(chǔ)的圖標(biāo),對你幫助很大。具體的四晝夜計(jì)劃提升期待下次教程。


 

第三點(diǎn)疑問:如何開始學(xué)習(xí)?



 

01.AE


 

針對第一點(diǎn)學(xué)習(xí)軟件,在這一點(diǎn)繼續(xù)強(qiáng)化一下。首先為什么說要學(xué)習(xí)AE,因?yàn)閺?016年開始,大家應(yīng)該都意識到

一點(diǎn),那就是微交互時代的來臨。你單純做的靜態(tài)稿已經(jīng)無法滿足客戶的需求了,你需要有一些有意思的驗(yàn),

也對用戶層非常關(guān)鍵。


 

6d0458bb66f5a801219c77d27b89.jpg

                            

                           (作者:雨成同學(xué))


 

2e0f58bb6715a801219c773dc1df.jpg

                          (作者:雨成同學(xué))


 

怎么學(xué)?我的建議是看看:doyoudo 以及 站酷的高高手課程,首先,上面的課程對于你學(xué)習(xí)動效基礎(chǔ)入門都

是很大幫助的,當(dāng)你學(xué)會了,在進(jìn)行自己思維得嘗試,會做出很多酷炫不同的東西,當(dāng)然取決于不同的人,你必

須下定決心學(xué)好來。

 

你要做的,是不斷的分析大量的優(yōu)秀動效,不管是概念還是線上,你必須掌握了強(qiáng)大的技能,才能在將來處理各

種動效得心應(yīng)手,有時候,思維到位了,技術(shù)不到位,也只是扯淡。


 

不斷的看,不斷的分析,不斷的練習(xí),你就可以在動效這一塊學(xué)的很好,體驗(yàn)做的很好。

 

具體怎么制定計(jì)劃學(xué)習(xí)和思維,請查閱我上一篇文章。


 


 

02.Axure
 



 

這款軟件是針對產(chǎn)品經(jīng)理比較多的學(xué)習(xí)模塊,對UI要求不大,但是這一個軟件也必須是要接觸的,可以方便和產(chǎn)

品溝通,有時候自己也可以充當(dāng)這一角色,對自身很大幫助。

 

首先想講講,一個優(yōu)秀產(chǎn)品上線的流程


 

01.需求分析(產(chǎn)品經(jīng)理或者客戶)→ 02.交互原型設(shè)計(jì)(產(chǎn)品經(jīng)理或UI設(shè)計(jì)師)→03.界面設(shè)計(jì)(UI設(shè)計(jì)師)→切圖注釋交接開發(fā)→修改→進(jìn)入開發(fā)→測試→上線....

 

不同的企業(yè)會有不同的操作方式,可以看到,從第二步開始基本上都是UI設(shè)計(jì)師可以接手的領(lǐng)域了,你如果對

Axure這款軟件操作明白,就可以做出非常棒的交互稿,不論是上線產(chǎn)品或者是自己的概念作品,都有很大的邏

輯上幫助,也能看出你的專業(yè)性。  


 


 


 


 

有關(guān)Axure的學(xué)習(xí)路勁可以到人人都是產(chǎn)品經(jīng)理網(wǎng)站查閱,軟件本身難度不大,稍微學(xué)習(xí)一段時間和一些簡單的

交互,你就能吧這項(xiàng)技能做的很好。


 


 

第四點(diǎn)疑問:如何開始制定學(xué)習(xí)計(jì)劃?



 

這也是本章最后一點(diǎn),關(guān)于軟件技能等學(xué)習(xí),大家可以看我的參考或者自行查閱,畢竟學(xué)習(xí)方法那么多,我也說

不完。

 

常說“站在岸上學(xué)不會游泳”,如果已經(jīng)掌握了以上的知識和軟件技能,那么就可以開始制定學(xué)習(xí)計(jì)劃了。很

多朋友在詢問我關(guān)于四晝夜計(jì)劃的內(nèi)容,其實(shí)這個晝夜安排不是每個人都可以執(zhí)行的,但是大家如果想,我可以

吧參考放下來,供大家學(xué)習(xí)。


 

第一晝夜 - 圖標(biāo)界面綜合性學(xué)習(xí)


49d758bb67baa801219c77754874.jpg
 

                          

                            (作者:KENCHAO)


 

第二晝夜 - 動效規(guī)范綜合性學(xué)習(xí)


551a58bb67f0a801219c77cdb242.jpg                            

                           (作者:雨成同學(xué))




 

第三晝夜 - 思維創(chuàng)意綜合性學(xué)習(xí)


ba7258bb6822a801219c77f303e7.jpg      


 

第四晝夜 - 輸出整套自身風(fēng)格作品



484a58bb683ca801219c77812bf6.jpg

                            

                            (作者:雨成同學(xué))


 

上圖是新書籍的一些規(guī)劃性提升內(nèi)容,當(dāng)然因人而異,反正我是花了很久時間才學(xué)會的這些東西??梢越o你們幾

條學(xué)習(xí)路勁方便參考  具體時間不限定,不一定非要晝夜計(jì)劃。


 


 

第一條(手繪不夠):

     01.圖標(biāo)練習(xí)提升(線性,非線性)  02.APP界面練習(xí)提升  03.網(wǎng)頁視覺練習(xí)提升  04.APP動效練習(xí)提升  05.網(wǎng)頁強(qiáng)化練習(xí)  06.其他技能等等....


 


 

第二條(手繪炸天):

     01.圖標(biāo)練習(xí)提升(線性,非線性)   02.App界面練習(xí)提升  03.網(wǎng)頁視覺練習(xí)提升

04.形象設(shè)計(jì)練習(xí)提升  05.App動效練習(xí)提升  06.各種寫實(shí)扁平形象設(shè)定提升.....  07.其他......


 


 



 


 

第五點(diǎn)疑問:入門之后學(xué)什么


軟件以及視覺僅僅是UI的一部分,初級設(shè)計(jì)師和高級設(shè)計(jì)師所考慮的問題和想法也是不一樣的。


 

關(guān)于思考,舉幾個例子(下圖是案例):


 

 369b5893d875a8012060c846937c.jpg

 

  

  普通的設(shè)計(jì)師會想:“真棒,很酷呀!”


 

  優(yōu)秀的設(shè)計(jì)師會想:“他這個高光的質(zhì)感應(yīng)該是通過畫筆和圖層樣式實(shí)現(xiàn)的吧?”


 

  頂尖的設(shè)計(jì)師會想:“是否可以吧槍頭質(zhì)感重新處理一次”


 

  這僅是一個小案例,是否發(fā)現(xiàn)之間的區(qū)別?

 

  同樣一個東西,不同層級階段的設(shè)計(jì)師所考慮的角度是不一樣的,正是思維差距,導(dǎo)致了你做出來的效果和


 

體驗(yàn)差距。

  

  入門之后,僅僅是起了一小步,你需要不斷的強(qiáng)化自己的思維,強(qiáng)化自己的風(fēng)格,強(qiáng)化自己的眼界。


 

  有幾點(diǎn)希望大家在之后好好的了解和深入學(xué)習(xí) 01.用戶體驗(yàn) 02.用戶心理學(xué)  03.配色理論


 

  目前的T型人才才是主流趨勢,你需要不斷的綜合性強(qiáng)化自己,專精單一模塊才能走的更遠(yuǎn)。


 

  單單會做視覺是不夠的,你的思維要足夠廣了,才能做出用戶體驗(yàn)更棒的產(chǎn)品,這可能就是初級和高級的區(qū)

別吧,推薦幾本書:


 

  01.《視界無界》-作者 牛魔王

  02.《設(shè)計(jì)之下》-作者 搜狐新聞UED

  03.《簡約至上》-作者 Giles Colborne 


 


 

-


 

100.結(jié)語


學(xué)習(xí)是一個不斷進(jìn)步的過程,很多時候靠毅力,回想自己16歲那年剛開始自學(xué)UI,如今2年了,感謝一路幫助過

我的人,沒有當(dāng)初自己的熬夜努力,就不會有今天一點(diǎn)點(diǎn)進(jìn)步。

我也希望自己的一些經(jīng)驗(yàn)可以幫助到大家,共勉,寫了很久,我要去睡覺了~ 



15
評論區(qū)(0)
正在加載評論...