零基礎(chǔ)如何自學(xué) UI 設(shè)計(jì)??!

看了這么多答案,我也來(lái)講講我的自學(xué)設(shè)計(jì)之路

2011年,大學(xué)一年級(jí)的時(shí)候,我的專業(yè)是軟件工程,但是我奇怪的被分到了物理電子工程學(xué)院,老師從來(lái)不教軟件,天天教電路基礎(chǔ)和大學(xué)物理,由于沒(méi)興趣,我從來(lái)不去上課,就和同學(xué)們開(kāi)黑打dota,這樣打了一年。

2012年,大二了,我媽有一天和我講,說(shuō)以后肯定不能幫我安排工作,我突然有了危機(jī)感,如果畢業(yè)了我還沒(méi)工作,會(huì)很丟人,我父母都是教師,別人家的孩子不是出國(guó)就是考上重點(diǎn)大學(xué),壓力還是很大的。當(dāng)時(shí)我還掛著4門課在學(xué)校。

當(dāng)時(shí)喜歡研究各種手機(jī)越獄和雨滴之類的東西,然后有一天,我打完游戲上網(wǎng)的時(shí)候看到了一張圖片

當(dāng)時(shí)我還不知道,《1126》,設(shè)計(jì)師叫羅子雄,現(xiàn)在是錘子科技的視覺(jué)設(shè)計(jì)總監(jiān),那時(shí)候我還沒(méi)有ui設(shè)計(jì)的概念,把這個(gè)都叫做主題,它太精致了,給我?guī)?lái)極大的震撼,不僅細(xì)節(jié)完美,而且還特別嚴(yán)謹(jǐn),運(yùn)用了黃金分割。

如果你以為我看了這個(gè)作品就開(kāi)始努力學(xué)UI那你就大錯(cuò)特錯(cuò)了,我根本不知道這是用什么軟件做的,我開(kāi)始學(xué)習(xí)了網(wǎng)頁(yè)設(shè)計(jì),研究css樣式和html,學(xué)了半個(gè)月發(fā)現(xiàn)好像有點(diǎn)不對(duì),這是幫助別人實(shí)現(xiàn)效果的啊……

然后有一天看到邵飛老師的一個(gè)視頻教程,是教你畫(huà)圖標(biāo)的,需要用ps這個(gè)軟件,我跟著做了一下,完全做不下來(lái),我就百度如何學(xué)ps,找到了李濤老師的《ps高手之路》,這樣開(kāi)始一步步學(xué)習(xí)ps,每天也不上課就看視頻學(xué)習(xí)。不得不說(shuō)學(xué)軟件是個(gè)漫長(zhǎng)的過(guò)程。所幸李濤老師的講解很幽默,也就跟著學(xué)下來(lái)了。

接下來(lái)要講的是我的臨摹之路,這個(gè)相當(dāng)漫長(zhǎng),也最為重要。因?yàn)閁I設(shè)計(jì)也是設(shè)計(jì)的一種,所以它第一個(gè)要求就是你設(shè)計(jì)的東西要美,如何能美?細(xì)節(jié)是最重要的,你需要觀察,仔細(xì)的觀察你和大神的作品之間的差別,然后再想辦法實(shí)現(xiàn)它。現(xiàn)在設(shè)計(jì)之所以浮躁的原因我想就是很多人不愿意也沒(méi)有耐心去培養(yǎng)自己的審美了。

當(dāng)時(shí)站酷上有一個(gè)視頻教程叫《十分鐘UI設(shè)計(jì)》,是騰訊的設(shè)計(jì)師o(wú)mega和老程一起做的,里面的內(nèi)容特別好,大家可以去搜索一下,我跟著里面的教程做了很多練習(xí),當(dāng)時(shí)老程說(shuō),windows的圖標(biāo)是很不錯(cuò)的,當(dāng)你能把一整套圖標(biāo)都臨摹下來(lái),你就出師了。

這是我當(dāng)時(shí)跟著臨摹教程做下來(lái)的,一個(gè)比一個(gè)有進(jìn)步,每個(gè)都花了一天或者半天時(shí)間完成,當(dāng)達(dá)不到原作效果的時(shí)候就繼續(xù)觀察,繼續(xù)改,現(xiàn)在一看還有好多問(wèn)題,比如第一個(gè)鉛筆的投影是黑色的很難看,第二個(gè)臺(tái)球的邊緣太銳利,很不真實(shí),如果當(dāng)時(shí)不是瘋狂修改我想問(wèn)題會(huì)更多。

