一篇文章帶你搞定UI設(shè)計(jì)

一、概念

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

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

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

二、發(fā)展歷程

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

1.萌芽時代

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

2.擬物化時代

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

3.扁平化時代

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

4.百花齊放

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

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

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

用戶研究

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

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

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

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

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

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

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

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

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

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

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

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

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

收集和分析用戶對于GUI的需求。

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

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

一個是熟練工具，我們只有掌握了軟件工具才能做出我們想要做的效果來

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

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

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

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