UI主题样式风格分类（设计+前端落地，附关键词、适用场景、命名建议）
分为宏观视觉流派（整套产品风格） + 主题色调模式 + 密度/版式变体，适合用来做主题切换、组件变体命名、Figma库、前端theme配置。
一、主流UI视觉风格流派（整套产品的风格）
| 风格英文名 | 中文名称 | 核心特征 | 适用场景 | 命名示例（kebab） |
|---|---|---|---|---|
| Minimal / Minimalist | 极简风 | 留白多、少装饰、弱化阴影、低冗余，少色彩，重排版 | 官网、技术文档、SaaS后台、知识库 | minimal-theme |
| Material Design | 材料设计 | 分层阴影、圆角、涟漪动效、卡片、高程Z轴，谷歌体系 | 移动端App、管理后台 | material-theme |
| Neumorphism | 新拟态 | 柔和凹凸、同色系浅阴影，无强边框；低对比度 | 仪表盘、轻量控制面板（慎用，可读性差） | neumorphic-theme |
| Glassmorphism | 玻璃拟态 | 毛玻璃模糊背景、半透明、细边框、柔光 | 首页landing、弹窗、卡片，偏视觉展示 | glass-theme |
| Flat Design | 扁平化 | 无渐变、无厚重阴影，纯色块、简洁图标；早期流行 | 后台系统、工具类产品 | flat-theme |
| Skeuomorphism | 拟物化 | 模仿真实实物纹理、质感、光影（老苹果风格） | 模拟器、硬件控制台、工控UI | skeuomorphic-theme |
| Corporate / Classic | 企业经典风 | 稳重、低饱和、规整、线条克制，高可读性 | 政企、信创、B端系统、管理平台 | classic-theme |
| Modern | 现代简约 | 圆角、柔和渐变、适度阴影，介于flat与material之间，当前最通用 | 大多数Web、后台、产品官网 | modern-theme |
| Cyber / Cyberpunk | 赛博风 | 霓虹高亮色、深色底、细分割线、发光描边 | 监控大屏、AI实验室、科技展示页 | cyber-theme |
| Soft / Soft UI | 柔系UI | 大圆角、柔和阴影、低对比、低饱和、圆润 | 消费端产品、管理后台、面板 | soft-theme |
| Brutalist | 粗野主义 | 无修饰、硬边框、强对比、排版粗犷，不追求美观 | 技术博客、极客站点 | brutalist-theme |
二、色调模式（几乎所有系统标配，独立于上面视觉流派）
同一套风格，可以切换亮/暗/高对比。一般和风格名组合使用：
modern-dark
| 英文名 | 中文 | 说明 |
|—|—|—|
|light| 浅色模式 | 白底为主，深色文字（默认） |
|dark| 深色模式 | 黑/深灰底色，浅色文字 |
|dim| 暗调柔和模式 | 不是纯黑，深灰底色，比dark护眼 |
|high-contrast| 高对比度模式 | 无障碍，文字背景反差极强，给视障用户 |
组合例子：
minimal-light、soft-dark、classic-high-contrast
三、布局密度变体（同风格、同色调，仅间距/尺寸变化，B端高频）
适合后台、运维面板、信创管理平台，同一个主题下切换密度
| 英文名 | 中文 | 特征 | 命名 |
|—|—|—|—|
| compact | 紧凑模式 | 缩小padding、margin，更小行距，一屏放更多内容，运维/表格首选 | compact |
| default | 默认密度 | 标准留白 | default |
| loose | 宽松模式 | 加大留白，呼吸感强，适合C端阅读 | loose |
组合示例：classic-dark-compact → 经典深色紧凑主题（非常适合你信创后台）
四、色彩体系分类（主题内色彩策略）
| 名称 | 说明 |
|---|---|
brand 品牌色 |
基于品牌主色衍生整套色板（aiwaly / 月影系列） |
neutral 中性色 |
灰阶体系，文本、边框、背景，独立于品牌色 |
accent 强调色 |
局部高亮点缀，不是主色 |
monochrome 单色系 |
仅同一色相不同明度，极简低干扰 |
vibrant 高饱和 |
高饱和度，活力强 |
subtle 柔和低饱和 |
低饱和度，稳重，B端/企业系统首选 |
五、主题组合命名模板（直接套用，和前面组件命名保持统一）
[视觉流派]-[色调]-[密度]示例：
modern-light-default现代浅色默认密度classic-dark-compact经典深色紧凑（推荐B端运维后台）minimal-dark-loose极简深色宽松soft-light-compact柔系浅色紧凑
品牌前缀（月影Yueying）：
yueying-classic-dark-compact
作者：月影鹏鹏 创建时间：2026-10-17 09:03
最后编辑：月影鹏鹏 更新时间：2026-10-17 09:04
最后编辑：月影鹏鹏 更新时间：2026-10-17 09:04
