混灵画布Design SystemVersion 1.1.3
Liquid GlassLOCAL PREVIEW

图标

图标的规范、变体与应用示例。

2 个规范与展示分区 · 独立组件页面

Icon Style / 图标规范

组件规范与变体。组合示例保持自身业务职责。

Default · GraphiteActive · Primary Blue

画布节点身份图标为专用例外:24 px / 1.8 px 描边,可使用节点类型色及基础节点品牌标识;工具栏和通用操作图标保持 20 px / 1.6 px 单色。

通用图标库

70 个固定命名 · 24 × 24 网格 · 20 px 展示 · currentColor

显示全部 70 个图标

导航与视图

画布layers
模板grid
列表list
项目folder
对话chat
搜索search
侧栏panel
向右arrow
向左arrowLeft
向下arrowDown
展开chevron
收起chevronUp
上一项chevronLeft
下一项chevronRight
全屏expand

通用操作

添加plus
减少minus
编辑edit
复制copy
删除trash
保存save
上传upload
下载download
分享share
外部打开external
撤销undo
重做redo
刷新refresh
关闭close
更多more

数据与构建

模块box
数据库database
数据表table
文件file
筛选filter
图表chart
连接link
断开unlink
分支git
代码code
云端cloud
插件plugin
AIspark
参数settings
设置gear
对齐align
选择cursor
鼠标mouse

语音与视频

麦克风microphone
静音microphoneOff
视频videoCamera

状态与权限

运行play
暂停pause
停止stop
完成check
成功success
警告warning
错误error
信息info
帮助help
时间clock
日历calendar
通知bell
用户user
团队users
锁定lock
解锁unlock
密钥key
可见eye
隐藏eyeOff

新组件优先复用上述标识;新增图标沿用相同网格、线宽和圆角端点。仅状态与交互使用语义色,节点身份图标沿用专用规范。

通用动态图标库

组件规范与变体。组合示例保持自身业务职责。

ICON MOTION / 备用组件

熟悉的图形,
多一层光与回应。

沿用通用图标的轮廓与命名,以统一的玻璃厚度、左上方高光和短促动效扩展表现力。

独立预览 · 尚未应用到业务组件

悬停、键盘聚焦或点击体验

玻璃色调
播放方式

动画单次播放,静止时保持清晰。

统一的材质与动效规则

光照与厚度

左上方主光、细亮边、浅色玻璃底座。图形保持单色,厚度由内阴影和底部投影表达。

动作与语义

画布分层、刷新旋转、通知摆动、确认描线;其他图标轻微抬升。动作约 400–560 ms,播放一次后归位。

应用边界

优先用于节点身份、模块入口和状态反馈。密集表格、输入控件继续使用静态图标;减少动态效果设置下仅保留静态材质。