怎樣去學(xué)好UI設(shè)計(jì)
做過(guò)設(shè)計(jì)的人都知道,我們剛學(xué)的時(shí)候會(huì)覺(jué)得很簡(jiǎn)單,不就是幾個(gè)軟件嘛,學(xué)會(huì)了就會(huì)做了。但是學(xué)了一段時(shí)間后就會(huì)發(fā)現(xiàn),自己軟件學(xué)了好多,操作也算熟練,但是真正做東西卻無(wú)從下手或者做的東西毫無(wú)章法。
做過(guò)設(shè)計(jì)的人都知道,我們剛學(xué)的時(shí)候會(huì)覺(jué)得很簡(jiǎn)單,不就是幾個(gè)軟件嘛,學(xué)會(huì)了就會(huì)做了。但是學(xué)了一段時(shí)間后就會(huì)發(fā)現(xiàn),自己軟件學(xué)了好多,操作也算熟練,但是真正做東西卻無(wú)從下手或者做的東西毫無(wú)章法。不管是自學(xué)的還是接受過(guò)培訓(xùn)的一些人,都會(huì)遇到這個(gè)問(wèn)題。
遇到這種問(wèn)題很多孩子肯定會(huì)覺(jué)得自己學(xué)的不對(duì)或者培訓(xùn)機(jī)構(gòu)坑,這其實(shí)沒(méi)毛病!雖說(shuō)說(shuō)確實(shí)有很多不太靠譜的培訓(xùn)機(jī)構(gòu),但是任何培訓(xùn)去教一個(gè)零基礎(chǔ)的人,都是只能從軟件教起的,也只有把軟件學(xué)會(huì)了才能干活,而會(huì)軟件離能干好活那還是有很長(zhǎng)的路需要走的。軟件只是一種工具,會(huì)軟件并不等于會(huì)設(shè)計(jì),會(huì)設(shè)計(jì)也不一定要懂很多軟件,還有審美能力等方面的問(wèn)題。而且設(shè)計(jì)是需要積累的,是沒(méi)辦法幾個(gè)月速成的,所以想學(xué)習(xí)的孩子希望能有一個(gè)正確的心態(tài)去看待這些問(wèn)題。
那么怎么去做好設(shè)計(jì)呢?以下總結(jié)了幾個(gè)階段。
第一階段:學(xué)好軟件操作!
這里肯定會(huì)有人問(wèn),需要學(xué)些什么軟件?首先最常用的設(shè)計(jì)軟件PS和AI肯定是要學(xué)好的,而且PS要非常熟練!
至于Flash,AE,CorelDRAW,InDesign,Axure,Sketch,Dreamweaver等要不要學(xué),能學(xué)當(dāng)然可以多學(xué)學(xué),但是學(xué)之前要搞清楚這些軟件主要是干嘛的,F(xiàn)lash是做動(dòng)畫(huà)的,AE是做視頻特效的,CorelDRAW也是矢量軟件,偏印刷方面的,跟AI差不多,兩者隨便選一個(gè)學(xué)即可。做UI的話,AI跟PS配合比較方便。InDesign是做排版的,Axure是畫(huà)交互原型圖的,Sketch是一個(gè)輕量級(jí)的界面設(shè)計(jì)工具,做做扁平化界面很方便,效率會(huì)比ps高,但是圖像處理方面不行,并不能取代PS。Dreamweaver是一個(gè)寫(xiě)網(wǎng)頁(yè)代碼的軟件,以其說(shuō)學(xué)Dreamweaver不如說(shuō)是在學(xué)html前端代碼。所以綜上所述,初學(xué)者來(lái)說(shuō),最開(kāi)始應(yīng)該先學(xué)好ps,再是AI,然后可以去學(xué)下Sketch和html代碼,至于其它的,花少量時(shí)間去學(xué)下基礎(chǔ)就行,以后有時(shí)間有興趣再去學(xué)深點(diǎn),畢竟UI設(shè)計(jì)只會(huì)用到一些簡(jiǎn)單的功能。
第二階段:多看多做提高審美能力!
熟練了軟件操作,必然會(huì)到那個(gè)階段,就是會(huì)操作軟件,但是做設(shè)計(jì)還是無(wú)從下手或者根本做不好看。這一階段其實(shí)就是審美能力不夠強(qiáng),所以第二個(gè)階段就應(yīng)該提高審美能力。很多孩子在學(xué)的時(shí)候,總想著有沒(méi)有什么規(guī)范來(lái)指導(dǎo)設(shè)計(jì),總希望有人能很精確的告訴他怎么去做,字體用什么?顏色用哪種?排版怎么排?所以站酷上一些規(guī)范什么的文章異?;鸨?。但事實(shí)上設(shè)計(jì)是一個(gè)意識(shí)形態(tài)的事情,很多時(shí)候其實(shí)是靠感覺(jué)去驅(qū)動(dòng)設(shè)計(jì)的,這個(gè)感覺(jué)就是審美能力。規(guī)則確實(shí)有一些,理論也有很多,也有用,但不是記了就能用。因?yàn)樵O(shè)計(jì)如果真的有很多條條框框規(guī)定,那反而就好做了,根據(jù)規(guī)則組裝好一個(gè)個(gè)界面就行了,機(jī)械設(shè)計(jì)就是這樣的,但是我們是藝術(shù)設(shè)計(jì),藝術(shù)設(shè)計(jì)很多時(shí)候就是為了打破一種規(guī)則的。設(shè)計(jì)師思維是你覺(jué)得美(或者說(shuō)不丑)你才會(huì)往那個(gè)方向去做,任何人去做一個(gè)設(shè)計(jì),最后表現(xiàn)到作品上的一定會(huì)是自己覺(jué)得最好的方式,這就要求設(shè)計(jì)師審美能力很好,才會(huì)做出漂亮的作品。如果初學(xué)者審美能力弱,那么他的主觀意識(shí)引導(dǎo)他做出來(lái)的東西估計(jì)是不太好的,審美會(huì)決定了他設(shè)計(jì)的質(zhì)量。

