商城icon分类图标（商城分类图标素材）

设计师必看图标(icon)指南

1、图标，起源于人类文明的早期，随着科技的进步，图形化界面和彩色图标如Macintosh的彩色设计诞生，象征着界面设计的革新。从拟物图标盛行的时期，UI设计师不断探索，如 Metro和长投影风格的出现，展示了设计的多元性。

2、图标是一种图形化的标识，它可以分为广义和狭义两种概念。广义上的图标指的是所有现实中有明确指向含义的图形符号，而狭义上的图标主要指在计算机设备界面中的图形符号。对于UI设计而言，主要针对的是狭义的概念，它是UI界面视觉组成的关键元素之一。

3、通过 线条 勾勒出来的图标，一般通过 描边粗细、图标细节 来打造产品图标的区别。02）面性图标 采用填充和负空间结构的图标。面型相对于线型来说更加具有视觉重量，更容易吸引用户的关注，识别度也更强。所以面型图标经常被设计师用于区分线型图标的选中状态。

4、Flat Icon 最大的免费矢量图标库，由Freepik发起，图标可转化为图标字体下载，适合多种设计需求。 Behance 面向专业艺术家的交流平台，提供作品在线服务，为设计师提供高级网站体验。 OPENICONIC 提供免费的开源图标，包括SVG、网页字体和图标集223种，非常适合网页浏览和设计。

5、Reeoo，集合网页、App、设计师、icon等设计灵感网站。提供网页、App、设计师链接的直接跳转，通过颜色查找设计风格。风格偏向国外，展示近期流行设计，是设计师寻找灵感的好平台。Buamai，国外设计灵感作品库，汇集全球艺术家、平面设计师、程序员、建筑师和时装设计师的分享。

6、Daniel Triendl 探索大胆色彩的插画艺术，Daniel Triendl的插图作品以醒目与抽象的形状碰撞，带来视觉创新，是设计师与插画师的灵感宝库。学习借鉴，提升设计能力。Reeoo Reeoo集合网页、App、设计师、icon设计，收录作品直接跳转链接，按颜色查找设计风格，偏向国外流行设计趋势。

icon里面的具体分类都有哪些呢?

功能分类：交互性图标，如登录、注册按钮；装饰性图标，如节日活动图标；说明性图标，如早教类APP图标。 表现形式分类：象形图标，如iOS的Skeumorphic设计；隐喻图标，如设置与工具的关联；工具图标，如建筑、医疗类图标；混合图标，如MBE风格图标。

图标主要分为交互性图标、装饰性图标和说明性图标。交互性图标具备双向信息传递能力，用于指示用户执行特定操作或向程序发送控制信息，其重要性最高。如登录、注册按钮、开关、数量按钮、点赞、转发分享等。

图标分类：界面图标分为功能性图标和产品图标。功能性图标传达功能含义，产品图标体现产品特性与风格。功能图标风格：功能图标按样式分为线性图标和面性图标。线性图标通过线塑造轮廓，面性图标通过面塑造形体，分为单色饱和度填充图标、纯色渐变图标和多色渐变图标。

色彩color 、 文字 Font 、 图标 icon 、 图形 shape 、 图片 image 、 空间 space ，是我们做平面设计中非常重要的 6 个元素，而对于 UI 设计而言，图标可以说是整个产品的点睛之笔，它甚至可以直接影响着一款产品的形象和气质。 显然，图标不是由界面设计师发明的。

Icon Store：以系列形式呈现，含有不同主题，彩色版与线条版同系列。以安装包格式批量下载。Material icons：谷歌官方所有图标免费下载，提供黑白两色和不同大小。下载后为安装包格式，支持安卓、iOS和web。Font Awesome：提供中文与英文版本，每图标有名称分类，需下载插件使用。

ICON的中文释义与英文流行度、分类信息如下：它代表了一个小图像的符号，广泛应用于网络交流中，特别是在表示检查或确认的图标时（如Check.jpg）。这个缩写词主要在互联网环境中使用，是网络语言的一部分。ICON作为a small pictogram的缩写，体现了其在数字化世界中的便捷性和表达力。

网站推荐|7个高质量Icon图标资源网站

专为开发者定制 - Iconninja网址：http：// Iconninja是前端工程师和PPT设计师的福音，拥有近百万个免费图标，可以根据文件格式、尺寸等特性进行精准筛选。它简化了资源获取的过程，让寻找图标变得轻松无比。

flaticon（网址：flaticon.com/）国外高质量图标网站，资源丰富，支持免费下载，适合寻找风格一致的图标。ICONFINDER（网址：iconfinder.com/）提供530万+高质量矢量图标，分类齐全，可按目录与款式搜索。

Feather Icons - FeatherIcons是一个开源项目，已有24，000多个Github星标，适用于Vue、React、Node、Figma等环境，采用MIT许可，适用于个人和商业项目。 Heroicons - 这个开源项目接近20，000星标，尽管只有292个资源，但其注重设计质量，每个图标都充满美感和细节。

iconfont 网址：iconfont.cn/ 阿里巴巴矢量图标库是一个极力推荐的平台，提供各种成套的矢量图标，且完全免费。特别是针对电商的图标库，功能强大，对于电商平台的设计师来说，简直是一个宝贵的资源库。0 icons8 网址：iconscom/ icons8网站功能强大，特别适合懒癌患者。

UI设计-Icon基础知识(一)

ICON 的定义与区分 LOGO：图标具有明确含义的图形视觉语言，其首要目标是代替文字传达信息。ICON 重在展示功能，是功能识别图标，而 LOGO 主要传达身份信息，是身份识别图标。应用场景：ICON 应用广泛，包括界面设计、产品表面和日常交通指示。

图标是视觉语言的图形形式，旨在替代文字，直观传达信息。与logo不同，图标侧重于功能识别，主要目标是展示功能，而非身份标识。图标在日常生活中广泛使用，如界面设计、产品标识及交通指引。界面图标的发展经历了从拟物图标到5D图标，再到扁平化风格的转变，最后向着微扁平和轻拟物风格发展。

图标是一种图形化的标识，它可以分为广义和狭义两种概念。广义上的图标指的是所有现实中有明确指向含义的图形符号，而狭义上的图标主要指在计算机设备界面中的图形符号。对于UI设计而言，主要针对的是狭义的概念，它是UI界面视觉组成的关键元素之一。