
1.1 图标的基础
在进入图标设计这个新领域之前,我们有必要先来了解一下这个领域,以便后面进行深入学习。本节将为大家详解图标是什么、图标的类型、图标的功能、图标和Logo的区别等内容,让大家对图标设计有一个清晰的认识。

1.1.1 图标是什么
图标是一种用来指示用户运行各种操作的标识图像,是具有明确指代含义的计算机图形。
现实生活中存在着许多提供信息指引的图标,如交通标识图标、旅游景区内的引导图标等。移动设备中的图标就是把现实生活中的图标迁移到界面当中,这些图标可以传达信息并引导用户操作。总之,无论图标以何种形式出现,它的存在价值都是快速准确地传达信息并且引导用户做出反馈行为。

1.1.2 图标的类型
大家可能会有疑惑,很多不同类型的图形都被称为图标,怎么区分它们?它们各自的差异性有什么作用?带着这些疑问我们可以更深入地了解一下图标的类型。以下展示的是不同类型的图标。

文件类型图标
文件类型图标(Document Icons)指按照扩展名对应显示的特定图标,在Windows操作系统中比较常见。

应用类图标
应用程序的图标(Application Icons)指在应用程序的制作过程中,制作出的与应用程序相配套的操作指示图标,这种图标具有很高的可识别性,便于用户快速找到相关的应用程序并进行操作,大家可以理解为计算机中的快捷方式。以下展示的是不同尺寸的图标。

控件类图标
在应用程序类图标中,还包含另一种图标类型——控件类图标。不同于快捷方式,控件类图标主要是作为控件存在的,如工具栏图标(Toolbar Icons)和菜单图标(Menu Icons)等。

1.1.3 图标的功能
将图标制作得更好看,是应用程序制作过程中非常重要的一个环节。因为图标除了具有本身的指代功能以外,还具有其他的重要功能。

营销功能
图标具有很强的营销功能。当用户在App商店搜索相关应用时,首先看到的是图标,并通过图标的外观设计来判定是否购买该应用程序,因此,图标在此时就相当于应用程序的外观包装,拥有向用户宣传App的功能。

提示
App(Application,应用程序)一般指手机软件。
识别功能
图标具有帮助用户识别应用程序的功能。当用户安装好App,图标的功能也随之发生了改变。当用户在寻找某个App时,图标可以帮助用户轻松地从众多图标中识别出这个App,如QQ,用户第一反应肯定是寻找腾讯的企鹅图标。

1.1.4 图标和Logo的区别
图标和Logo在描述概念上一直存在着争议,但这不影响读者对图标设计的学习,因为Logo和图标的作用对象完全不同,Logo是品牌设计的一部分,而图标是应用程序的快捷方式和入口。以下为同一品牌的图标和Logo。

Logo
如今,基本上成功的品牌都有专属于自己的Logo。想成为一个成功的品牌,一个识别度高的Logo是必不可少的。优秀的Logo会带给用户熟悉的感觉,它不仅是好看的标识,还能够唤起人们情感的共鸣。另外,现代Logo还承载着企业的无形资产,是企业综合信息传递的媒介。

图标
图标主要指我们在各种数字化设备中看到的应用程序的快捷方式。图标的伟大之处在于它让我们的生活更便捷,它的主要功能是以可视化的方式,让信息更易于用户获取和理解。与Logo不同,图标设计随着计算机和手机的普及,在用户频繁的使用下,开始大规模流行起来。图标虽然体积小巧,但是其设计要求非常精确,需要让它所代表的应用程序以一目了然的形式呈现在用户面前。
