如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

2014年，在一次與親戚的聊天中聽(tīng)到了UI這個(gè)詞，當(dāng)時(shí)的我還在讀大二，好奇心驅(qū)使下查了一下，乖乖，月薪過(guò)萬(wàn)啊，當(dāng)時(shí)就下定決心要學(xué)ui，找親戚要了想關(guān)資料，想想以后畢業(yè)了我也是月薪過(guò)萬(wàn)，那個(gè)激動(dòng)。然而，我這個(gè)人三分鐘熱度，到了畢業(yè)，也沒(méi)什么拿得出手的作品，加上畢業(yè)后面試的屢屢碰壁，我把目光投向了培訓(xùn)機(jī)構(gòu)，各種貼吧，知乎發(fā)問(wèn)，哪些機(jī)構(gòu)好，花費(fèi)了我又一個(gè)月的時(shí)間，這時(shí)我的基友們?cè)缇凸ぷ鲀蓚€(gè)月了（之前做過(guò)一個(gè)月的網(wǎng)頁(yè)設(shè)計(jì)，后來(lái)辭了找培訓(xùn)），這個(gè)時(shí)候我意識(shí)到了第一個(gè)問(wèn)題：剛剛畢業(yè)心比天高，被ui設(shè)計(jì)的高薪誘惑，現(xiàn)實(shí)的反差太大，不愿接受。后來(lái)想了想，我一個(gè)二本學(xué)校的畢業(yè)生，經(jīng)驗(yàn)沒(méi)有，哪來(lái)的勇氣要高薪。也許是緣分，我在找培訓(xùn)機(jī)構(gòu)的時(shí)候碰到了我的一個(gè)小學(xué)同學(xué)，她在某星培訓(xùn)ui設(shè)計(jì)，她不是科班的，她學(xué)的跟這方面完全沒(méi)關(guān)系，然而她告訴我，她可以單獨(dú)制作app界面了（當(dāng)時(shí)她培訓(xùn)了三個(gè)月），我呢，也可以制作app界面，花了我2年多的時(shí)間。終于我意識(shí)到了，態(tài)度決定一切。于是我停止了招培訓(xùn)，面試。我決定靜下來(lái)自己全面的重新學(xué)習(xí)ui。

UI設(shè)計(jì)是什么，UserInterface,即用戶(hù)界面。比如我們經(jīng)常用到的手機(jī)，他的界面就是用戶(hù)界面。而設(shè)計(jì)手機(jī)界面視覺(jué)的設(shè)計(jì)師稱(chēng)之為GUI（移動(dòng)端ui）設(shè)計(jì)師，與之對(duì)應(yīng)的有WUI（web端ui）設(shè)計(jì)師。兩種設(shè)計(jì)師都是對(duì)產(chǎn)品的視覺(jué)負(fù)責(zé)。

那么，我們?cè)撛趺磳W(xué)習(xí)ui設(shè)計(jì)呢？

1.軟件基礎(chǔ)

Ps Ai Ae ,以ps為主，主要學(xué)習(xí)形狀工具，鋼筆工具，文字工具和圖層樣式，最好也學(xué)一下修圖，ps會(huì)了ai基本就沒(méi)哈問(wèn)題，ai主要在一些比較復(fù)雜的圖形路徑時(shí)使用，一般有ps就夠了（版本越來(lái)越強(qiáng)），ae主要是用來(lái)做一些動(dòng)效，給作品加分。至于有人會(huì)說(shuō)，怎么沒(méi)原型圖的制作工具啊，呵呵，小編一直用的紙和筆，方便快速。教程啥的網(wǎng)上一搜一大推，我就不說(shuō)了。

2.圖形基礎(chǔ)

圖形基礎(chǔ)其實(shí)是對(duì)應(yīng)這手繪能力的，基本上國(guó)內(nèi)比較出名的設(shè)計(jì)師他們?cè)O(shè)計(jì)一個(gè)logo，圖標(biāo)什么的，都會(huì)有對(duì)應(yīng)的手繪稿，他們的作品為什么會(huì)看著舒服，讓人喜歡，不是憑空想出來(lái)的，是一步一步畫(huà)出來(lái)的，有理有據(jù)的。而且有手繪能力也是面試的一個(gè)加分項(xiàng)，如果你想要成為一個(gè)游戲ui設(shè)計(jì)師的話(huà)，那就必須學(xué)（小編是GUI方向。。。就沒(méi)說(shuō)游戲），除了手繪，平時(shí)臨摹一些寫(xiě)實(shí)圖標(biāo)也是非常好的方法。

3.設(shè)計(jì)規(guī)范

設(shè)計(jì)規(guī)范有助于我們的設(shè)計(jì)，當(dāng)我們要做一套ios系統(tǒng)的界面時(shí)，如果沒(méi)有規(guī)范，你知道導(dǎo)航欄設(shè)多高嗎？你知道ios用什么字體嗎？當(dāng)然，規(guī)矩是死的，人是活的，你也可以自己制定規(guī)范。（這個(gè)以后再說(shuō)）

4.臨摹臨摹臨?。。?！

理論與實(shí)踐并行，當(dāng)我們對(duì)軟件熟悉之后，對(duì)規(guī)范，圖形基礎(chǔ)有了一定了解后，就要開(kāi)始大量的練習(xí)了。當(dāng)然，臨摹也不一定非要一模一樣，如果有什么好的想法也可以融入到作品中，我們做設(shè)計(jì)，不能居于一隅，要懂得舉一反三。

5.項(xiàng)目實(shí)踐

經(jīng)歷一套完整的設(shè)計(jì)流程是最好的學(xué)習(xí)鍛煉方式。也是以后找工作的“經(jīng)驗(yàn)”。一般項(xiàng)目流程：頭腦風(fēng)暴--原型圖--效果圖--切圖給后臺(tái)--預(yù)覽--優(yōu)化--產(chǎn)品（我自己寫(xiě)的大概流程），當(dāng)然也有再設(shè)計(jì)，對(duì)已有的產(chǎn)品進(jìn)行再設(shè)計(jì)，加上自己的想法。

Ui設(shè)計(jì)學(xué)習(xí)網(wǎng)站

站酷： http://www.zcool.com.cn/

Ui中國(guó)： http://www.ui.cn/index.php

Dribbble：https://dribbble.com/

Behance： https://www.behance.net/

花瓣： http://huaban.com/

總之，要想學(xué)好ui，態(tài)度先擺正，然后練練練！

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)