「UI設(shè)計(jì)」零基礎(chǔ)小白如何入門UI設(shè)計(jì)

2018-7-17    藍(lán)藍(lán)設(shè)計(jì)的小編

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

版權(quán)申明:本文原創(chuàng)作者UI癖,感謝UI癖的原創(chuàng)經(jīng)驗(yàn)分享!致敬哈


嗯,首先呢,這是我從零基礎(chǔ)到現(xiàn)在老司機(jī)寫的一篇小經(jīng)驗(yàn)文章,也是我首次發(fā)表文章,廢話不多說,進(jìn)入主題。

目前有太多太多的同學(xué)被UI這個(gè)行業(yè)給吸引了過來,都紛紛進(jìn)軍UI了。但是選擇了進(jìn)軍UI,當(dāng)然就要開始學(xué)習(xí)了,我相信有很多同學(xué)挺迷茫的,迷茫是在于選擇培訓(xùn)班去培訓(xùn)呢,還是自己在家自學(xué)。在這里我個(gè)人建議,如果經(jīng)濟(jì)不差的話,你可以去選擇一家較好的培訓(xùn)機(jī)構(gòu)學(xué)習(xí),這樣也比較有可信度些,如果你實(shí)在是幾千塊錢都沒有,分期幾百塊錢一個(gè)月都有壓力的話,那么我建議你還是自學(xué)好了。(老司機(jī):為自己學(xué)習(xí)千萬不要想著省幾塊錢)

問題來了,怎么樣學(xué)習(xí)才能得到一個(gè)好的結(jié)果呢?這個(gè)是大家最關(guān)心的問題。培訓(xùn):去哪里培訓(xùn)才能有保障呢,我自身是培訓(xùn)出來的,對(duì)于與培訓(xùn)我在行,只要是關(guān)于這個(gè)領(lǐng)域的任何信息知識(shí)我都不肯放過,避免坑。去哪培訓(xùn),我的建議是找可信度高的大企業(yè)(因?yàn)樾∑髽I(yè)沒什么口碑,學(xué)習(xí)保障度也不高,跑路了咋辦是吧)。自學(xué):怎么自學(xué)才能得到一個(gè)好的結(jié)果呢,也給大家找了些方法,看下面。

一、如果你是一名完完全全的新手,那么先從最基礎(chǔ)的PS的功能學(xué)起吧,在這個(gè)網(wǎng)絡(luò)如此發(fā)達(dá)的時(shí)代只要你動(dòng)動(dòng)手指,百度一下,谷歌一下,再用你認(rèn)真學(xué)習(xí)態(tài)度,只是就歸你了。PS里面有許多功能,新手可以上網(wǎng)搜搜它功能的用法,當(dāng)然不僅僅只是看,更多的是要去動(dòng)手操作的,要知道光動(dòng)腦是沒用的,你只有多練多做,才能完全掌握它。其實(shí)PS的功能學(xué)起來很簡(jiǎn)單,你只要學(xué)會(huì)常用的功能就可以了。

「UI設(shè)計(jì)」零基礎(chǔ)小白如何入門UI設(shè)計(jì)

(圖為:PS 2017 cc)

