當(dāng)前位置：首頁(yè) >UI設(shè)計(jì) >怎么自學(xué)UI設(shè)計(jì)，自學(xué)干貨分享!

怎么自學(xué)UI設(shè)計(jì)，自學(xué)干貨分享!

發(fā)布時(shí)間：2024-03-30 15:04:36 瀏覽量：293次

第一步，搞清楚UI最主要用什么軟件。

在自學(xué)的小伙伴，應(yīng)該常常會(huì)聽(tīng)到有人說(shuō)，做UI要會(huì)PS，要會(huì)AI，要熟練Sketch，還要會(huì)AE，什么Axure、Fw、Xd、C4D，甚至還要會(huì)打代碼。那么到底需要什么？請(qǐng)記住，只要會(huì)PS就足夠解決絕大部分問(wèn)題了，沒(méi)錯(cuò)，首要掌握的就PS。其他軟件也有用，但是作為自學(xué)的第一步，先把PS熟練起來(lái)，就足夠了。

PS版本建議使用最新版本，最低也要用ps cc版本

第二步，練習(xí)PS

PS是一個(gè)非常強(qiáng)大的圖像處理軟件，大家可以通過(guò)在網(wǎng)上搜索PS教程，就能找到很多PS基礎(chǔ)工具使用教程了。它包含了很多方面的技術(shù)，但是入門(mén)UI常用的并沒(méi)有多少，所以可以針對(duì)性地進(jìn)行PS練習(xí)。

最為重要的就是【形狀工具】，無(wú)論是畫(huà)界面或者畫(huà)iCon，形狀工具都是使用頻率最高的工具。以后我還會(huì)出一些形狀工具使用的具體教程。

第三步，培養(yǎng)良好的審美

有了軟件基礎(chǔ)之后，要做出好看的設(shè)計(jì)，審美很重要。審美是可以培養(yǎng)的。

我推薦的方式比較簡(jiǎn)單，大量去瀏覽優(yōu)秀設(shè)計(jì)師產(chǎn)出的作品。例如dribbble，例如站酷，花瓣等等設(shè)計(jì)類網(wǎng)站。去關(guān)注一些設(shè)計(jì)大師，看看他們的作品，長(zhǎng)久下來(lái)，審美會(huì)慢慢得到提高。以后我會(huì)給大家推薦一些我比較喜歡的設(shè)計(jì)師。

第四步，臨摹

臨摹是檢驗(yàn)?zāi)丬浖欠駥W(xué)好的一個(gè)重要方式，臨摹也能讓你學(xué)習(xí)到很多實(shí)際操作中遇到的問(wèn)題。對(duì)于新手，我建議一開(kāi)始，多臨摹簡(jiǎn)單的成套的線性iCon，既可以鍛煉【形狀工具】的運(yùn)用，也可以逐漸形成如何做一套風(fēng)格統(tǒng)一的iCon的思維。

第五步，設(shè)計(jì)規(guī)范

設(shè)計(jì)規(guī)范對(duì)于UI來(lái)說(shuō)非常重要，一些尺寸、字體大小等等這種規(guī)范，是需要熟讀的。大家可以通過(guò)網(wǎng)上搜索iOS設(shè)計(jì)規(guī)范，或者安卓設(shè)計(jì)規(guī)范等等關(guān)鍵字找到相關(guān)的內(nèi)容。以后我會(huì)針對(duì)規(guī)范上的一些不好理解的點(diǎn)進(jìn)行解讀，大家可以關(guān)注我以便一起探討。

這里說(shuō)一個(gè)小經(jīng)驗(yàn)，在了解了規(guī)范之后，不知道怎么應(yīng)用怎么辦，建議大家通過(guò)手機(jī)去截圖（建議找750x1334這個(gè)尺寸的截圖），選一些大的App，例如頭條、微信、微博等等。截圖放到PS里，仔細(xì)研究他們的行間距、字體大小等等UI細(xì)節(jié)是怎么處理的。

好了，有了這5步學(xué)習(xí)方法，相信想通過(guò)自學(xué)入門(mén)的小伙伴，也能找到一個(gè)前進(jìn)的方向了。之后我會(huì)繼續(xù)更新，如何自學(xué)UI的相關(guān)知識(shí)，也會(huì)分享一下我認(rèn)為做得比較好的設(shè)計(jì)。

希望大家可以一起交流學(xué)習(xí)，如果有學(xué)習(xí)上的問(wèn)題，也歡迎大家私聊我。