UI图标设计从入门到精通
上QQ阅读APP看书,第一时间看更新

第1章 UI图标设计概述

1.1 UI与GUI简介

UI设计,即用户界面设计,是指为用户提供的人机交互的可视化界面。如何设计让用户满意的,给用户带来方便快捷与快乐体验的界面,已经成为设计人员不断深入研究的主题。无论是哪一种操作系统,UI设计是呈现给用户最直接的对象。无论软件多么优秀与出众,如果没有一个设计合理的界面,它都不会成为吸引用户,让用户满意的好产品。当前,在激烈的市场竞争中,出众的用户界面设计往往会使产品处于不败之地。

1.1.1 什么是UI

UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI是用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还包括某种特定的机器、设备、复杂的工具等。好的UI设计不仅是让软件变得有个性、有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。

在人和机器的互动过程(Human Machine Interaction)中,有一个层面,即我们所说的界面(Interface)。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分,是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。

UI设计中“视觉、触觉、听觉”三者的关系

1.1.2 什么是GUI

GUI(Graphical User Interface)即图形化人机交互用户界面设计。GUI是一种结合计算机科学、美学、心理学、行为学,以及各商业领域需求分析的人机系统工程,强调人—机—环境三者作为一个系统进行总体设计。这种面向客户的系统工程设计其目的是优化产品的性能,使操作更人性化,减轻用户的认知负担,使其更适合用户的操作需求,直接提升产品的市场竞争力。纵观国际相关产业在图形化用户界面设计方面的发展状况,许多国际知名公司早己意识到GUI在产品方面产生的强大增值功能,以及带动的巨大市场价值,因此在公司内部设立了相关部门专门从事GUI的研究与设计工作,同行业间也成立了若干机构,以互相交流GUI设计理论与经验为目的。随着中国IT产业、移动通信产业、家电产业的迅猛发展,在产品的人机交互界面设计水平发展上日显滞后,这对于提高产业综合素质,提升与国际同行业的竞争能力等方面无疑起了制约作用。

GUI设计

1.1.3 UI图标设计

图标(Icon)是具有指代意义或标识性质的图形。桌面图标是软件标识,界面中的图标是功能标识,在计算机软件中,图标是程序标识、数据标识、命令选择、模式信号或切换开关、状态指示的标志。在生活中,人们除了通过文本来获取信息,更主要的是通过各类图标来识别和理解各种信息。UI图标具有高度浓缩快速传达信息和便于记忆的特点。相比命令语言界面,图形用户界面的人机交互更多的是依赖视觉元素,不需要回忆系统指令,用户即可理解界面中图标所代表的含义,大大降低了记忆负荷。功能性指令文字的描述通常冗长、长短不一,而图标有着统一的大小规格,更节省屏幕空间,更易于界面布局规划。尤其是现在流行的掌上设备,图标使得屏内的人机信息交换量变大、形式变得更加丰富。

图标之间的“视觉差异对比”要比文本更强,这样有利于用户更快地定位到所需要的内容,提高视觉目标搜索的效率。虽然不同文化对某一图形含义的理解可能存有差异,但是图形符号还是比文字更加通用。对于UI界面设计而言,利用图标更易避免文字翻译的缺陷。同时,图标也可有效降低因开发不同语言版本所引起的成本升高的问题。

UI图标设计