二、當(dāng)你掌握了PS軟件之后,你就可以開始收集一些網(wǎng)站資料更好的了解UI設(shè)計(jì)學(xué)習(xí)的內(nèi)容:移動(dòng)端界面,網(wǎng)站界面,icon圖標(biāo),UE交互等等。這里給大家介紹些網(wǎng)站:花瓣網(wǎng),UI中國(guó),behance,Dribbble等等。這個(gè)階段你需要的就是收集,看,收集,看,然后過一段時(shí)間回過頭來看你手機(jī)的東西,你會(huì)發(fā)現(xiàn)有很多挺不好看的東西,那時(shí)你的審美能力就是在提升了。然后你需要做的就是臨摹,把你收集的界面,icon圖標(biāo),等,只要能臨摹的都拿來臨摹,但是你要在臨摹的同時(shí)進(jìn)行思考,比如:為什么這個(gè)圖標(biāo)會(huì)放在這里?,這個(gè)矩形的大小為什么一定要這么大?為什么這個(gè)設(shè)計(jì)布局會(huì)是這樣?多想想,你會(huì)發(fā)現(xiàn)你了解了作者的創(chuàng)作時(shí)的想法。這個(gè)階段就邊動(dòng)手邊思考了。這里我建議每天臨摹一個(gè),不管是banner,icon,界面都好,每天進(jìn)步一點(diǎn)點(diǎn)也是好的(自學(xué)是一個(gè)漫長(zhǎng)的過程,我是熬不?。?


「UI設(shè)計(jì)」零基礎(chǔ)小白如何入門UI設(shè)計(jì)

(圖為:app界面)


三、會(huì)了工具的使用,也要會(huì)設(shè)計(jì)規(guī)范,或者理論。UI中國(guó),優(yōu)設(shè)網(wǎng)等等這些網(wǎng)站上面會(huì)分享許多自己的設(shè)計(jì)經(jīng)驗(yàn),理論什么的,有空多去看看,認(rèn)真的讀一讀別人的文章,不要當(dāng)一個(gè)只會(huì)使用軟件的呆瓜,要多充實(shí)一下自己在這個(gè)領(lǐng)域當(dāng)中各方面的知識(shí)。當(dāng)然我希望你們看到文章的時(shí)候吧重點(diǎn),或者說是文章的精髓部分給記錄下來,買本好點(diǎn)的筆記本,每天在上面寫寫畫畫,記錄自己的想法,畫畫自己的創(chuàng)意。下面這個(gè)是設(shè)計(jì)創(chuàng)作時(shí)留下的筆記

「UI設(shè)計(jì)」零基礎(chǔ)小白如何入門UI設(shè)計(jì)

(圖為:設(shè)計(jì)創(chuàng)作構(gòu)思)


「UI設(shè)計(jì)」零基礎(chǔ)小白如何入門UI設(shè)計(jì)

(圖為:設(shè)計(jì)創(chuàng)作構(gòu)思)

四、當(dāng)你臨摹到了一定程度的時(shí)候,你就可以選擇你常用的軟件嘗試一下重新設(shè)計(jì),因?yàn)槟鞘悄闵磉呑畛S玫能浖缑?,你可以試試把你的想法融入其中。然后可以去找找一些設(shè)計(jì)群,并且加入群中,當(dāng)你設(shè)計(jì)完后可以發(fā)布到群里讓前輩們給你一些意見,或者發(fā)布到設(shè)計(jì)網(wǎng)站上,虛心接受他們的意見以及建議,然后再去修改,這樣反復(fù)設(shè)計(jì)。進(jìn)步(建議是找老司機(jī)帶有人指點(diǎn),能找到更多方法)

五、過了以上四個(gè)階段后,也許想學(xué)學(xué)別的東西,這個(gè)時(shí)候你能夠去嘗試上網(wǎng)學(xué)學(xué)AI,Axure等設(shè)計(jì)相關(guān)軟件,之前看到一個(gè)帖子的樓主說:UI設(shè)計(jì)其實(shí)只要掌握Psotshop就可以了。其實(shí)我并不這么認(rèn)為,因?yàn)閁I設(shè)計(jì)也包含一些交互設(shè)計(jì),動(dòng)效設(shè)計(jì)。畢竟多學(xué)一些沒有壞處的。

「UI設(shè)計(jì)」零基礎(chǔ)小白如何入門UI設(shè)計(jì)

(圖為動(dòng)態(tài)效果)


好啦,以上是我第一篇經(jīng)驗(yàn)的內(nèi)容,如果大家有上面更深入的問題想學(xué)習(xí)或者有更好的見解可以一起交流學(xué)習(xí)哦,我空余時(shí)間可以給你們分享些經(jīng)驗(yàn)!對(duì)你有幫助的話點(diǎn)個(gè)贊,謝謝!

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ù)


相關(guān)文章:

------------------

創(chuàng)意設(shè)計(jì)的方法—無窮關(guān)聯(lián)法

多倫多訂餐APP-懶洋洋

UI設(shè)計(jì)師的日?!猆I設(shè)計(jì)師平常都干些什么

幫助您做出漂亮版式設(shè)計(jì)的八個(gè)實(shí)用技巧




分享本文至:

日歷

鏈接

個(gè)人資料

存檔