2013年,大三了,當(dāng)我臨摹了半年以后,我認(rèn)為我的ps技術(shù)已經(jīng)很不錯(cuò)了,跟同學(xué)說(shuō)話的時(shí)候也愛(ài)吹牛,說(shuō)自己是ps大神,一天一個(gè)同學(xué)下午來(lái)我寢室,說(shuō)你干嘛呢?不知道今天晚上團(tuán)里要開(kāi)荒?你的薩滿裝等多少了?天天日常任務(wù)也不做。。。我說(shuō)我畫(huà)會(huì)圖標(biāo),他說(shuō)???我說(shuō)我以后想當(dāng)設(shè)計(jì)師,他說(shuō)你別逗了。。。我當(dāng)時(shí)心想一定要堅(jiān)持下來(lái)!

有一天在上站酷的時(shí)候,發(fā)現(xiàn)一個(gè)主題設(shè)計(jì),再次深深震撼到了我,那時(shí)候ios7扁平風(fēng)格盛行,很少有擬物的東西出現(xiàn)了,在看了很多千篇一律的設(shè)計(jì)以后很難被打動(dòng)。

牛mo王的《心隨我動(dòng)》,參加了康佳首屆主題設(shè)計(jì)比賽,我立馬跑到他站酷的主頁(yè)牛MO王的個(gè)人主頁(yè) 膜拜了他,看了他當(dāng)時(shí)發(fā)的所有文章,他也是自學(xué),我覺(jué)得太厲害了,他當(dāng)時(shí)寫(xiě)了好多文章,告訴大家如何自學(xué),感觸特別深。

后來(lái)我找到了他的qq,沒(méi)想到他居然同意了,真的特別興奮……然后我問(wèn)了他一個(gè)圖標(biāo)方面的問(wèn)題,令我沒(méi)想到的是,他居然打開(kāi)ps手把手教我如何調(diào)參數(shù)……一邊做一邊傳圖片給我,教我如何實(shí)現(xiàn)效果,他說(shuō)好多東西其實(shí)非常簡(jiǎn)單,但是沒(méi)有人告訴你的話自己很難想出來(lái),到現(xiàn)在我都特別感謝他,叫他牛哥,雖然他不姓?!?/p>

我問(wèn)他心隨我動(dòng)這個(gè)主題是怎么做出來(lái)的?他說(shuō)只有積累到一定程度才可以……然后我默默努力,偷偷臨摹它,一天一個(gè)圖標(biāo)。下面是我臨摹的《心隨我動(dòng)》。

做了快一個(gè)月,其實(shí)我在最后一天偷懶了,上面的哪個(gè)大的天氣widget是用的原來(lái)的圖摳下來(lái)的……然后我把臨摹的給牛哥看,他當(dāng)時(shí)就說(shuō),哇,好棒,你進(jìn)步好快!可能沒(méi)有誰(shuí)像我一樣把它臨摹了一遍,在這些過(guò)程中,我的技法運(yùn)用越來(lái)越熟練了,其實(shí)做這種ui,只需要你用好圖層樣式這一個(gè)ps功能就好!

剩下的就是不斷調(diào)整內(nèi)陰影,投影,還有漸變,一定要注意投影的顏色,不要用黑色!要用深色,比如說(shuō)黃色就用深黃色當(dāng)投影,藍(lán)色就用深藍(lán)色,這樣。推薦大家去站酷看看牛哥的文章,他的分享真的是很詳細(xì)也很實(shí)用,從字體選擇到ui入門都講的特別到位,在學(xué)習(xí)路上能有他這樣的老師帶路我想我很幸運(yùn),再次謝謝他!

當(dāng)ps技術(shù)熟練以后,我就想著做一些自己的東西出來(lái),然后照著照片用ps涂抹了一張定制耳機(jī)

現(xiàn)在感覺(jué)陰影有一些深,線的感覺(jué)也不自然,有些發(fā)虛。