我們下面來(lái)看兩個(gè)作品感受一下:
作品一:

作品二:

上面兩個(gè)作品第一個(gè)簡(jiǎn)簡(jiǎn)單單,但是看起來(lái)很高大上,下面的作品色彩很多,素材很多,很花很炫,但是一看就是地?cái)傌浀母杏X(jué)。從軟件操作的角度來(lái)說(shuō),第一個(gè)根本不需要什么高深的操作,就是圖擺擺文字排一下,下面兩個(gè)花了很多心思去處理素材,搭配色彩,軟件操作難度上來(lái)說(shuō)明顯比第一個(gè)要高,但是結(jié)局卻沒(méi)有第一個(gè)好。而且作者在做的時(shí)候肯定都是花了很多心思去做的,為什么結(jié)果會(huì)相差那么大呢,這就是一個(gè)審美能力的問(wèn)題。第一個(gè)作品的作者審美能力是高級(jí)設(shè)計(jì)師的水平,后兩個(gè)是街邊打印室的水平,這就決定了你是會(huì)做出高級(jí)設(shè)計(jì)作品還是地?cái)傂V告。
那么問(wèn)題來(lái)了,怎么樣去提高審美能力呢?
只能去多看多練!做設(shè)計(jì)一開(kāi)始都是從模仿開(kāi)始的,會(huì)了軟件要做張圖一開(kāi)始都會(huì)去找一些類似的設(shè)計(jì)去借鑒,而你找來(lái)借鑒的肯定是你覺(jué)得好的,這方面也要求你的審美能力不錯(cuò),審美能力差的隨便找個(gè)街邊打印店的作品都會(huì)覺(jué)得不錯(cuò),然后就照著那種設(shè)計(jì)去做了...
以初學(xué)者的審美水平肯定找不到一流的作品去看,類似的作品也說(shuō)不出好壞,所以建議是多去看看設(shè)計(jì)平臺(tái)上人氣高的設(shè)計(jì)師的作品,也可以多去看看國(guó)外的設(shè)計(jì),可以照人家作品去練習(xí),練習(xí)的時(shí)候就一模一樣去抄,要做到每個(gè)像素都一樣。通過(guò)抄來(lái)理解設(shè)計(jì)師的思路,而且只有多看多抄才能慢慢找到那種審美的感覺(jué)。尤其是細(xì)節(jié)方面,普通人對(duì)于字體字號(hào)顏色留白是不會(huì)有太多概念的,去做一遍就會(huì)發(fā)現(xiàn)怎么做都沒(méi)人家好看,然后才會(huì)去注意那些細(xì)節(jié),也只有所有細(xì)節(jié)都做好了才會(huì)做到人家那種效果!
有些人說(shuō)抄會(huì)局限你的創(chuàng)意,初學(xué)者呢也不要去太在意創(chuàng)意,因?yàn)榧词鼓愦_實(shí)有個(gè)好創(chuàng)意,以初學(xué)者的軟件水平和審美能力也實(shí)現(xiàn)不了,而且大多數(shù)時(shí)候這種創(chuàng)意都是不可取的,這就是為什么很多設(shè)計(jì)師做了一段時(shí)間后再回頭看自己剛學(xué)時(shí)做的東西會(huì)想死,其實(shí)每個(gè)階段我們都想做好,但是你不得不承認(rèn)初級(jí)階段眼光能力就是那么局限,必須要汲取前輩的經(jīng)驗(yàn)才能成長(zhǎng)。
這一階段來(lái)說(shuō),最主要來(lái)說(shuō)就是做到好看,很多人說(shuō)UI設(shè)計(jì)不只是要好看,這句話沒(méi)錯(cuò),但是真正能做到好看也不那么容易的,大多數(shù)設(shè)計(jì)師也要兩三年經(jīng)驗(yàn)了才適合說(shuō)這句話,即使是設(shè)計(jì)師我們?nèi)タ匆粋€(gè)作品第一眼也是好看不好看,只有好看才會(huì)有再看下去的沖動(dòng),所以請(qǐng)認(rèn)真對(duì)待好看這個(gè)詞!
第三階段:多想多嘗試,提高創(chuàng)意能力!
到了這個(gè)階段,軟件操作能力和審美水平都可以了,這種時(shí)候就需要多想提高創(chuàng)意能力了。同樣一個(gè)東西可以嘗試著用不同的思路去做做看看結(jié)果會(huì)怎么樣,有時(shí)候很簡(jiǎn)單的一些變化便能獲得不一樣的效果,例如圓角變直角,質(zhì)感變扁平,純色變漸變。。。


