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