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