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

一、概念

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

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

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

二、發(fā)展歷程

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

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īng)有意識的為為用戶在用戶體驗上在屏幕上進行有針對的設(shè)計。

2.擬物化時代

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

3.扁平化時代

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

4.百花齊放

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

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

三、設(shè)計方向

用戶研究

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

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

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

他是得到用戶需求和反饋的途徑，也是檢驗界面與交互設(shè)計是否合理的重要標準。

交互設(shè)計

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

界面設(shè)計

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

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

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

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

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

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

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

五、UI學習階段

UI設(shè)計學習分為兩個階段，一是軟件階段，二是理論設(shè)計階段

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

軟件主要學習PS，其次是AI,AE,APR。

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

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

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