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

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

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

　　UE即User Experience(用戶體驗)，簡稱UE，是用戶在使用產(chǎn)品過程中建立起來的一種純主觀感受。對于一個界定明確的用戶群體來講，其用戶體驗的共性是能夠經(jīng)由良好設(shè)計實驗來認識到。以用戶為中心、以人為本越來越得到重視，用戶體驗也因此被稱做創(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é)科中最熱門的方向之一，很多人都想進入這一領(lǐng)域?qū)W習(xí)。交互設(shè)計師的工作，是在大眾與他們所使用的產(chǎn)品和服務(wù)之間建立有意義的關(guān)系。
 

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

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

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

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

　　圖形基礎(chǔ)
 

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

　　軟件應(yīng)用
 

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

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

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

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

　　XD，免費原型圖繪制軟件。

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

　　藍湖，是一款標注切圖軟件，在設(shè)計中對自己設(shè)計的圖進行標注切圖。
 

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

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

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

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

　　參與項目
 

　　經(jīng)歷一套完整的設(shè)計流程是最好的學(xué)習(xí)鍛煉方式。從一開始的討論原型圖到出設(shè)計效果圖，再到標注切圖給開發(fā)者。效果圖不斷導(dǎo)出到手機上預(yù)覽，核對電腦的設(shè)計稿和手機上預(yù)覽的差距，你會從實踐中不斷提高。也可以通過假設(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)粘Ｋ玫奈⑿?，支付寶客戶端各種APP這些就是離不開我們的UI設(shè)計。
 

　　小程序界面
 

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

　　活動海報
 

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

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

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

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