發(fā)布時間:2024-01-12 13:22:05 瀏覽量:116次
雖然我以前是通過培訓(xùn)學(xué)習(xí)的,但是經(jīng)過這幾年的工作發(fā)現(xiàn)如果在有合理的規(guī)劃下自學(xué)也是不錯的方法,前提是你得有充足的時間和足夠自制力,身邊也不乏自學(xué)成才的大神,有時候很佩服他們的自學(xué)能力,更多地是對他們眼光和自制力各方面的敬佩。要說自學(xué)我覺得得從以下這些方面來說,首先題注對自己定位還算準確,一門心思打算自學(xué),而不是問自學(xué)和培訓(xùn)怎么選擇。
學(xué)UI前必須知道這行做什么,身為UI設(shè)計師負責(zé)哪些,工作形式怎樣,該具備怎樣的技能才可以勝任,這樣帶著目標去學(xué)效率會高很多。如果做什么都不知道稀里糊涂學(xué)了都不知道學(xué)的東西是不是自己喜歡的或者對以后的工作有沒有幫助,那就是無用功了。
首先你得知道UI設(shè)計師的日常工作就是根據(jù)產(chǎn)品經(jīng)理提供的原型做出預(yù)期目標的界面,界面長啥樣我就不說了,你隨便打開你手機上的APP,或者登陸某個網(wǎng)站,看到的界面效果就是需要設(shè)計師來設(shè)計的。原型的話比較復(fù)雜,我做了張圖可以看下面這個效果:
第一種是比較理想的原型,看上去非常清晰美觀,一般很少能遇到把原型做到這么細膩的;第二張是比較普遍的情況,很多產(chǎn)品經(jīng)理或交互設(shè)計師做出的原型大概率長這個樣子;第三張是空白的,很多小公司的產(chǎn)品經(jīng)理直接跟你口頭描述下,沒有原型或者得你來畫原型,所以你得腦補原型這種東西……
除此以外,有些公司UI設(shè)計師是在做交互設(shè)計師的工作,就像上面提到的畫原型理清產(chǎn)品流程這些工作;還有一些公司UI設(shè)計師也會兼顧一些零零散散的平面設(shè)計工作,比如平時的海報、宣傳單頁、線下物料等等;還有一種是公司產(chǎn)品功能搭建的比較完善了,這部分設(shè)計師就很少會輸出界面設(shè)計了,公司工作重點也是放在運營上,就會頻繁去做一些營銷類的設(shè)計,比如H5或促銷廣告這些,這部分視覺要求一般會更高。
工欲善其事必先利其器,所以了解UI做什么工作內(nèi)容之后還是得從軟件學(xué)起。UI涉及的軟件大概有Photoshop、illustrator、Sketch、XD、Axure RP、XMind、After Effects 、MarkMan、CINEMA 4D、principle等,乍一看這么多不知道該從哪個學(xué)起,大概說下這些軟件吧。
Photoshop:這是但凡是個設(shè)計師必會的軟件,盡管現(xiàn)在UI已經(jīng)沒幾個人用Photoshop輸出界面了,但不排除小部分公司還是在用,或者說其實用什么軟件都可以只是Photoshop在效率上稍微低點。但還是會優(yōu)先推薦你學(xué)習(xí)Photoshop,因為這個軟件不僅在UI輸出會用到,其他用到的場景太多了,設(shè)計師沒這個真不行。還有會這個軟件再去學(xué)其他的會輕松很多。
Illustrator:矢量繪圖軟件,跟Photoshop和Sketch兼容性都不錯,建議在入行前掌握基礎(chǔ)功能,但順序可以放在Photoshop之后去學(xué)。
Sketch:這才是當前最主流的UI輸出軟件,但很無奈的是只支持蘋果系統(tǒng),如果有條件最好掌握學(xué)起來很快,一兩天就能學(xué)會。如果沒有蘋果電腦可以學(xué)學(xué)XD,XD跟Sketch界面相似功能也差不多。
Axure RP:這是最主流的原型制作軟件,功能非常強大,但有一部分功能比較難學(xué),如果時間緊迫可以掌握基礎(chǔ)操作,拋開變量、中繼器哪些還是很容易的,兩三天就能掌握。
XMind:看別人提了就順便說下,腦圖軟件,1小時掌握。
After Effects:動效軟件,并不一定要求你必須得在入行前掌握,但如果你入行之后還沒掌握后續(xù)可以花精力繼續(xù)學(xué)習(xí)。
MarkMan:配合Photoshop的標準軟件,1小時掌握。
CINEMA 4D:建模軟件,同After Effects。
Principle:動效交互軟件,也只支持蘋果電腦,非必學(xué),可以根據(jù)自己情況決定。
以上軟件的學(xué)習(xí)程度,尤其PS、AI最好熟練掌握基礎(chǔ)操作,并不建議設(shè)計師執(zhí)著于軟件操作,但是連基礎(chǔ)操作都不能熟練運用,還談什么設(shè)計。
看到有些回答簡直不負責(zé)任,誤導(dǎo)人,有個回答說軟件需要學(xué)習(xí):photoshop、AI、AE、Axure、Fireworks、CorelDRAW、Flash。這些里面Fireworks都淘汰好多年了還學(xué)個鬼啊,F(xiàn)lash現(xiàn)在早已改名Animate,主要用于做動畫的,對UI沒什么幫助,更不是UI的必備軟件,而比較普遍的Sketch、XD提都沒提,CorelDRAW的功能可以用AI代替,平面設(shè)計用的較多并不適用于UI,這些人真的是做設(shè)計的嗎?開口就來?
前面都在說操作,這一步才進入設(shè)計環(huán)節(jié),其實說是第三步不一定要等第二步學(xué)完才進行,可以每天花點時間找些好作品看看,培養(yǎng)美感。哪怕一開始就可以找一些看看,多收藏整理,附上我以前整理的素材庫,圖一是大的分類,圖二是06素材點進去的素材細分。整理和收集對學(xué)習(xí)還是有很大幫助的。
等到中后期軟件學(xué)習(xí)的差不多就找一些不錯的作品開始練習(xí),這里我推薦先多上上站酷和UI中國,記得一定要找2火和3火的作品看,這些作品因為足夠有些被平臺推薦是不錯的接件作品。另外可以去Behance看看整套項目的作品怎么包裝,還有Dribbble上看看別人怎么做練習(xí)和炫技,這些對整個過程的學(xué)習(xí)、美感的提升以及后期作品準備都有非常大的幫助。
理論的知識還是得有,理論和實踐相結(jié)合,建議至少讀三本書,一本產(chǎn)品方面的、一本UI方面的、一本用戶體驗方面的,其他方面的根據(jù)自己實際情況去選擇,還可以看看站酷、知乎、簡書上面別人整理分享的文章,文章會縮短你讀書的時間,這都別人總結(jié)出來的精髓,遇到重點信息還可以做筆記。這些東西不僅能加強你的理論知識,還可以在面試和工作中來加強自己的論點表達,讓別人覺得你比較專業(yè),而不是動不動就我覺得怎樣怎樣,或者出了還行、太丑、空等說不出其他術(shù)語來。
做這行沒作品就別想找到工作了,所以作品從哪里來就得自己平時積累了,平時做得多最后面試的時候隨便選一些都滿滿一封作品集了。平時就應(yīng)該注意對不同類型的作品的積累:
1、圖標:包括擬物化、扁平化、線性圖標、面形圖標等,最好每樣都練習(xí)一部分,工作中每種都會遇到的。
2、界面:前期可以是單個的頁面,后期有點基礎(chǔ)了最好自己從原型做起,規(guī)劃整套的項目,然后獨立完成整個項目的交互和UI,面試非??粗啬愕恼醉椖孔髌返?,因為這反映的是你的工作能力,值得指出的是UI有很多規(guī)范,而且還在不斷更新,這些規(guī)范應(yīng)該熟知,那么練習(xí)這些項目的過程中應(yīng)該熟知一套規(guī)范怎么去定以及怎么運用;
3、視覺設(shè)計:建議練練插畫,現(xiàn)在插畫用的范圍太廣、啟動頁、廣告banner,甚至連圖標都是小插畫,這需要很深的美術(shù)功底,但還是要去練習(xí),不然永遠不會,順便在練習(xí)的過程中積累作品;
4、手繪,其實UI平時用手繪不多,但是手繪反映的是你的美術(shù)功底和設(shè)計師的個人魅力,專業(yè)程度,身份象征這些通過手繪給人感覺就很不一樣。
5、其他作品,動效作品、建模作品這些視情況而定吧,每個人情況不一樣,還有有些人會前端直接寫了個人網(wǎng)站,這些都不是硬性要求,雖然技多不壓身但是一開始得有側(cè)重點,一定要針對性去學(xué)習(xí),有些技能可以后期拓展,有些是一開始就得必備的。
前面的都完成就差最后這一步了,設(shè)計師最好還是做個作品集去面試也比較好攜帶,文件夾過于瑣碎,PPT得全屏,還是pdf體驗稍微好些,也可以一個個項目整理好傳站酷、UI中國。另外簡歷的制作也很講究,這些都可以去站酷看看,找些帶2火3火推薦的作品集看看,如果有需要我后期再補充點,大概就先說這些。
自學(xué)并不容易,不僅有足夠的自制力堅持下去還得有專業(yè)的方向保障,希望你多去找找,選擇靠譜的自學(xué)教程,多找些群和站酷這種平臺的設(shè)計師交流,多把自己的作品拿出去,早點找出自己不足早作糾正,盡最大程度避免走彎路,最后祝你自學(xué)成功。
熱門資訊
1. iPhone6的UI設(shè)計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設(shè)計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設(shè)計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
3. 移動端UI設(shè)計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設(shè)計中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計的基本知識
4. 10個免費學(xué)習(xí)UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 推薦10本適合UI設(shè)計師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計培訓(xùn)的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機會。
8. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應(yīng)盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
9. 武漢UI設(shè)計培訓(xùn)班費用怎么樣?想學(xué)UI設(shè)計要多少錢?
想了解武漢UI設(shè)計培訓(xùn)班的費用是多少嗎?不知道學(xué)UI設(shè)計要花多少錢?不妨看看這篇文章,了解UI設(shè)計培訓(xùn)班的學(xué)費價格以及學(xué)習(xí)內(nèi)容。
10. 設(shè)計中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
最新文章
同學(xué)您好!