广义上的图标，是具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性。在现实生活中，图标无处不在，如各种交通标志、男女厕所标志等。狭义的图标应用于计算机软件方面，包括：程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等，图标是确保界面可用性的基础设施，也是达成人机交互的有效途径。

对于UI设计师来说，常见的图标可以分为两类，一类是功能图标，一类是启动图标，也有一种说法是分为三类，再加一类装饰图标。

功能图标，是把产品的功能隐喻，简化抽象成图形，方便用户理解，以UI设计师最熟悉的软件界面为例（下图为即时设计的界面），左侧工具栏中的形状工具、钢笔工具、文字工具，上方引用组件、布尔运算、蒙版等工具，都是以图标来表示的。功能图标太常见了，已经完全融入了人们的日常生活，以至于我们作为设计师，有时都会忽略这些图标的存在，只是凭直觉在使用功能。

启动图标，在操作系统中，用来打开某个产品的图形按钮，往往被设计成品牌的 LOGO，方便用户在众多的产品中快速定位。

装饰图标，用来装饰界面的视觉元素，比如，过节的时候，很多电商类 App 都会把日常的图标换成节日专属的装饰图标，形式大于功能。

还有一类图标，安卓手机的主题图标，通过改变系统图标设计风格，来展现用户的个性。

图标对 UI 设计来说太重要了，特别是数量众多的功能图标，把图标设计成什么样，就是一位 UI 设计师能力的体现。现在有一些非常知名的专业图标（icon）设计师，不知道大家有没有了解？比如图标设计大师 Vic Bell，她有很多作品都值得我们临摹学习。

图标的风格是非常多样的，从风格上分，有线性、面性、混合、扁平、拟物、2.5D ，从颜色上分，有单色、双色、多色。作为 UI 设计师，要熟练制作各种风格的图标，应对各种不同类型的产品设计。

提升图标设计能力，有一个非常好的方式，就是临摹，尤其是跟着优秀的教程临摹优质的作品。在这里推荐大家关注即时设计的每周临摹活动，跟着老师的视频/图文教程进行临摹练习，还能加入学习交流群、分享自己的临摹作品到社区、获得精美的奖品。

最最重要的，通过临摹练习，你可以快速熟悉即时设计，这款目前最流行的在线UI设计工具，现在的UI设计，已经进入了协作时代，以为的UI设计师都是做完一稿给甲方/产品负责人看一稿，看完了再改，改完了再看，如此循环。现在，只需要一个链接，项目相关的各方，都能实时看到设计的进度，随时提出自己的想法，极大的提高了设计工作的效率。

作为新一代的国产在线设计工具，即时设计针对国内设计师和团队的工作场景，开发了一系列的特色功能，例如资源广场中免费的优质设计资源一键取用、工作台中细致高效的文件管理等等，限于篇幅不能一一展开介绍，大家可以自己去体验一下，而且，即时设计承诺目前开放的所有功能，都是永久免费的，赶紧行动起来吧~

「即时设计」官网地址： https://js.design/

关键词： 图标 设计 能力