UI设计中的图标的分类,功能性图标

图标的分类

既然知道了图标的作用和重要性,那么接下来,就要进一步了解在工作中我们要设计哪些图标。图标可以划分成三种大类:功能性图标、装饰性图标、启动图标。

功能性图标

功能图标是具有指代意义且具有功能标识的图形,它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。

虽然理解起来容易,但是它所包含的设计样式却并不少,可以把它们归纳成线性、面性、混合三个大类,再分别进行细分。

线性图标

面性图标

面性风格即使用对内容区域进行色彩填充的图标样式。同样,在这类图标中,也不是只能应用纯色的方式进行填充,还有非常多的视觉表现类型。

混合风格

在设计图标类型的时候,也不一定非线性和面性不可,有一些热衷创造和尝试的设计师,还创作出了混合型的图标,既有线性描边的轮廓,又有色彩填充的区域。

相关推荐
Swift社区25 分钟前
AI 驱动 UI:鸿蒙 ArkUI 的新可能
人工智能·ui·harmonyos
Feng-licong4 小时前
告别手写 UI:当 Google Stitch 遇上 Flutter,2026 年的“Vibe Coding”开发流
flutter·ui
一字白首5 小时前
微信小程序进阶实战:从 UI 组件库到全局状态管理全解DAY05
ui·微信小程序·小程序
Rabbit_QL17 小时前
【前端UI行话】前端 UI 术语速查表
前端·ui·状态模式
console.log('npc')21 小时前
响应式布局的 Element UI、Ant Design 24栅格布局
vue.js·ui
田里的水稻1 天前
EI_openclaw_UI交互
人工智能·ui·机器人
NGBQ121381 天前
Adobe-Photoshop-2026-27.4.0.15-m0nkrus 全解析:专业图片处理软件深度指南
ui·adobe·photoshop
mxwin1 天前
Unity Shader UI 流光效果完全推导指南
ui·unity·游戏引擎·shader·uv
程序员Ctrl喵1 天前
UI 构建系统 —— “万物皆 Widget”的哲学
ui
我的offer在哪里1 天前
腾讯 Ardot 深度博客:AI 重构 UI/UX 全链路,从 “描述即界面” 到设计工业化的腾讯范式
人工智能·ui·重构