歡迎來到培訓(xùn)無憂網(wǎng)!

全國切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無憂網(wǎng) > 新聞資訊 > 電腦/IT > UI設(shè)計(jì) >  UI設(shè)計(jì)怎樣入門

UI設(shè)計(jì)怎樣入門

來源:培訓(xùn)無憂網(wǎng) 發(fā)布人:裴裴

2022-04-03 08:59:00|已瀏覽:204次

      UI設(shè)計(jì)怎樣入門?UI是研究人機(jī)交互的學(xué)科,單從目前它的應(yīng)用領(lǐng)域來看,主要應(yīng)用于軟件、互聯(lián)網(wǎng)、移動(dòng)智能設(shè)備、游戲和虛擬現(xiàn)實(shí)影音方面,這些都是新興的熱門方向和活躍領(lǐng)域。加之,高校尚未開設(shè)相應(yīng)專業(yè),造成人才缺口和社會(huì)需求巨大,雖然受經(jīng)濟(jì)形勢(shì)的影響,社會(huì)整體就業(yè)壓力其實(shí)幾年來一直存在,但相比而言 “UI設(shè)計(jì)師”和“軟件開發(fā)”依然是目前就業(yè)比較好、薪資又高的兩個(gè)職位,社會(huì)需求強(qiáng)勢(shì),這一點(diǎn)并沒有改變。
UI怎么入門

      UI設(shè)計(jì)怎樣入門?很多同學(xué)都想往UI行業(yè)發(fā)展。但首先我們先要知道什么是UI。UI=User Interface,Interface比較容易理解,界面,通常就是我們看到的網(wǎng)頁,APP的界面,圖標(biāo)等等視覺元素。UI里的界面設(shè)計(jì)通常區(qū)別于平面設(shè)計(jì),因?yàn)樵赪eb端,移動(dòng)端,或者其他手持設(shè)備或獨(dú)立設(shè)備上,視覺設(shè)計(jì)通常會(huì)受到技術(shù)限制和規(guī)則約定,例如說在iOS APP上,狀態(tài)欄/導(dǎo)航/Tab都有規(guī)定的高度,在Web上受、到用戶電腦分辨率的約束通常會(huì)把網(wǎng)頁內(nèi)容寬度做一個(gè)范圍限定。所以,在Interface的部分,UI設(shè)計(jì)師尤其需要考慮到各平臺(tái)的設(shè)計(jì)規(guī)范與可實(shí)現(xiàn)性。
      UI設(shè)計(jì)怎樣入門?而想要進(jìn)入U(xiǎn)I行業(yè)分兩種人:一種是相對(duì)適合自學(xué):如果大學(xué)學(xué)的專業(yè)是視覺傳達(dá),平面設(shè)計(jì),數(shù)字媒體的話,并且自制能力,自學(xué)能力比較強(qiáng)的話,可以自學(xué)。學(xué)習(xí)UI的順序如下:1,平面設(shè)計(jì)的部分PS, AI, 交互設(shè)計(jì)手繪 (很多公司對(duì)手繪能力有要求的,可以畫手繪稿能給UI設(shè)計(jì)師有加分的。。。2,圖標(biāo)設(shè)計(jì),移動(dòng)端和網(wǎng)頁端的設(shè)計(jì)規(guī)范;3,AE, Axure 和用戶體驗(yàn);
     另一種是:如果是非相關(guān)專業(yè),設(shè)計(jì)零基礎(chǔ),打算轉(zhuǎn)行UI,說實(shí)話不建議自學(xué)。興趣愛好的話,自學(xué)還是可以,但如果轉(zhuǎn)行的話,水平要求會(huì)比較高,自學(xué)的話,可能作品集不夠完整,而面試UI設(shè)計(jì)師的話,重要的就是你的作品集和項(xiàng)目經(jīng)驗(yàn)。大家根據(jù)自己情況做決定。
UI設(shè)計(jì)怎樣入門:
一、報(bào)培訓(xùn)班
學(xué)習(xí)的一般流程:
1. 網(wǎng)頁設(shè)計(jì)、電商設(shè)計(jì)
2. 圖標(biāo)設(shè)計(jì)、GUI展示
3. 移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)規(guī)范
4. 用戶體驗(yàn)設(shè)計(jì)思維
5. 移動(dòng)互聯(lián)網(wǎng)項(xiàng)目實(shí)戰(zhàn)
6. 實(shí)戰(zhàn)項(xiàng)目中的動(dòng)效
具體的是:
      視覺設(shè)計(jì)基礎(chǔ):通過Illustrator軟件圖形應(yīng)用系統(tǒng)的學(xué)習(xí),使學(xué)員掌握?qǐng)D形視覺設(shè)計(jì)基礎(chǔ)。
      光影結(jié)構(gòu)視覺應(yīng)用技術(shù):通過Illustrator軟件光影結(jié)構(gòu)體系的學(xué)習(xí),使學(xué)員掌握物體光影結(jié)構(gòu)表現(xiàn)技法。
      UI設(shè)計(jì):通過Illustrator與Photoshop軟件圖形圖像系統(tǒng)學(xué)習(xí),使學(xué)員掌握高品質(zhì)UI圖形設(shè)計(jì)的方法。
      超寫實(shí)應(yīng)用與表現(xiàn):通過Illustrator軟件超精度表現(xiàn)系統(tǒng)學(xué)習(xí),完成超寫實(shí)制作技巧。 構(gòu)成與視覺語言:學(xué)習(xí)構(gòu)成視覺語言,使學(xué)員掌握設(shè)計(jì)應(yīng)用視覺表現(xiàn)技術(shù)。
      視覺藝術(shù)表現(xiàn)與應(yīng)用:通過色彩藝術(shù)與視覺表現(xiàn)形式的結(jié)合應(yīng)用,使學(xué)員的設(shè)計(jì)能力達(dá)到商業(yè)級(jí)別的要求。
      Flash平臺(tái)應(yīng)用:通過Flash軟件系統(tǒng)學(xué)習(xí),使學(xué)員掌握Flash動(dòng)態(tài)應(yīng)用基礎(chǔ)。
      超媒體綜合應(yīng)用技術(shù):通過Flash軟件高級(jí)應(yīng)用學(xué)習(xí),使學(xué)員掌握動(dòng)態(tài)結(jié)構(gòu)表現(xiàn)語言技術(shù)。 交互式平臺(tái)應(yīng)用技術(shù):學(xué)習(xí)Flash Action锝擄絻锝掞綁锝愶綌 3 ,使學(xué)員掌握高級(jí)別交互結(jié)構(gòu)表現(xiàn)。