第四階段:深刻理解需求,做出用戶體驗(yàn)優(yōu)良的產(chǎn)品!
到了這個(gè)階段,設(shè)計(jì)就不能只顧好看了,要多去研究產(chǎn)品需求,要多站在用戶的角度去思考產(chǎn)品,多溝通多交流多思考設(shè)計(jì)出客戶滿意用戶好用的產(chǎn)品。很多設(shè)計(jì)師喜歡把產(chǎn)品經(jīng)理等人擺到對(duì)立面,老是覺(jué)得這個(gè)應(yīng)該是他該做的,這也不是一個(gè)好的態(tài)度,一個(gè)優(yōu)秀的設(shè)計(jì)師必須要有比較全面的產(chǎn)品思維和正確的產(chǎn)品定位才能做出好的設(shè)計(jì)。而要有比較全面的產(chǎn)品思維,就有必要去熟悉整個(gè)產(chǎn)品的交互流程,市場(chǎng)定位,甚至技術(shù)實(shí)現(xiàn)等。能找出用戶的痛點(diǎn)并且能在界面設(shè)計(jì),用戶體驗(yàn),交互流程,功能布局等方面平衡后做出體驗(yàn)優(yōu)良的設(shè)計(jì),這樣才能展現(xiàn)出UI設(shè)計(jì)的最大價(jià)值。







































