一、概念

UI設(shè)計(jì)（或稱界面設(shè)計(jì)）是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)常用的UI設(shè)計(jì)是虛擬UI，UI即User Interface(用戶界面)的簡(jiǎn)稱。

它的中文名字就是叫做用戶界面設(shè)計(jì)，UI設(shè)計(jì)以前是沒(méi)有的，他是由國(guó)外引到國(guó)內(nèi)，所以就保留了它的英文名字。UI設(shè)計(jì)是用戶與界面（機(jī)器）進(jìn)行交互，用戶就是我們?nèi)祟?，界?常見(jiàn)的就是手機(jī)、電腦、ATM機(jī)、取票機(jī)，根據(jù)不同的用戶、不同的界面，就會(huì)有不同的UI設(shè)計(jì)。

目前UI設(shè)計(jì)有四大分支，1.移動(dòng)端UI、2.PC端UI、3.游戲端UI、4.其他端UI，其中這四種UI中，移動(dòng)端UI占比*大，所以，我們不需要所有UI設(shè)計(jì)都學(xué)習(xí)。移動(dòng)端就是我們手機(jī)上UI設(shè)計(jì)，這四大分支手機(jī)是*大的市場(chǎng)，中國(guó)14億人口，8.9億手機(jī)用戶，電腦可能只有3.4億，手機(jī)上我們能看到的界面都是UI設(shè)計(jì)師做的。

二、發(fā)展歷程

UI設(shè)計(jì)其實(shí)早就有這個(gè)行業(yè)的存在。1969年互聯(lián)網(wǎng)誕生，到1973施樂(lè)公司設(shè)計(jì)了使用桌面比擬的個(gè)人電腦『奧托』的問(wèn)世。1983年蘋(píng)果計(jì)算機(jī)公司推出Apple Lisa個(gè)人計(jì)算機(jī)，是全球第*款搭載圖形用戶界面（GUI）的個(gè)人計(jì)算機(jī)（施樂(lè)的奧托和蘋(píng)果的Lisa究竟哪個(gè)是真正意義上第*臺(tái)搭載GUI的電腦有待進(jìn)一步考證），到現(xiàn)在UI設(shè)計(jì)其實(shí)一直都存在。2000年以前國(guó)內(nèi)的UI設(shè)計(jì)剛開(kāi)始萌芽，但當(dāng)時(shí)做UI等于做平面設(shè)計(jì)。

1.萌芽時(shí)代

1983年蘋(píng)果的Lisa電腦，1984年蘋(píng)果的麥金塔個(gè)人電腦搭載的SystemSoftware系統(tǒng)（mac系統(tǒng)的前身，至7.5.1正式改名為Mac OS（麥金塔操作系統(tǒng)）。Mac OS至今已經(jīng)推出了十代。蘋(píng)果宣布將Mac OS X更名為OS X），『Lisa』的問(wèn)世作為『UI設(shè)計(jì)』的開(kāi)端，因?yàn)橐呀?jīng)有意識(shí)的為為用戶在用戶體驗(yàn)上在屏幕上進(jìn)行有針對(duì)的設(shè)計(jì)。

2.擬物化時(shí)代

1990年微軟的windows3.0已經(jīng)開(kāi)始有了『浮雕、陰影』的頁(yè)面元素，擬物化的萌芽已經(jīng)出現(xiàn)。

3.扁平化時(shí)代

2010年微軟 推出他的第*代智能手機(jī) Windows Phone 7，這可以說(shuō)是扁平化設(shè)計(jì)第一次在資訊產(chǎn)品上向世人展現(xiàn)其樣貌，使用簡(jiǎn)單的方格狀色塊與無(wú)襯線字體的界面，圖標(biāo)也不再以擬物化呈現(xiàn)，而是去除了細(xì)節(jié)與陰影。

4.百花齊放

世界UI設(shè)計(jì)風(fēng)格在微軟、Google、蘋(píng)果三家行業(yè)巨頭的影響下進(jìn)入了百花齊放、百家爭(zhēng)鳴的環(huán)境。

百家爭(zhēng)鳴的時(shí)期對(duì)每個(gè)設(shè)計(jì)師都很有機(jī)會(huì)，也具有很大的挑戰(zhàn)性。作為設(shè)計(jì)師的我們一定要把握當(dāng)下的趨勢(shì)，并且具有前瞻性。這篇UI設(shè)計(jì)歷史的文章只是對(duì)UI設(shè)計(jì)行業(yè)一個(gè)粗略的總結(jié)，目的是讓大家回過(guò)頭看一看歷史的發(fā)展，俗話是以史為鑒，是為了更好的為以后發(fā)展做出前瞻性的探索。

三、設(shè)計(jì)方向

用戶研究

用戶研究包含兩個(gè)方面：一是可用性工程學(xué)（usability Engineering），研究如何提高產(chǎn)品的可用性，使得系統(tǒng)的設(shè)計(jì)更容易被人使用、學(xué)習(xí)和記憶；二是通過(guò)可用性工程學(xué)研究，發(fā)掘用戶的潛在需求，為技術(shù)創(chuàng)新提供另外一條思路和方法。