如果自學(xué)的話可按照2個(gè)方法:
二、自學(xué)
1、找人帶
      找到一個(gè)專業(yè)做交互或者工業(yè)的大神帶你,幫你梳理知識(shí)體系及設(shè)計(jì)思維。你自己也要整理一個(gè)大框架,了解UI到底是什么,都需要學(xué)什么怎么學(xué),給自己定一個(gè)計(jì)劃
      之后開始從基礎(chǔ)入手學(xué)習(xí)吧,但是要有一個(gè)正確的學(xué)習(xí)方式。UI的學(xué)習(xí)中雖然軟件及手繪等這些基礎(chǔ)的東西要熟練掌握,但是設(shè)計(jì)思維、理念以及能力的培養(yǎng)才是你應(yīng)該去實(shí)現(xiàn)的
2、自己學(xué):
第一點(diǎn):學(xué)習(xí)準(zhǔn)備——啟蒙
      學(xué)習(xí)一項(xiàng)技能,尤其是已經(jīng)有一定沉淀并在各行各業(yè)有廣泛應(yīng)用的技能,就一定要對(duì)它先有充分的認(rèn)知。在開始正式學(xué)習(xí)前,你需要花足夠的經(jīng)歷去了解和查 閱它的起源、發(fā)展、應(yīng)用、未來。UI作為平面設(shè)計(jì)的一部分,再往上又從屬與美術(shù)學(xué)這一大類。因此,首先要先去了解整個(gè)美術(shù)史的發(fā)展。從人類起源各個(gè)階段 中,美術(shù)經(jīng)歷了什么樣的變化,在各自的時(shí)代發(fā)揮了什么作用,近代美術(shù)史又經(jīng)歷了哪些波折,平面設(shè)計(jì)藝術(shù)是如何發(fā)展壯大走進(jìn)千家萬戶,并且有哪些經(jīng)驗(yàn)成功過 度到后來的UI設(shè)計(jì)中。那些享譽(yù)中外的藝術(shù)      大師有何過人之處,他們?yōu)槊佬g(shù)學(xué)發(fā)展做出了哪些貢獻(xiàn),他們的名作到底有何動(dòng)人之處。
