2018-6-7 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里
2014年，在一次與親戚的聊天中聽到了UI這個(gè)詞，當(dāng)時(shí)的我還在讀大二，好奇心驅(qū)使下查了一下，乖乖，月薪過萬啊，當(dāng)時(shí)就下定決心要學(xué)ui，找親戚要了想關(guān)資料，想想以后畢業(yè)了我也是月薪過萬，那個(gè)激動(dòng)。然而，我這個(gè)人三分鐘熱度，到了畢業(yè)，也沒什么拿得出手的作品，加上畢業(yè)后面試的屢屢碰壁，我把目光投向了培訓(xùn)機(jī)構(gòu)，各種貼吧，知乎發(fā)問，哪些機(jī)構(gòu)好，花費(fèi)了我又一個(gè)月的時(shí)間，這時(shí)我的基友們早就工作兩個(gè)月了（之前做過一個(gè)月的網(wǎng)頁設(shè)計(jì)，后來辭了找培訓(xùn)），這個(gè)時(shí)候我意識(shí)到了第一個(gè)問題：剛剛畢業(yè)心比天高，被ui設(shè)計(jì)的高薪誘惑，現(xiàn)實(shí)的反差太大，不愿接受。后來想了想，我一個(gè)二本學(xué)校的畢業(yè)生，經(jīng)驗(yàn)沒有，哪來的勇氣要高薪。也許是緣分，我在找培訓(xùn)機(jī)構(gòu)的時(shí)候碰到了我的一個(gè)小學(xué)同學(xué)，她在某星培訓(xùn)ui設(shè)計(jì)，她不是科班的，她學(xué)的跟這方面完全沒關(guān)系，然而她告訴我，她可以單獨(dú)制作app界面了（當(dāng)時(shí)她培訓(xùn)了三個(gè)月），我呢，也可以制作app界面，花了我2年多的時(shí)間。終于我意識(shí)到了，態(tài)度決定一切。于是我停止了招培訓(xùn)，面試。我決定靜下來自己全面的重新學(xué)習(xí)ui。
UI設(shè)計(jì)是什么，UserInterface,即用戶界面。比如我們經(jīng)常用到的手機(jī)，他的界面就是用戶界面。而設(shè)計(jì)手機(jī)界面視覺的設(shè)計(jì)師稱之為GUI（移動(dòng)端ui）設(shè)計(jì)師，與之對應(yīng)的有WUI（web端ui）設(shè)計(jì)師。兩種設(shè)計(jì)師都是對產(chǎn)品的視覺負(fù)責(zé)。
那么，我們該怎么學(xué)習(xí)ui設(shè)計(jì)呢？
1.軟件基礎(chǔ)
Ps Ai Ae ,以ps為主，主要學(xué)習(xí)形狀工具，鋼筆工具，文字工具和圖層樣式，最好也學(xué)一下修圖，ps會(huì)了ai基本就沒哈問題，ai主要在一些比較復(fù)雜的圖形路徑時(shí)使用，一般有ps就夠了（版本越來越強(qiáng)），ae主要是用來做一些動(dòng)效，給作品加分。至于有人會(huì)說，怎么沒原型圖的制作工具啊，呵呵，小編一直用的紙和筆，方便快速。教程啥的網(wǎng)上一搜一大推，我就不說了。
2.圖形基礎(chǔ)
圖形基礎(chǔ)其實(shí)是對應(yīng)這手繪能力的，基本上國內(nèi)比較出名的設(shè)計(jì)師他們設(shè)計(jì)一個(gè)logo，圖標(biāo)什么的，都會(huì)有對應(yīng)的手繪稿，他們的作品為什么會(huì)看著舒服，讓人喜歡，不是憑空想出來的，是一步一步畫出來的，有理有據(jù)的。而且有手繪能力也是面試的一個(gè)加分項(xiàng)，如果你想要成為一個(gè)游戲ui設(shè)計(jì)師的話，那就必須學(xué)（小編是GUI方向。。。就沒說游戲），除了手繪，平時(shí)臨摹一些寫實(shí)圖標(biāo)也是非常好的方法。
3.設(shè)計(jì)規(guī)范
設(shè)計(jì)規(guī)范有助于我們的設(shè)計(jì)，當(dāng)我們要做一套ios系統(tǒng)的界面時(shí)，如果沒有規(guī)范，你知道導(dǎo)航欄設(shè)多高嗎？你知道ios用什么字體嗎？當(dāng)然，規(guī)矩是死的，人是活的，你也可以自己制定規(guī)范。（這個(gè)以后再說）
4.臨摹臨摹臨?。。。?
理論與實(shí)踐并行，當(dāng)我們對軟件熟悉之后，對規(guī)范，圖形基礎(chǔ)有了一定了解后，就要開始大量的練習(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)品（我自己寫的大概流程），當(dāng)然也有再設(shè)計(jì)，對已有的產(chǎn)品進(jìn)行再設(shè)計(jì)，加上自己的想法。
Ui設(shè)計(jì)學(xué)習(xí)網(wǎng)站
站酷： http://www.zcool.com.cn/
Ui中國： 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ì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com