小K一直覺得UI是一門非???strong>redesign的學(xué)科,對于一款產(chǎn)品來說,從LOGO到圖標(biāo)再到網(wǎng)頁,只要是關(guān)系到用戶視覺的都要靠redesign我們UI的鬼斧神工,UI就是掌控公司顏值的神一樣的存在!
那么有人要問了,學(xué)習(xí)UI有什么可以快速入門的方法嗎redesign?小K告訴你,沒有!只有多看,多練,多想,多做。不過小K可以告訴大家一些具體學(xué)習(xí)方法,閑話少說,上干貨!
1
先學(xué)軟件
如果你是小白,軟件也不會用,那就先學(xué)軟件,從PS開始搞起,先看基礎(chǔ)的教程,或者買書,或者看課工場上的免費的PS教程。
先掌握一些核心的功能:
形狀工具和布爾運算(學(xué)會做線框圖標(biāo),和一些簡單的圖形,比如齒輪啊,坐標(biāo),喜歡,等等)
圖層樣式(可以通過臨摹寫實圖標(biāo)練習(xí))
蒙版(做一些遮罩,圖像合成啥的)
摳圖(鋼筆摳圖,魔術(shù)棒等)
基本的排版(先臨摹界面開始)
字體的認(rèn)識(安裝一些字體,學(xué)會認(rèn)識一些常用的字體,一看就知道是啥字體)
有些東西可以后面在學(xué)習(xí)(通道,調(diào)色,色彩等,處理影樓照片的技術(shù)也后面在學(xué)習(xí),不急)
這個時候,先不管做的東西好不好看,先能做出來,操作沒問題要緊。好不好看那是后面的事兒了,第一步要走穩(wěn),軟件操作最重要。
ok,軟件的問題就點到為止了,也只有這么幾招了。關(guān)鍵還是多練,多動手,多犯錯,多總結(jié)。有人帶的話預(yù)計半個月可以摸熟PS,AI 這2個軟件。
2
提高審美
此類問題是初學(xué)者比較頭疼的問題,錘子科技設(shè)計總監(jiān)羅子雄給的建議有三:
(1)多看
為了提高審美,你需要大量去看別人優(yōu)秀的APP或網(wǎng)頁作品,在Dribbble、Behance、Pinterest等設(shè)計網(wǎng)站你可以很容易的找到大量優(yōu)秀的作品。
除了UI設(shè)計外,平面、攝影、3D、手繪等全球頂級的作品也都可以看到,找到并收藏它們。一段時間后,回顧這些作品,如果發(fā)現(xiàn)三個月前收藏的作品很low,恭喜,說明你的審美提高了!
(2)多做
當(dāng)你看過很多優(yōu)秀的作品后,你可能還是不會設(shè)計,所以接下來你要做的就是不斷的練習(xí),第一階段就是臨摹。
給大家推薦幾款比較有設(shè)計感的APP供臨摹練習(xí):《犀牛故事》、《Light》、《想去》,這幾款A(yù)PP設(shè)計都比較簡潔清新,初學(xué)者比較容易上手。同時,可以嘗試去學(xué)習(xí)一些設(shè)計規(guī)范,例如《iOS人機交互指南》,它是從事UI設(shè)計工作者需要掌握的內(nèi)容,建議仔細(xì)讀一讀。
臨摹幾套作品過后,可以進入第二階段——Redesign。你可以redesign一個自己版本的iOS系統(tǒng)界面,或者重新設(shè)計一個微信 ,加入自己的想法和理念。如果你喜歡玩《陰陽師》,你可以設(shè)計個自己版本的陰陽師界面,甚至把里面的角色換掉都可以。
學(xué)習(xí)過程中如果遇到自己解決不了的問題,多百度或google,也可以到課工場的社區(qū)發(fā)帖子,或者在公眾號留言讓小K幫你解決?。?/p>
(3)多想
在看和做的過程中,設(shè)計技法只是學(xué)習(xí)UI的一小部分,更多的是要去理解設(shè)計背后的思路和原理。比如,這個產(chǎn)品為什么定義藍(lán)色為主色?為什么要放大和加粗那個數(shù)字?整個頁面的結(jié)構(gòu)和布局是怎樣的?設(shè)計的目標(biāo)有哪些?等等。
不斷去思考,不停去問自己為什么,只有這樣,才能在今后的工作和創(chuàng)作過程中,使設(shè)計有理有據(jù),經(jīng)得起別人的推敲,顯得自己更專業(yè),從而獲得認(rèn)可和尊重,更好地使用設(shè)計去解決問題。
3
關(guān)于學(xué)習(xí)方法
這個時候要加強理論知識的積累,比如一些常規(guī)的設(shè)計方法手段(格式塔原則,菲茲定律、黃金比例、等等),不明白可以百度搜索下。
平面設(shè)計3大構(gòu)成也是非了解不可的東西,常用術(shù)語:和諧、對比、對稱、平衡、重心、節(jié)奏、韻律等等,這些是最最基本要搞清楚的幾點。
其實很多人都學(xué)了很久了,還是經(jīng)常會不注重細(xì)節(jié),該對齊的不對齊,該居中的不居中,該留白的不留白。主要是考慮的不夠嚴(yán)謹(jǐn)。
4
自己做點東西
經(jīng)過前面的努力,你肯定已經(jīng)可以動手做點什么了。你如果還是不知道怎么做,那說明你不適合自學(xué),或者說因為你急躁了。
做什么?那肯定是為了找到工作,做點面試作品了。面試UI設(shè)計需要做點什么了?
線框圖標(biāo)、網(wǎng)頁界面、APP界面、BANNER是必須要準(zhǔn)備的。
AE動效果、原型圖、手繪作品是加分項目,可以抽空了在學(xué)。
SKETCH也不用慌著學(xué),這個學(xué)起來很快,幾天就OK了。還得有一臺MAC本,你有錢買才行。并不是所有的公司都給你配MAC電腦的。
至于怎么才能做出面試作品集,說來話長了,有多長 ?一般來說需要系統(tǒng)學(xué)習(xí)4-6個月以后,再加上被老師指導(dǎo),將作品修改修改再完善,摧殘幾個月以后才做的出來拿得出手的作品。
做一套上面這種作品,找工作肯定非常有優(yōu)勢的。無輪是配圖,還是界面做工,包括包裝版式,都是新人花費幾個月時間努力做出來的成果,我想你們很多人看過,也有點不敢相信是新人做的。新人做成這樣確實很棒。只能一步一步的積累了,要學(xué)的太多太多了。
設(shè)計行業(yè)也在飛速的進步,其實大家應(yīng)該很高興趕上網(wǎng)絡(luò)發(fā)達(dá)的時代,很多知識都可以通過網(wǎng)絡(luò)學(xué)習(xí)到,如果不想被行業(yè)淘汰,只能多學(xué)技能。自學(xué)也行,網(wǎng)上教程挺多的,所以現(xiàn)在的設(shè)計師,學(xué)習(xí)途徑很便利,進步是非??斓?,很多工作2-3的新人都有可能超過工作5-7年的老一代設(shè)計師。
所以老設(shè)計師跳槽也同樣會很尷尬,也會面臨找不到工作的問題。主要是啥造成的,能是啥,就是因為你們這些看了這篇文章的人,開掛了,超過了他們唄,他們懶唄,不思進取,溫水青蛙,吃老本兒,長江后浪推前浪,前浪死在鍵盤上。
最后提醒一些新人,還要切記要安排好自己的時間,先以設(shè)計為主提升自己,不要著急去學(xué)前端代碼,C4D,AE。
一般來說,在你可以比較輕松可以做出拿的出手的設(shè)計作品的時候,你再來搞搞上面說的這些加分的技能。每個人的時間都是有限的,要用在刀刃上,這樣才不至于會迷失自我,先集中精力把設(shè)計本身提升,再橫向發(fā)展。
以上說的東西其實很多,主要是針對小白用戶寫的。
人生就是一場馬拉松。領(lǐng)先時不必沾沾自喜,落后時也不用慌亂著急,此刻的得失成敗,不代表最終的成績。把鮮花和掌聲當(dāng)作前進的動力,把挫折和失敗化為奮進的勇氣,只要不放棄,再平凡的人生也能創(chuàng)造奇跡。
歡迎新同學(xué)加入課工場大家庭,好好學(xué)習(xí)天天向上!