在大三后半學(xué)期,參加了小米的主題比賽,每個(gè)圖標(biāo)都在網(wǎng)上搜索好多的圖片做參考,然后自己繪制,差不多兩個(gè)月的時(shí)間,最后入圍了決賽。

自己做主題和臨摹是有很大不同的,每個(gè)圖標(biāo)做多大?用什么顏色?這些都需要自己控制,可以看出,這個(gè)作品在這兩個(gè)方面都很差……當(dāng)時(shí)很迷茫,自己做的東西究竟是不是設(shè)計(jì)?字體要用什么?排版怎么才好看?因?yàn)槠綍r(shí)積累的東西太少了,所以真的很質(zhì)疑自己。我意識(shí)到需要多看設(shè)計(jì)方面的東西,所有的都需要積累,到需要用的時(shí)候才能用到。

第一次 接觸實(shí)際項(xiàng)目 是大三后半學(xué)期,我的一個(gè)老師要做一款ios應(yīng)用,主打背單詞功能,我們兩個(gè)人他寫(xiě)代碼,我負(fù)責(zé)設(shè)計(jì) ui 。我花了一天時(shí)間研究切圖,研究我做的圖片怎么才能用在實(shí)際的app中,然后我模仿path做了幾個(gè)樣式出來(lái),我們干勁十足,前后做了好幾個(gè)版本,修改了十幾次。

這個(gè)軟件前前后后一共做了半年,對(duì)我實(shí)際項(xiàng)目的實(shí)踐是一個(gè)挑戰(zhàn),靠這個(gè)軟件我還拿到了在京東實(shí)習(xí)的機(jī)會(huì),大四后半學(xué)期在京東實(shí)習(xí)了半年。

期間還和同學(xué)做了一個(gè)網(wǎng)站叫野渡集市

現(xiàn)在我工作已經(jīng)一年了,在北京的美餐網(wǎng),自己一路自學(xué)過(guò)來(lái),毅力很重要,我想興趣更重要,我現(xiàn)在還在不斷學(xué)習(xí),因?yàn)樽约旱脑O(shè)計(jì)知識(shí)還是很不足,到這個(gè)時(shí)候要多看看ios和google的設(shè)計(jì)規(guī)范,知道ios的最小點(diǎn)擊區(qū)域是44pt,字體不要小于22像素,36像素適合閱讀,這些都是在以前自己很少注意到的?,F(xiàn)在每天還在自學(xué)c4d和ae,加強(qiáng)自己動(dòng)效方面的實(shí)力。

發(fā)一點(diǎn)現(xiàn)在的作品吧,我覺(jué)得很少有人能聽(tīng)我啰嗦到現(xiàn)在。

最后推薦大家一定要多上dribbble,看看國(guó)外的大神是怎么做的,當(dāng)我上dribbble以后才發(fā)現(xiàn),很多國(guó)內(nèi)的所謂大神不過(guò)是抄襲別人的作品而已。

來(lái)源:UI設(shè)計(jì)聯(lián)盟

關(guān)注互聯(lián)網(wǎng),關(guān)注硅谷堂。想了解更多關(guān)于互聯(lián)網(wǎng)崗位知識(shí)的信息,關(guān)注微信公眾號(hào):硅谷堂(ID:guigutang)或下載“硅谷堂”APP。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1 第一次見(jiàn)到梁宏偉,我的花癡般的色心就受了他的高大帥致命的一擊。他太帥了,好像是從我夢(mèng)中走來(lái)。長(zhǎng)臉高鼻小眼大嘴,...
    卜玉霞天地閱讀 284評(píng)論 0 3
  • 文/張峰瑋 狼狽追你在你的身后 只想侍奉你的左右 我像是一個(gè)仆 你是我的主 主宰著我的夢(mèng) 我的情 占據(jù)著我內(nèi)心僅有...
    冷木偶閱讀 548評(píng)論 0 0
  • 書(shū)桌上的日歷稀稀拉拉的記錄著某一天的我的心情,提醒我是怎樣一天一天走過(guò)的。每個(gè)格子里簡(jiǎn)短的句子都濃縮著我無(wú)數(shù)的心思...
    我愛(ài)餅餅閱讀 380評(píng)論 1 2

友情鏈接更多精彩內(nèi)容