400-650-7353
您所在的位置:首頁(yè) > IT干貨資料 > ui設計 > 【UI設計基礎知識】UI設計的發(fā)展歷程

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

  • 發(fā)布: ui培訓
  • 來(lái)源:UI干貨資料
  • 2023-08-16 09:57:00
  • 閱讀()
  • 分享
  • 手機端入口

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

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

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

(1) GUI設計

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

(2) Web UI設計

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

l 網(wǎng)站設計

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

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

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

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

(3) APP UI設計

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

文章“【UI設計基礎知識】UI設計的發(fā)展歷程”已幫助

更多內容

>>本文地址:http://www.lakeplacidphc.com/zhuanye/2023/72217.html

THE END  

聲明:本站稿件版權均屬中公教育優(yōu)就業(yè)所有,未經(jīng)許可不得擅自轉載。

1 您的年齡

2 您的學(xué)歷

3 您更想做哪個(gè)方向的工作?

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯(lián)網(wǎng)營(yíng)銷(xiāo)互聯(lián)網(wǎng)營(yíng)銷(xiāo)
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯(lián)網(wǎng)嵌入式
  • 全域電商運營(yíng)全域電商運營(yíng)
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網(wǎng)頁(yè)設計網(wǎng)頁(yè)設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開(kāi)發(fā)VR/AR
  • 網(wǎng)絡(luò )安全網(wǎng)絡(luò )安全
  • 新媒體與短視頻運營(yíng)新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開(kāi)發(fā)智能機器人
 

快速通道fast track

近期開(kāi)班時(shí)間TIME