用戶研究是一個(gè)跨學(xué)科的專業(yè)，涉及可用性工程學(xué)、人類功效學(xué)、心理學(xué)、市場(chǎng)研究學(xué)、教育學(xué)、設(shè)計(jì)學(xué)等等。用戶研究技術(shù)是站在人文的角度來(lái)研究產(chǎn)品，站在用戶的角度介入到產(chǎn)品的開(kāi)發(fā)和設(shè)計(jì)中。

用戶研究通過(guò)對(duì)于用戶的工作環(huán)境、產(chǎn)品的使用習(xí)慣等研究，使得在產(chǎn)品開(kāi)發(fā)的前期能夠把用戶對(duì)于產(chǎn)品功能的期望、對(duì)設(shè)計(jì)和外觀方面的要求融入到產(chǎn)品的開(kāi)發(fā)過(guò)程中去，從而幫助企業(yè)完善產(chǎn)品設(shè)計(jì)或者探索一個(gè)新產(chǎn)品概念。

他是得到用戶需求和反饋的途徑，也是檢驗(yàn)界面與交互設(shè)計(jì)是否合理的重要標(biāo)準(zhǔn)。

交互設(shè)計(jì)

這部分指人與機(jī)之間的交互工程，在過(guò)去交互設(shè)計(jì)也由程序員來(lái)做，其實(shí)程序員擅長(zhǎng)編碼，而不善于與最終用戶交互。所以，很多的軟件雖然功能比較齊全，但是交互方面設(shè)計(jì)很粗糙，繁瑣難用，學(xué)習(xí)困難。使用這樣的軟件后，不是使人聰明與進(jìn)步而是讓人感到愚弄與羞辱。許多人因?yàn)椴荒懿僮麟娔X軟件而下崗失業(yè)，這樣的交互使電腦成為讓人恐懼的科技怪獸。于是把交互設(shè)計(jì)從程序員的工作中分離出來(lái)單獨(dú)成為一個(gè)，也就是人機(jī)交互設(shè)計(jì)。他的目的在于加強(qiáng)軟件的易用、易學(xué)、易理解，使計(jì)算機(jī)真正成為方便地為人類服務(wù)的工具。

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

在漫長(zhǎng)的軟件發(fā)展中，界面設(shè)計(jì)工作一直沒(méi)有被重視起來(lái)。做界面設(shè)計(jì)的人也被貶義的稱為“美工”。其實(shí)軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣，是產(chǎn)品的重要買(mǎi)點(diǎn)。一個(gè)友好美觀的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受，拉近人與電腦的距離，為商家創(chuàng)造賣點(diǎn)。界面設(shè)計(jì)不是單純的美術(shù)繪畫(huà)，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計(jì)，是純粹的科學(xué)性的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)即不是某個(gè)項(xiàng)目開(kāi)發(fā)組領(lǐng)導(dǎo)的意見(jiàn)也不是項(xiàng)目成員投票的結(jié)果，而是最終用戶的感受。所以界面設(shè)計(jì)要和用戶研究緊密結(jié)合，是一個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺(jué)效果的過(guò)程。

四、UI設(shè)計(jì)師工作內(nèi)容

負(fù)責(zé)軟件界面的美術(shù)設(shè)計(jì)、創(chuàng)意工作和制作工作；

根據(jù)各種相關(guān)軟件的用戶群，提出構(gòu)思新穎、有高度吸引力的創(chuàng)意設(shè)計(jì)；

對(duì)頁(yè)面進(jìn)行優(yōu)化，使用戶操作更趨于人性化；

維護(hù)現(xiàn)有的應(yīng)用產(chǎn)品；

收集和分析用戶對(duì)于GUI的需求。

五、UI學(xué)習(xí)階段

UI設(shè)計(jì)學(xué)習(xí)分為兩個(gè)階段，一是軟件階段，二是理論設(shè)計(jì)階段

一個(gè)是熟練工具，我們只有掌握了軟件工具才能做出我們想要做的效果來(lái)

軟件主要學(xué)習(xí)PS，其次是AI,AE,APR。

另外一個(gè)是設(shè)計(jì)知識(shí)以及創(chuàng)意想法的練習(xí)，當(dāng)我們掌握的軟件工具后，需要提升的就是設(shè)計(jì)思維，創(chuàng)意這一塊了。

現(xiàn)在的UI設(shè)計(jì)行業(yè)和幾年前不一樣了，前幾年做UI設(shè)計(jì)只需要會(huì)做移動(dòng)端APP界面設(shè)計(jì)，圖標(biāo)設(shè)計(jì)就可以了，但是隨意互聯(lián)網(wǎng)的逐漸成熟，對(duì)UI設(shè)計(jì)師的要求越來(lái)越嚴(yán)格了，對(duì)于 UI 設(shè)計(jì)的需求也會(huì)出現(xiàn)一些變化。

*文章內(nèi)容和圖片均來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系刪除。