![Photoshop 图标设计基础与案例教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/140/22692140/b_22692140.jpg)
1.1 图标的基础
在进入图标设计这个新领域之前,我们有必要先来了解一下这个领域,以便后面进行深入学习。本节将为大家详解图标是什么、图标的类型、图标的功能、图标和Logo的区别等内容,让大家对图标设计有一个清晰的认识。
![](https://epubservercos.yuewen.com/BE6F12/11261884004989906/epubprivate/OEBPS/Images/figure_0017_0001.jpg?sign=1738840989-xcNjW6bvuwwXrjuLkjvb9wd0src7K495-0-4c4b7483a793f0787db9901c032af1e8)
1.1.1 图标是什么
图标是一种用来指示用户运行各种操作的标识图像,是具有明确指代含义的计算机图形。
现实生活中存在着许多提供信息指引的图标,如交通标识图标、旅游景区内的引导图标等。移动设备中的图标就是把现实生活中的图标迁移到界面当中,这些图标可以传达信息并引导用户操作。总之,无论图标以何种形式出现,它的存在价值都是快速准确地传达信息并且引导用户做出反馈行为。
![](https://epubservercos.yuewen.com/BE6F12/11261884004989906/epubprivate/OEBPS/Images/figure_0017_0002.jpg?sign=1738840989-lwaL1DxnxNeIyzTS61Dj428NSOYVKkxB-0-b9591827f2c6bb37f0bd6c5a0553586e)
1.1.2 图标的类型
大家可能会有疑惑,很多不同类型的图形都被称为图标,怎么区分它们?它们各自的差异性有什么作用?带着这些疑问我们可以更深入地了解一下图标的类型。以下展示的是不同类型的图标。
![](https://epubservercos.yuewen.com/BE6F12/11261884004989906/epubprivate/OEBPS/Images/figure_0018_0001.jpg?sign=1738840989-W1X8fyaWQ7RGrYCfC7K6Mtf22NNznWU3-0-e34adf44131c223bd48aaf58e2801629)
文件类型图标
文件类型图标(Document Icons)指按照扩展名对应显示的特定图标,在Windows操作系统中比较常见。
![](https://epubservercos.yuewen.com/BE6F12/11261884004989906/epubprivate/OEBPS/Images/figure_0018_0002.jpg?sign=1738840989-Rti08WPDKs3GETJnsKnMmxpRN99cdil3-0-e405d748badcc16536cfe1c8c694c3a1)
应用类图标
应用程序的图标(Application Icons)指在应用程序的制作过程中,制作出的与应用程序相配套的操作指示图标,这种图标具有很高的可识别性,便于用户快速找到相关的应用程序并进行操作,大家可以理解为计算机中的快捷方式。以下展示的是不同尺寸的图标。
![](https://epubservercos.yuewen.com/BE6F12/11261884004989906/epubprivate/OEBPS/Images/figure_0019_0001.jpg?sign=1738840989-9Xcj7XdY6feYOQG7jLRqnfChOwMzBPb6-0-74c7e625799ae87ee7cc88507f4388d0)
控件类图标
在应用程序类图标中,还包含另一种图标类型——控件类图标。不同于快捷方式,控件类图标主要是作为控件存在的,如工具栏图标(Toolbar Icons)和菜单图标(Menu Icons)等。
![](https://epubservercos.yuewen.com/BE6F12/11261884004989906/epubprivate/OEBPS/Images/figure_0020_0001.jpg?sign=1738840989-yfI2QWGIaIIRx6xt0fZqu161EyfRPcpa-0-4cd200d24b4f6a35c8eaf4f2c7a8b0af)
1.1.3 图标的功能
将图标制作得更好看,是应用程序制作过程中非常重要的一个环节。因为图标除了具有本身的指代功能以外,还具有其他的重要功能。
![](https://epubservercos.yuewen.com/BE6F12/11261884004989906/epubprivate/OEBPS/Images/figure_0021_0001.jpg?sign=1738840989-XOk6BdBGa0ZhK0IYHrdouKF4Xuq5xvpJ-0-81a3ecc7d6f5b394322f709cf992c452)
营销功能
图标具有很强的营销功能。当用户在App商店搜索相关应用时,首先看到的是图标,并通过图标的外观设计来判定是否购买该应用程序,因此,图标在此时就相当于应用程序的外观包装,拥有向用户宣传App的功能。
![](https://epubservercos.yuewen.com/BE6F12/11261884004989906/epubprivate/OEBPS/Images/figure_0021_0002.jpg?sign=1738840989-Xb0KJqNuxkS5RjZFy9OsCRo2VXnYbdFQ-0-24e94b0b095e1256bfdfcac4fd921d81)
提示
App(Application,应用程序)一般指手机软件。
识别功能
图标具有帮助用户识别应用程序的功能。当用户安装好App,图标的功能也随之发生了改变。当用户在寻找某个App时,图标可以帮助用户轻松地从众多图标中识别出这个App,如QQ,用户第一反应肯定是寻找腾讯的企鹅图标。
![](https://epubservercos.yuewen.com/BE6F12/11261884004989906/epubprivate/OEBPS/Images/figure_0022_0001.jpg?sign=1738840989-klUDIzA3P5CV2MXO2up9PGyx5wTbpRzn-0-543b8aca3275a36ac7d2f78433487397)
1.1.4 图标和Logo的区别
图标和Logo在描述概念上一直存在着争议,但这不影响读者对图标设计的学习,因为Logo和图标的作用对象完全不同,Logo是品牌设计的一部分,而图标是应用程序的快捷方式和入口。以下为同一品牌的图标和Logo。
![](https://epubservercos.yuewen.com/BE6F12/11261884004989906/epubprivate/OEBPS/Images/figure_0022_0002.jpg?sign=1738840989-gjv4UO80cUxIpKeapaxNiwzcxz2J9dj5-0-31823d06b2d38961e6b1d08ee2337a42)
Logo
如今,基本上成功的品牌都有专属于自己的Logo。想成为一个成功的品牌,一个识别度高的Logo是必不可少的。优秀的Logo会带给用户熟悉的感觉,它不仅是好看的标识,还能够唤起人们情感的共鸣。另外,现代Logo还承载着企业的无形资产,是企业综合信息传递的媒介。
![](https://epubservercos.yuewen.com/BE6F12/11261884004989906/epubprivate/OEBPS/Images/figure_0023_0001.jpg?sign=1738840989-Eg751DfRTa1p6CpAgIsb7MpS4Vz5m0gz-0-c58b4e2a94d5365a72d964391167e01d)
图标
图标主要指我们在各种数字化设备中看到的应用程序的快捷方式。图标的伟大之处在于它让我们的生活更便捷,它的主要功能是以可视化的方式,让信息更易于用户获取和理解。与Logo不同,图标设计随着计算机和手机的普及,在用户频繁的使用下,开始大规模流行起来。图标虽然体积小巧,但是其设计要求非常精确,需要让它所代表的应用程序以一目了然的形式呈现在用户面前。
![](https://epubservercos.yuewen.com/BE6F12/11261884004989906/epubprivate/OEBPS/Images/figure_0023_0002.jpg?sign=1738840989-NLu7cIxQ3PZl4pZmFN1u2jNR0abl4frK-0-903a5b9732c17287782a41c8fd341780)