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

图标的分类

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

功能性图标

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

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

线性图标

面性图标

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

混合风格

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

相关推荐
TomEval9 小时前
【Web UI 自动化】05 - KDT 模式原理与实现
前端·ui·自动化
简单Janeee13 小时前
[Vue 3 从零到上线]-第九篇:更美更强——引入 UI 库与网络请求 (Axios)
网络·vue.js·ui
中国软件测试质量协会1 天前
奇林测试平台(kylinTOP)UI自动化测试能力深度解析
ui
greasyfork1 天前
Mac Sketch v2026.3 矢量图设计工具
macos·ui·sketch
zhchyun20081 天前
# 【Unity UI 进阶】仿 Element UI 打造企业级 Unity UI 组件库(06)
ui·unity·游戏引擎
中国软件测试质量协会1 天前
国产UI自动化测试工具的“技术代际“演进与自主可控之路
测试工具·ui·自动化
深念Y2 天前
NativeScript 移动端开发踩坑记录
前端·ui·vue·安卓·移动端·native·原生
晴天162 天前
从生成式 UI 到 Agent 驱动界面-Day32
ui
淼澄研学2 天前
Photoshop集成Firefly Image 3模型解析与API实操指南
ui·photoshop
加农炮手Jinx2 天前
Flutter for OpenHarmony 实战:flutter_animate 声明式动画让 UI 灵动如原生
flutter·ui·华为·harmonyos·鸿蒙