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

图标的分类

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

功能性图标

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

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

线性图标

面性图标

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

混合风格

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

相关推荐
裴嘉靖14 小时前
Vue + Element UI 实现复选框删除线
javascript·vue.js·ui
weixin_4657909115 小时前
风电永磁同步电机并网系统Simulink/Matlab仿真模型复现之旅
ui
码界奇点18 小时前
基于Vue.js与Element UI的后台管理系统设计与实现
前端·vue.js·ui·毕业设计·源代码管理
_李小白18 小时前
【Android 性能分析】第五天:Perfetto UI分析CPU
android·ui
低调小一20 小时前
Google A2UI 协议深度解析:AI 生成 UI 的机遇与实践(客户端视角,Android/iOS 都能落地)
android·人工智能·ui
MindCareers20 小时前
Beta Sprint Day 5-6: Android Development Improvement + UI Fixes
android·c++·git·sql·ui·visual studio·sprint
__万波__21 小时前
二十三种设计模式(二十一)--状态模式
ui·设计模式·状态模式
zFox1 天前
二、Kotlin高级特性以及Compose状态驱动UI
ui·kotlin·compose
leiming62 天前
c++ QT 开发第二天,用ui按钮点亮实体led
开发语言·qt·ui
技术小甜甜2 天前
【Godot】【入门】信号系统从 0 到 1(UI/玩法彻底解耦的通用写法)
ui·游戏引擎·godot