【UI設計基礎知識】UI設計的發(fā)展歷程

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

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

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

(1) GUI設計

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

(2) Web UI設計

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

l 網(wǎng)站設計

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

l 網(wǎng)絡軟件設計

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

網(wǎng)絡技術日漸成熟，許多網(wǎng)絡軟件脫離了瀏覽器成為獨立的應用軟件，直接安裝在電腦中，不需要通過瀏覽器就可以打開。在進行網(wǎng)絡應用軟件的UI設計過程中，要注意與網(wǎng)絡軟件UI相互區(qū)分，以一個獨立的應用程序標準來進行設計，增強獨立性和風格化。

(3) APP UI設計

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