【UI設計基礎知識】UI設計的發展歷程

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

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

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

(1) GUI設計

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

(2) Web UI設計

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

l 網站設計

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

l 網絡軟件設計

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

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

(3) APP UI設計

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