【UI設(shè)計(jì)基礎(chǔ)知識】UI設(shè)計(jì)的發(fā)展歷程

UI設(shè)計(jì)的概念：UI設(shè)計(jì)的全稱是User Interface即用戶界面設(shè)計(jì)，百度百科給出的定義是“對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)，也叫界面設(shè)計(jì)”。UI設(shè)計(jì)的目的是創(chuàng)建一個(gè)幫助人與電子設(shè)備進(jìn)行交互的媒介，透過產(chǎn)品框架，將復(fù)雜的產(chǎn)品結(jié)構(gòu)、代碼、程序以簡潔直觀的形式展現(xiàn)給用戶，給用戶帶來良好的使用體驗(yàn)。

UI設(shè)計(jì)的發(fā)展史：20世紀(jì)70年代，圖形界面設(shè)計(jì)初次出現(xiàn)在電子設(shè)備的顯示屏上，形成了UI設(shè)計(jì)雛形。往后的50年中，伴隨著電子設(shè)備行業(yè)的迅猛發(fā)展，UI設(shè)計(jì)浪潮如洪水猛獸般，一路沖至?xí)r代的風(fēng)口浪尖。從Windows 1.0到Windows 10，從Mac OS 1.0到Mac OS X，UI設(shè)計(jì)與電子設(shè)備相輔相成、共同繁榮。

UI設(shè)計(jì)的分類：UI分為GUI(圖形用戶界面)、Web UI(網(wǎng)絡(luò)產(chǎn)品用戶界面)和APP UI(手機(jī)應(yīng)用用戶界面)3大方向。

(1) GUI設(shè)計(jì)

GUI的英文全稱是Graphical User Interface，GUI設(shè)計(jì)即圖形用戶界面設(shè)計(jì)，是指采用圖形替代口令代碼的計(jì)算機(jī)系統(tǒng)操作界面。GUI設(shè)計(jì)秉承可視化設(shè)計(jì)原則，將復(fù)雜的計(jì)算機(jī)口令代碼以圖形的樣式展現(xiàn)給用戶，給非專業(yè)用戶提供了極大的方便。其中包含了交互設(shè)計(jì)、界面設(shè)計(jì)等，是當(dāng)代計(jì)算機(jī)發(fā)展的重大成就之一。如今GUI設(shè)計(jì)被應(yīng)用到越來越多的電子設(shè)備中。

(2) Web UI設(shè)計(jì)

Web UI的英文全稱是Website User Interface，Web UI設(shè)計(jì)即網(wǎng)絡(luò)產(chǎn)品界面設(shè)計(jì)，與普通的網(wǎng)站建設(shè)不同，Web UI分為網(wǎng)站設(shè)計(jì)和網(wǎng)絡(luò)軟件設(shè)計(jì)兩個(gè)方向。

l 網(wǎng)站設(shè)計(jì)

網(wǎng)站是指在因特網(wǎng)上公開展示內(nèi)容的相關(guān)網(wǎng)頁集合，網(wǎng)站的種類很多，包括門戶、商城、后臺等等，不同種類的網(wǎng)站的UI設(shè)計(jì)風(fēng)格也有所不同。

l 網(wǎng)絡(luò)軟件設(shè)計(jì)

網(wǎng)絡(luò)軟件是網(wǎng)站的一種特殊形式，分為通信軟件、協(xié)議軟件、應(yīng)用系統(tǒng)和管理系統(tǒng)等，一般是指系統(tǒng)的網(wǎng)絡(luò)操作系統(tǒng)、網(wǎng)絡(luò)通信協(xié)議和應(yīng)用級的提供網(wǎng)絡(luò)服務(wù)功能的專用軟件。

網(wǎng)絡(luò)技術(shù)日漸成熟，許多網(wǎng)絡(luò)軟件脫離了瀏覽器成為獨(dú)立的應(yīng)用軟件，直接安裝在電腦中，不需要通過瀏覽器就可以打開。在進(jìn)行網(wǎng)絡(luò)應(yīng)用軟件的UI設(shè)計(jì)過程中，要注意與網(wǎng)絡(luò)軟件UI相互區(qū)分，以一個(gè)獨(dú)立的應(yīng)用程序標(biāo)準(zhǔn)來進(jìn)行設(shè)計(jì)，增強(qiáng)獨(dú)立性和風(fēng)格化。

(3) APP UI設(shè)計(jì)

APP的英文全稱是Application，主要指安裝在智能手機(jī)、平板電腦等移動終端上的應(yīng)用軟件。移動終端的載體的使用環(huán)境相對復(fù)雜，且屏幕尺寸相對較小，而絕大部分智能設(shè)備都采用觸摸屏幕設(shè)計(jì)，因此在進(jìn)行APP UI設(shè)計(jì)時(shí)要始終為不理想的環(huán)境因素考慮，確保設(shè)計(jì)元素達(dá)到可點(diǎn)擊、可識別的基本標(biāo)準(zhǔn)，再進(jìn)一步提高設(shè)計(jì)層次。由于智能設(shè)備更新迭代率較高，尺寸適配也是APP UI設(shè)計(jì)中很重要的一點(diǎn)。