第二點(diǎn):繪畫技巧——洞察
      曾經(jīng)和很多同行爭論過,UI設(shè)計(jì),到底需不需要手繪訓(xùn)練。想必大家都知道,目前國內(nèi)知名的UI設(shè)計(jì)師,追波上的大神們,很多都是草根出身,從其它行業(yè)空降來的,他們的出色是有目共睹的,似乎從某種層面上證實(shí),不需要有繪畫基礎(chǔ),也可以做好UI,也可以當(dāng)大神?
第三點(diǎn):掌握軟件——手段
      這一步就正式開始進(jìn)入學(xué)習(xí)軟件的步驟。如果學(xué)習(xí)的是UI,那么以下幾種軟件是必不可少的:PS、AI、DW、Sketch……其余的根據(jù)愛好自己補(bǔ)充。
第四點(diǎn):設(shè)計(jì)理論——實(shí)踐
      廣義上來說,到這步才是真正開始學(xué)習(xí)設(shè)計(jì),也是讓一、二兩點(diǎn)作用開始充分發(fā)揮的時(shí)候。
第五點(diǎn):鑒賞模仿——超越
      特地把這點(diǎn)放到后面,也是有理由的,前面的步奏都是一個(gè)設(shè)計(jì)師基礎(chǔ)素養(yǎng)的實(shí)現(xiàn),而一個(gè)出色設(shè)計(jì)師還需要培養(yǎng)自己的套路和風(fēng)格——站在巨人的肩膀上。
第六點(diǎn):閱讀思考——擴(kuò)展
      整個(gè)UI設(shè)計(jì)圈,還有一個(gè)很致命的缺點(diǎn),就是對(duì)其它行業(yè)知識(shí)的排斥,科班畢業(yè)生尤甚。因?yàn)閷W(xué)生時(shí)代大多討厭學(xué)習(xí),有藝術(shù)生這個(gè)庇護(hù)傘,就可以合理安慰自己不學(xué)習(xí)不念書那是放蕩不羈愛自由。
自學(xué)UI設(shè)計(jì)資料和書籍推薦:
有關(guān)UI的發(fā)展和現(xiàn)狀。
1.《藝術(shù)的故事》([英]貢布里希)(重點(diǎn))
2.《西方美術(shù)簡史》
其次,視覺設(shè)計(jì)方面
一、平面構(gòu)成
1.《平面設(shè)計(jì)法則》
2. 《平面設(shè)計(jì)視覺詞典》
二、美術(shù)繪畫
1. 《視覺與繪畫》
2. 《素描與視覺思維》
三、色彩構(gòu)成
1.《設(shè)計(jì)配色基礎(chǔ)》
2. 《藝術(shù)設(shè)計(jì)的色彩構(gòu)成》
3. 《簡約至上:交互設(shè)計(jì)四策略》

      注:尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://elsolbar.com/news-id-27350.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會(huì)一對(duì)一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機(jī):

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無憂網(wǎng)
免 費(fèi) 申 請(qǐng) 試 聽
提交申請(qǐng),《培訓(xùn)無憂網(wǎng)》課程顧問老師會(huì)一對(duì)一幫助你規(guī)劃更適合你的專業(yè)課程!