旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計 > ui設(shè)計培訓(xùn)第一課-UI設(shè)計的概念

ui設(shè)計培訓(xùn)第一課-UI設(shè)計的概念

時間:2020-07-16來源:5wd995.cn點(diǎn)擊量:作者:Sissi
時間:2020-07-16點(diǎn)擊量:作者:Sissi



  學(xué)習(xí)UI設(shè)計的第一課是要知道UI設(shè)計的概念以及和相關(guān)設(shè)計的區(qū)別。User Interface(用戶界面),簡稱UI,指的是現(xiàn)在人們使用的任何擁有屏幕的電子設(shè)備,涉及到一個理論,“人機(jī)交互”,就是人和機(jī)械程序之間產(chǎn)生的互動。

UI設(shè)計概念
 

  用手機(jī)為例,手機(jī)上的界面都屬于用戶界面,我們通過這個界面向手機(jī)發(fā)出指令,手機(jī)根據(jù)指令會給我們反饋。UI設(shè)計師其實(shí)分為很多不同的設(shè)計師,從事PC端網(wǎng)頁設(shè)計的設(shè)計師我們稱為WUI(web user interface),即網(wǎng)頁設(shè)計師,從事移動端設(shè)計的設(shè)計師我們稱為GUI(Graphics user interface)。一般情況下,小企業(yè)不會細(xì)分那么清楚,都統(tǒng)一稱呼為UI設(shè)計師或者視覺設(shè)計師,產(chǎn)出的界面,都需要對產(chǎn)品界面的視覺負(fù)責(zé)。
 

  UE即User Experience(用戶體驗),簡稱UE,是用戶在使用產(chǎn)品過程中建立起來的一種純主觀感受。對于一個界定明確的用戶群體來講,其用戶體驗的共性是能夠經(jīng)由良好設(shè)計實(shí)驗來認(rèn)識到。以用戶為中心、以人為本越來越得到重視,用戶體驗也因此被稱做創(chuàng)新2.0模式的精髓。
 

  UED即User Experience Desgin(用戶體驗設(shè)計),用戶體驗是指用戶在使用產(chǎn)品(APP或者WEB)過程中的個人主觀感受,而用戶體驗就是要關(guān)注用戶使用前,使用過程中和使用后的整體感受,包括行為,情感和成就等各個方面。用戶體驗設(shè)計就不光是對前期的用戶體驗做策劃,需要用到自己的知識、經(jīng)驗、設(shè)計能力,拿出一套設(shè)計方案。
 

  交互設(shè)計是定義、設(shè)計人造系統(tǒng)的結(jié)構(gòu)和行為的設(shè)計領(lǐng)域。它起源于網(wǎng)頁設(shè)計和平面設(shè)計,但如今已經(jīng)發(fā)展出了屬于自己的領(lǐng)域。交互設(shè)計不止包括移動端和網(wǎng)絡(luò)端的設(shè)計,解決方案既可以是Web,也可以是移動平臺,但并不限于任何特定的平臺。交互設(shè)計應(yīng)該是設(shè)計類學(xué)科中最熱門的方向之一,很多人都想進(jìn)入這一領(lǐng)域?qū)W習(xí)。交互設(shè)計師的工作,是在大眾與他們所使用的產(chǎn)品和服務(wù)之間建立有意義的關(guān)系。
 

  我們最先想到的可能是人與人之間的交互,但其實(shí)交互行為還可以發(fā)生在人與人造物,甚至人與自然之間。因此,交互設(shè)計的產(chǎn)出形式也很多,而設(shè)計的重點(diǎn)便是從使用者的邏輯出發(fā),考慮互動和反饋的形式,盡可能地增強(qiáng)用戶的使用體驗。交互設(shè)計的應(yīng)用領(lǐng)域非常之廣,且與多個學(xué)科交叉,如工業(yè)設(shè)計、人機(jī)工程、建筑設(shè)計等。而這么做的目的也都是為了提升用戶體驗,因此,交互設(shè)計也可被認(rèn)為是用戶體驗設(shè)計的一部分。交互設(shè)計著重考慮互動形式、設(shè)計邏輯和用戶體驗,所以與交互設(shè)計相關(guān)的就業(yè)職位也十分廣泛。
 

  學(xué)習(xí)UI設(shè)計需要學(xué)習(xí):
 

  美術(shù)基礎(chǔ)
 

  學(xué)習(xí)UI設(shè)計是需要一定的美術(shù)基礎(chǔ),現(xiàn)在企業(yè)招聘也會在招聘信息中提到,當(dāng)然你有美術(shù)基礎(chǔ)是最好的。如果你沒有美術(shù)基礎(chǔ)又想從事UI設(shè)計這個職業(yè),那必須有較高的審美及色彩感,可以多看一些美術(shù)基礎(chǔ)類知識,了解物體的透視、光照射的角度、在對應(yīng)的形狀中表現(xiàn)出怎樣的明暗分布等。
 

  圖形基礎(chǔ)
 

  美術(shù)生基礎(chǔ)課:素描、速寫、色彩
 

  軟件應(yīng)用
 

  UI設(shè)計必須學(xué)的軟件的圖標(biāo),主要有AI+PS+XD+墨刀。

  Photoshop,簡稱“PS”,一款老牌圖片處理軟件,可以滿足UI界面設(shè)計的日常需求。

  illustrator,簡稱“AI”,矢量軟件,處理一些復(fù)雜的圖形路徑時可以使用,一般在AI中繪制好導(dǎo)入PS中。

  After Effects,簡稱“AE”,動銷設(shè)計軟件。

  XD,免費(fèi)原型圖繪制軟件。

  墨刀,國內(nèi)免費(fèi)原型圖繪制軟件。

  藍(lán)湖,是一款標(biāo)注切圖軟件,在設(shè)計中對自己設(shè)計的圖進(jìn)行標(biāo)注切圖。
 

  設(shè)計規(guī)范
 

  一般設(shè)計的應(yīng)用是基于IOS系統(tǒng)和Android系統(tǒng)運(yùn)行。這兩個系統(tǒng)都有其官方的系統(tǒng)規(guī)范,這些規(guī)范都羅列了詳細(xì)的通用型設(shè)計框架。如各自系統(tǒng)狀態(tài)欄、各個系統(tǒng)下的尺寸、導(dǎo)航欄和標(biāo)簽欄的高度是多少、手機(jī)屏上最適字號是多大等。
 

  臨摹學(xué)習(xí)
 

  現(xiàn)在有很多設(shè)計網(wǎng)站,要多利用業(yè)余時間去臨摹。比如站酷、UI中國、dribbble、behance等等,設(shè)計這個東西每天都在發(fā)生著變化,你只有每天去看最新的設(shè)計師作品,才能跟上時代潮流,走上人生巔峰。
 

  參與項目
 

  經(jīng)歷一套完整的設(shè)計流程是最好的學(xué)習(xí)鍛煉方式。從一開始的討論原型圖到出設(shè)計效果圖,再到標(biāo)注切圖給開發(fā)者。效果圖不斷導(dǎo)出到手機(jī)上預(yù)覽,核對電腦的設(shè)計稿和手機(jī)上預(yù)覽的差距,你會從實(shí)踐中不斷提高。也可以通過假設(shè)的設(shè)計項目,也就是Redesign(再設(shè)計),比現(xiàn)有比較火的app重新構(gòu)造做設(shè)計稿,同時能把自己設(shè)計思路完整展現(xiàn)說明出來。曾經(jīng)有這樣的案例,某設(shè)計師不滿意Facebook的界面,按自己的想法重新設(shè)計了界面,并在設(shè)計網(wǎng)站上展示,由于二次設(shè)計的效果出色,還吸引了Facebook的注意,最終收到了Facebook的Offer。
 

  UI設(shè)計在小城市還是比較稀缺的,在大城市對于人才會比較緊求。UI設(shè)計的工作內(nèi)容。
 

  APP界面設(shè)計
 

  我們?nèi)粘K玫奈⑿?,支付寶客戶端各種APP這些就是離不開我們的UI設(shè)計。
 

  小程序界面
 

  現(xiàn)在微信小程序很火,像一些游戲,各種小程序,很多公司都有。簡單的來說就相當(dāng)于簡化的APP,很多APP不用下載安裝手機(jī),直接使用個小程序就可以,在這里就不再過多的解釋,相信大家都有使用小程序。
 

  活動海報
 

  像植樹節(jié),端午節(jié)暑期假日,有七夕節(jié),中秋節(jié),國慶節(jié),雙11,雙十二,元旦活動等等。
 

  當(dāng)你下載打開一個APP都需要先左右滑動3-4個界面滑動才可以正常啟動APP。這就是活動海報現(xiàn)在在UI設(shè)計后期的工作中,這一方面很重要,你必須得學(xué)會。跟平面有些不一樣,但是又有相似之處,它主要起到引導(dǎo)用戶使用,平面設(shè)計上主要是以宣傳為主,其實(shí)也沒是什么太多區(qū)別。不管是平面海報設(shè)計還是UI海報一切設(shè)計宣傳都是為了讓用戶更加了解應(yīng)用。
 

  同時,這些工作都是需要不斷佐證自己的設(shè)計,會加入到自己項目的后續(xù)上線測試及迭代中,懂使用數(shù)據(jù)及調(diào)研驅(qū)動設(shè)計升級,對接客戶及公司高層,協(xié)調(diào)公司的設(shè)計資源,管理項目資源,建沒設(shè)計團(tuán)隊,積極推動項目進(jìn)展,及總結(jié)報告向上級及客戶匯報。
 

  了解了UI設(shè)計第一課,你一定有收獲吧,如果你是零基礎(chǔ)又想轉(zhuǎn)行學(xué)習(xí)UI設(shè)計,想快速進(jìn)入這個行業(yè),那么建議你是通過系統(tǒng)培訓(xùn),可以學(xué)到更多UI設(shè)計師所在行業(yè)的工作經(jīng)驗,讓自己在以后的職場上少走彎路,AAA教育從設(shè)計基礎(chǔ)到高級實(shí)戰(zhàn),再到項目實(shí)戰(zhàn)系統(tǒng)化培訓(xùn)教學(xué),幫助你成為一個優(yōu)秀的UI設(shè)計師。當(dāng)你的能力駕馭不了你的目標(biāo)時,適當(dāng)?shù)母冻鍪欠浅S斜匾?,選擇大于努力這話還是有一定道理的。

 

預(yù)約申請免費(fèi)試聽課

填寫下面表單即可預(yù)約申請免費(fèi)試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ 5wd995.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