一、圖形基礎(chǔ)
? ? ? ?UI需要很好的圖形基礎(chǔ),大多數(shù)人接觸UI都是從學(xué)習(xí)畫圖標(biāo)開始的,說明這也是繪制圖形的基礎(chǔ),手機(jī)界面就相當(dāng)于設(shè)計(jì)師的畫板。在之前一段時(shí)間,扁平化的設(shè)計(jì)風(fēng)格比較流行,圖標(biāo)設(shè)計(jì)主要以線性和色塊為主,但是寫實(shí)風(fēng)格的圖標(biāo)也還是不容忽略的?;A(chǔ)的素描、速寫以及色彩都是需要掌握的基礎(chǔ)。我們要在電腦上對(duì)現(xiàn)實(shí)的物體準(zhǔn)確描繪就需要很認(rèn)真仔細(xì)地觀察事物,比如物體的透、視光照角度、明暗分布等,對(duì)細(xì)節(jié)的把握,都是你寫實(shí)功力的體現(xiàn),這樣慢慢你就養(yǎng)成一種洞察一切的眼睛。而且在設(shè)計(jì)的過程中也可以考慮提煉圖形,對(duì)寫實(shí)細(xì)節(jié)進(jìn)行取舍,只保留核心較抽象的圖形,這就是速寫的過程。最后再通過軟件的對(duì)圖形進(jìn)行渲染,完成最終的色彩,使之更為真實(shí)豐富。
二、設(shè)計(jì)軟件
? ? ? ? ?再好的想法,都需要軟件來替我們實(shí)現(xiàn),所以軟件的掌握是一種必備的技能,相當(dāng)于畫家的筆和顏料一般。作為一名UI設(shè)計(jì)師以下幾個(gè)軟件都是必須要會(huì)的

Photoshop:是入門階段軟件,也是最需要熟悉掌握的軟件,它具有強(qiáng)大的圖像處理功能,可以幫助我們實(shí)現(xiàn)很多酷炫的效果,而且應(yīng)用范圍也極為廣泛。
Illustrator:這是一款矢量圖形軟件,設(shè)計(jì)logo、icon等,需要處理一些復(fù)雜路徑,作為首選工具軟件。
After Effects:動(dòng)效工具,主要做一些小動(dòng)畫比如下拉刷新、圖標(biāo)微動(dòng)畫、loading等等。效果較為豐富,尤其是設(shè)計(jì)扁平化風(fēng)格時(shí),可通過此軟件設(shè)計(jì)動(dòng)效平滑切換界面。
Principle:輕量級(jí)動(dòng)效設(shè)計(jì)工具,也可以作為輸出設(shè)計(jì)原型軟件,動(dòng)畫效果的制作是本款軟件的強(qiáng)項(xiàng),只是沒有AE的效果那么豐富,沒有三維動(dòng)畫。
Sketch:界面設(shè)計(jì)神器,輕量級(jí)專業(yè)UI設(shè)計(jì)工具,插件多、運(yùn)行快、資源豐富,缺點(diǎn)是只能在MAC使用。
動(dòng)畫的學(xué)習(xí)可以放在往后一些,首先界面拿得出手了,才會(huì)開始考慮動(dòng)畫的設(shè)計(jì),所以?Photoshop、illustrator、Sketch這三款軟件的學(xué)習(xí)是重中之重。
三、設(shè)計(jì)規(guī)范
? ? ? 設(shè)計(jì)出來的應(yīng)用最終是搭載在iOS系統(tǒng)和Android系統(tǒng)上運(yùn)行的,而這兩個(gè)系統(tǒng)都有其不同的官方設(shè)計(jì)規(guī)范,比如iOS系統(tǒng)下的設(shè)計(jì)圖標(biāo)需要?jiǎng)?chuàng)建多大尺寸的,Android系統(tǒng)下又是多大尺寸的,各自的狀態(tài)欄、導(dǎo)航欄和標(biāo)簽欄高度又是多少,iOS系統(tǒng)用什么字體,Android系統(tǒng)用什么字體等等,這些都是有一套官方設(shè)計(jì)規(guī)范的,都需要自己去熟悉觀察,養(yǎng)成一種規(guī)范的習(xí)慣。如果想要做出自己的特色,必須在遵守的前提下,根據(jù)自己產(chǎn)品特性制訂出自己的一套設(shè)計(jì)規(guī)范。
四、臨摹學(xué)習(xí)
? ? ? ?理論與實(shí)踐并行,說得多不如做得多,熟能生巧,需要把理論知識(shí)實(shí)踐于大量的設(shè)計(jì)練習(xí)中。業(yè)余時(shí)間多實(shí)踐多臨摹成熟的優(yōu)秀的設(shè)計(jì)作品,對(duì)我們?cè)O(shè)計(jì)參考都是有很大幫助的。另外還需要拓寬自己的眼界,多去看看其他設(shè)計(jì)師的優(yōu)秀作品,最新設(shè)計(jì)作品,如這些網(wǎng)站都是設(shè)計(jì)師經(jīng)常光顧的,可以多去看看,站酷、UI中國、Dribble、Behance、Pinterest。
五、在實(shí)踐中成長
? ? ? ?從一開始的討論原型,然后出效果圖,再到切圖以及標(biāo)注給開發(fā)工程師,這一完整的設(shè)計(jì)流程的經(jīng)歷下來就是最好的鍛煉方式。自己在導(dǎo)出在手機(jī)上預(yù)覽,核對(duì)實(shí)際效果跟設(shè)計(jì)稿的差距,發(fā)現(xiàn)存在的問題,踩過的坑,都為自己以后更好的設(shè)計(jì)做鋪墊,設(shè)計(jì)水平也會(huì)日漸提高。