【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设计中很重要的一点。