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

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

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

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

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

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

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

　　學(xué)習(xí)UI設(shè)計(jì)需要學(xué)習(xí)：
 

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

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

　　圖形基礎(chǔ)
 

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

　　軟件應(yīng)用
 

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

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

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

　　After Effects，簡稱“AE”，動(dòng)銷設(shè)計(jì)軟件。

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

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

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

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

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

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

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

　　參與項(xiàng)目
 

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

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

　　APP界面設(shè)計(jì)
 

　　我們?nèi)粘Ｋ玫奈⑿牛Ц秾毧蛻舳烁鞣NAPP這些就是離不開我們的UI設(shè)計(jì)。
 

　　小程序界面
 

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

　　活動(dòng)海報(bào)
 

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

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

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

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