# UI/UX 风格总览 · 84 种设计风格中文说明 > 数据来源：`ui-ux-pro-max` 技能的 `styles.csv`（GitHub: nextlevelbuilder/ui-ux-pro-max-skill）。 > **说明**：数据库实际收录 **84 种**风格（编号 1–85，缺 54 号），并非坊间流传的「67 种」。本文件逐一用中文描述，供批量生成 HTML 模板页时作索引与设计依据。 > 生成时间：2026-07-07。配套演示页在 `./pages/`，索引画廊见 `./index.html`。 ## 分类概览 | 类别 | 数量 | 编号范围 | 定位 | | --- | --- | --- | --- | | General 通用风格 | 49 | 1–19, 38–53, 55–68 | 可用于各类 Web/App 的视觉语言 | | Landing Page 落地页 | 8 | 20–27 | 以转化为目标的营销页结构 | | BI/Analytics 数据看板 | 10 | 28–37 | 数据密集的仪表盘/分析界面 | | Mobile 移动端 | 17 | 69–85 | 面向 iOS/Android/RN 的移动语境 | > 每格式：**精髓** ｜ **标志配色** ｜ **标志效果/动效** ｜ **最适合** ｜ **年代 · 复杂度** --- ## 一、General 通用风格（49 种） ### 1. 极简主义与瑞士风格 · Minimalism & Swiss Style 清爽、留白、网格化、功能至上 ｜ 黑 #000 / 白 #FFF + 单一强调色 ｜ 200–250ms 微妙悬停、清晰字阶、几乎无阴影 ｜ 企业应用、仪表盘、文档站、SaaS ｜ 1950s 瑞士 · 低 ### 2. 新拟态 · Neumorphism 柔性 UI、凸/凹浮雕、单色微立体 ｜ 浅粉/浅蓝/浅灰柔和色 ｜ 多层柔和阴影（内+外）、150ms 按压 ｜ 健康/冥想/健身、低交互界面 ｜ 2020s · 中（低对比需谨慎） ### 3. 玻璃拟态 · Glassmorphism 磨砂玻璃、半透明、背景模糊分层 ｜ 半透白 rgba + 鲜艳背景（电蓝/霓虹紫） ｜ backdrop-filter 10–20px、1px 亮边、光反射 ｜ 现代 SaaS、金融看板、弹层导航 ｜ 2020s · 中 ### 4. 野兽派 · Brutalism 生涩、未打磨、高对比、反设计 ｜ 纯三原色 + 黑白 ｜ 0 圆角、瞬时过渡、可见网格与粗边、700+ 字重 ｜ 设计作品集、编辑/媒体、科技博客 ｜ 1950s · 低 ### 5. 3D 与超写实 · 3D & Hyperrealism 纵深、真实材质、空间导航、沉浸 ｜ 深藏青/森绿/勃艮第 + 金银 ｜ WebGL/Three.js、物理光照、3–5 层视差 ｜ 游戏、产品展示、高端电商、VR/AR ｜ 2020s · 高（性能差） ### 6. 高饱和分块 · Vibrant & Block-based 大胆、活力、几何分块、双色调 ｜ 霓虹绿/电紫/亮青/桃橙 ｜ 48px+ 大间距、动态图案、滚动吸附 ｜ 初创、创意机构、游戏、年轻向 ｜ 2020s · 中 ### 7. 深色模式（OLED） · Dark Mode (OLED) 深黑、护眼、省电、高对比 ｜ 纯黑 #000 / #121212 + 霓虹强调 ｜ 极少辉光、低白光输出、可见焦点 ｜ 夜间应用、编程平台、OLED 设备 ｜ 2020s · 低 ### 8. 无障碍与伦理设计 · Accessible & Ethical 高对比、大字、键盘可达、WCAG ｜ AA/AAA（≥7:1） ｜ 3–4px 焦点环、ARIA、跳转链接、44×44 触点 ｜ 政务、医疗、教育、公共产品 ｜ 通用 · 低 ### 9. 黏土拟态 · Claymorphism 柔软 3D、厚实、玩具感、圆润 ｜ 柔粉/婴儿蓝/薄荷/淡紫 ｜ 内+外双阴影、3–4px 厚边、16–24px 圆角、软弹动 ｜ 教育/儿童应用、创意工具、引导页 ｜ 2020s · 中 ### 10. 极光 UI · Aurora UI 鲜艳渐变、极光效果、网格渐变、氤氲 ｜ 互补色（蓝橙/紫黄）+ 电蓝/品红/青 ｜ 大面积流动渐变、8–12s 动画、虹彩 ｜ 现代 SaaS、创意机构、音乐/生活方式 ｜ 2020s · 中 ### 11. 复古未来主义 · Retro-Futurism 复古科幻、80 年代、霓虹辉光、CRT 扫描线 ｜ 霓虹蓝/热粉/青 + 深黑 ｜ 扫描线、霓虹辉光、故障效果 ｜ 游戏、娱乐、音乐、赛博朋克 ｜ 1980s · 中 ### 12. 扁平化设计 · Flat Design 2D、极简、纯色、无阴影、图标化 ｜ 4–6 种明亮纯色 ｜ 无渐变/阴影、150–200ms 色彩/透明度切换 ｜ Web/移动应用、跨平台、SaaS ｜ 2010s · 低 ### 13. 拟物化 · Skeuomorphism 写实、材质纹理、真实世界隐喻 ｜ 木/皮/金属色、8–12 段渐变 ｜ 写实多层阴影、纹理叠加、300–500ms ｜ 传统应用、游戏、奢华产品 ｜ 2007–2012 iOS · 高 ### 14. 液态玻璃 · Liquid Glass 流动玻璃、形变、虹彩、色像差 ｜ 虹彩全光谱 + 半透明基底 ｜ SVG 形变、400–600ms、动态模糊、全息 ｜ 高端 SaaS/电商、创意平台、奢华作品集 ｜ 2020s · 高 ### 15. 动效驱动 · Motion-Driven 动画密集、微交互、滚动效果、视差 ｜ 大胆高对比动态色 ｜ Intersection Observer 滚动、300–400ms、入场/转场 ｜ 作品集、叙事平台、互动体验 ｜ 2020s · 高 ### 16. 微交互 · Micro-interactions 小动画、手势、触觉反馈、情境化 ｜ 微妙色移 + 成功/错误/警示反馈色 ｜ 50–100ms 悬停、加载态、手势触发 ｜ 移动应用、触屏、效率工具 ｜ 2020s · 中 ### 17. 包容性设计 · Inclusive Design 无障碍、色盲友好、触觉/语音、WCAG AAA ｜ ≥7:1、避免红绿单靠、符号标识 ｜ 触觉反馈、语音引导、4px+ 焦点环 ｜ 公共服务、教育、医疗、金融 ｜ 通用 · 低 ### 18. 零界面 · Zero Interface 最少可见 UI、语音优先、手势、AI 驱动 ｜ 中性背景（柔白/浅灰/暖白） ｜ 语音识别、手势检测、渐进披露 ｜ 语音助手、AI 平台、智能家居 ｜ 2020s AI · 低 ### 19. 进化柔性 UI · Soft UI Evolution 进化版新拟态、更高对比、现代 ｜ 高对比柔和粉彩 ｜ 更柔阴影、200–300ms、可见焦点、WCAG AA+ ｜ 现代企业应用、SaaS、健康 ｜ 2020s · 中 ### 38. 新野兽派 · Neubrutalism 粗黑边、纯色、硬阴影、Z 世代 ｜ 黄/红/蓝 + 黑边 ｜ `4px 4px 0 #000` 硬阴影、3px 黑边、无渐变 ｜ Z 世代品牌、初创、Figma/Notion 风 ｜ 2020s · 低 ### 39. 便当盒网格 · Bento Box Grid 模块化卡片、不对称网格、Apple 风 ｜ 中性底 + 品牌强调 ｜ 不等 span、16–24px 圆角、柔和阴影、1.02 悬停 ｜ 仪表盘、产品页、作品集 ｜ 2020s Apple · 低 ### 40. Y2K 千禧美学 · Y2K Aesthetic 霓虹粉、铬金属、泡泡糖、虹彩光泽 ｜ 热粉/青/银/紫 ｜ 金属渐变、光泽按钮、3D 铬质、辉光 ｜ 时尚、音乐、Z 世代、怀旧营销 ｜ Y2K 2000s · 中 ### 41. 赛博朋克 UI · Cyberpunk UI 霓虹、深色、终端、HUD、故障 ｜ 矩阵绿/品红/青 + 深黑 ｜ 霓虹辉光、故障、扫描线、等宽字 ｜ 游戏、科技、加密、开发者工具 ｜ 2020s · 中 ### 42. 有机亲生物 · Organic Biophilic 自然、有机形、绿色、可持续、圆润 ｜ 森绿/土棕/天蓝/米色 ｜ 16–24px 圆角、有机曲线、自然阴影、流动 SVG ｜ 健康、可持续、生态、冥想 ｜ 2020s · 低 ### 43. AI 原生 UI · AI-Native UI 对话式、语音、助手、极简外壳、流式文本 ｜ 中性 + AI 紫 #6366F1 ｜ 打字指示（三点脉冲）、流式文本、上下文卡 ｜ AI 产品、聊天机器人、Copilot ｜ 2020s AI · 低 ### 44. 孟菲斯设计 · Memphis Design 80s、几何、玩味、后现代、图案 ｜ 热粉/黄/青/蓝紫 ｜ rotate/clip-path、混合模式、重复图案 ｜ 创意机构、音乐、青年品牌、活动 ｜ 1980s · 中 ### 45. 蒸汽波 · Vaporwave 合成波、复古未来、霓虹、日落渐变、梦幻 ｜ 粉/青/薄荷/紫 ｜ 辉光、hue-rotate、故障、复古扫描线 ｜ 音乐、游戏、创意作品集 ｜ 1980s–90s · 中 ### 46. 维度分层 · Dimensional Layering 纵深、层叠、z-index、悬浮卡片 ｜ 中性底 + 品牌强调 ｜ 四级阴影海拔、translateZ、backdrop-filter、视差 ｜ 仪表盘、卡片布局、弹层、导航 ｜ 2020s · 中 ### 47. 夸张极简 · Exaggerated Minimalism 超大字、高对比、留白、声明式 ｜ 黑/白 + 单一鲜艳强调 ｜ `clamp(3rem,10vw,12rem)`、900 字重、负字距 ｜ 时尚、建筑、作品集、奢华 ｜ 2020s · 低 ### 48. 动态排版 · Kinetic Typography 文字动效、逐字动画、打字、形变 ｜ 高对比 + 强调色 ｜ 文字关键帧、background-clip、GSAP 拆字 ｜ Hero、营销站、叙事、作品集 ｜ 2020s · 高 ### 49. 视差叙事 · Parallax Storytelling 滚动驱动、分层滚动、沉浸、电影感 ｜ 依剧情、常渐变自然色 ｜ 固定/吸附、translateY(scroll)、3–5 层视差 ｜ 品牌叙事、产品发布、年报 ｜ 2020s · 高 ### 50. 瑞士现代主义 2.0 · Swiss Modernism 2.0 网格系统、Helvetica、模块化、数学间距 ｜ 黑/白/浅灰 + 单一鲜艳 ｜ 12 栏网格、数学比例、清晰层级 ｜ 企业站、建筑、编辑、博物馆 ｜ 1950s+2020s · 低 ### 51. HUD 科幻界面 · HUD / Sci-Fi FUI 未来、技术、线框、透明、钢铁侠感 ｜ 霓虹青/全息蓝 + 透明黑 ｜ 辉光、扫描动画、跑马灯、细线绘制 ｜ 科幻游戏、太空科技、网安 ｜ 2010s · 高 ### 52. 像素艺术 · Pixel Art 复古、8/16 位、游戏、方块、怀旧 ｜ NES 调色板、纯色限量 ｜ 逐帧精灵动画、闪烁光标、瞬时切换 ｜ 独立游戏、复古工具、Web3/NFT ｜ 1980s · 中 ### 53. 便当网格 · Bento Grids Apple 风、模块化、层级清晰、圆润 ｜ 灰白 #F5F5F7 / 白 ｜ 1.02 悬停、柔和阴影扩散、内容揭示 ｜ 产品特性、仪表盘、个人站、图库 ｜ 2020s Apple/Linear · 低 ### 55. 空间 UI（VisionOS） · Spatial UI 玻璃、纵深、沉浸、注视、手势、Apple ｜ 磨砂玻璃白（15–30% 透明） ｜ blur(40px) saturate(180%)、视差纵深、注视悬停 ｜ 空间计算、VR/AR、沉浸媒体 ｜ 2024 空间时代 · 高 ### 56. 电子墨水/纸感 · E-Ink / Paper 纸感、哑光、高对比、阅读、慢科技 ｜ 米白 #FDFBF7 / 墨黑 ｜ 无动效、清晰翻页、颗粒纹理、锐利过渡 ｜ 阅读应用、数字报、无干扰写作 ｜ 2020s 数字健康 · 低 ### 57. Z 世代混沌/极繁主义 · Gen Z Chaos / Maximalism 混沌、拼贴、贴纸、生涩、网络文化 ｜ 冲突亮色（品红/绿/黄/蓝） ｜ 跑马灯、抖动、贴纸叠层、随机摆放 ｜ Z 世代生活方式、音乐人、病毒营销 ｜ 2023+ · 高 ### 58. 仿生/有机 2.0 · Biomimetic / Organic 2.0 自然启发、细胞、流体、呼吸、生成 ｜ 细胞粉/叶绿/生物荧光蓝 ｜ 呼吸动画、流体形变、生成生长、物理运动 ｜ 可持续科技、生物科技、冥想、生成艺术 ｜ 2024+ · 高 ### 59. 反精致/生涩美学 · Anti-Polish / Raw Aesthetic 手绘、拼贴、扫描纹理、未完成、真实 ｜ 纸白/铅灰/牛皮棕 ｜ 无平滑过渡、手绘动画、纸纹叠加、抖动 ｜ 创意作品集、艺术家站、独立品牌 ｜ 2025+ · 低 ### 60. 触感数字/可形变 UI · Tactile Digital / Deformable UI 果冻按钮、铬、黏土、挤压、弹性 ｜ 金属渐变/铬银/果冻粉 ｜ 按压形变（缩放+挤压）、回弹、弹簧物理 ｜ 现代移动应用、玩味品牌、游戏 UI ｜ 2025+ · 中 ### 61. 自然提纯 · Nature Distilled 柔和大地色、木/土/砂、赤陶、温暖 ｜ 赤陶/砂米/暖陶/奶油 ｜ 微视差、自然缓动、纹理叠加、颗粒、柔阴影 ｜ 健康、可持续、手工、有机食品、水疗 ｜ 2025+ · 低 ### 62. 交互光标设计 · Interactive Cursor Design 自定义光标、光标即工具、磁吸、拖尾 ｜ 依品牌、高对比光标色 ｜ 光标悬停缩放、磁吸、变形、拖尾、混合模式 ｜ 创意作品集、互动体验、机构站 ｜ 2025+ · 中 ### 63. 语音优先多模态 · Voice-First Multimodal 语音 UI、多模态、音频反馈、免手 ｜ 冷静中性（柔白/柔蓝/柔紫） ｜ 声波可视化、聆听脉冲、处理转圈、说话动画 ｜ 语音助手、无障碍、智能家居、车载 ｜ 2025+ · 中 ### 64. 3D 产品预览 · 3D Product Preview 360 旋转、可缩放、触控旋转、AR、配置器 ｜ 依产品、中性灰/白底 ｜ 拖拽旋转、捏合缩放、AR 放置、材质切换、轨道控制 ｜ 电商、家具、时尚、汽车、珠宝 ｜ 2025+ · 高 ### 65. 网格渐变/极光进化 · Gradient Mesh / Aurora Evolved 复杂渐变、多色融合、虹彩、全息、棱镜 ｜ 多段（青/品红/黄/蓝/绿） ｜ 网格渐变、流动、hue-rotate 微光、混合模式 ｜ Hero、背景、创意品牌、音乐 ｜ 2025+ · 中 ### 66. 编辑网格/杂志 · Editorial Grid / Magazine 杂志布局、不对称网格、拉引语、首字下沉 ｜ 高对比黑白 + 品牌强调 ｜ 平滑滚动、滚动揭示、视差图、翻页转场 ｜ 新闻、博客、杂志、长文、出版 ｜ 2020s · 低 ### 67. 色差/RGB 分离 · Chromatic Aberration / RGB Split RGB 分离、色边、故障、复古科技、VHS ｜ 偏移 RGB（红/绿/蓝）+ 黑 ｜ RGB 偏移动画、故障、扫描线移动、噪点闪烁 ｜ 音乐、游戏、科技、创意作品集 ｜ 2020s · 中 ### 68. 复古胶片 · Vintage Analog / Retro Film 胶片颗粒、VHS、宝丽来、褪色、漏光 ｜ 褪色奶油/暖褐/柔粉 ｜ 胶片颗粒、VHS 抖动、宝丽来晃动、漏光 ｜ 摄影作品集、黑胶/音乐、复古时尚、影业 ｜ 1970s–90s · 中 --- ## 二、Landing Page 落地页（8 种） ### 20. 主视觉优先 · Hero-Centric Design 超大 Hero、有力标题、高对比 CTA、产品展示 ｜ 品牌主色 + 浅底 + CTA 强调 ｜ 滚动揭示、Hero 淡入、背景视差、CTA 发光脉冲 ｜ SaaS 落地、产品发布、B2B ｜ 2020s · 中 ### 21. 转化优化 · Conversion-Optimized 表单聚焦、单一 CTA、紧迫感、信任信号 ｜ 品牌主色 + 高对比浅底 + 紧迫色 ｜ CTA 悬停、字段聚焦动画、加载转圈、成功反馈 ｜ 电商、免费试用、获客、定价页 ｜ 2020s · 中 ### 22. 功能富展示 · Feature-Rich Showcase 多功能区、网格、收益卡片、问题-方案对 ｜ 品牌 + 明亮功能卡色 ｜ 卡片悬停抬升、图标滚动动画、区块转场 ｜ 企业 SaaS、软件工具、B2B ｜ 2020s · 中 ### 23. 极简直达 · Minimal & Direct 极少文字、大量留白、单列、直接 ｜ 单色主 + 白底 + 单一 CTA ｜ 极微悬停、极少动画、快加载、平滑滚动 ｜ 简单服务页、独立产品、咨询、微 SaaS ｜ 2020s · 中 ### 24. 社会认同导向 · Social Proof-Focused 证言突出、客户 Logo、案例、评分、指标 ｜ 品牌 + 信任蓝 + 成长绿 ｜ 证言轮播、Logo 淡入、数字滚动、星级 ｜ B2B SaaS、专业服务、成熟品牌 ｜ 2020s · 中 ### 25. 交互式产品演示 · Interactive Product Demo 嵌入产品原型/视频、走查、悬停揭示 ｜ 品牌 + 界面色 + 演示高亮 ｜ 产品动画回放、步骤推进、悬停揭示、缩放 ｜ SaaS、工具软件、开发者工具 ｜ 2020s · 中 ### 26. 信任与权威 · Trust & Authority 证书徽章、专家资历、案例指标、安全徽章 ｜ 专业蓝灰 + 金/银证书色 ｜ 徽章悬停、指标脉冲、证书轮播、数据揭示 ｜ 医疗、金融、企业软件、法务 ｜ 2020s · 中 ### 27. 叙事驱动 · Storytelling-Driven 叙事流、视觉推进、区块转场、情感文案 ｜ 品牌 + 温暖情感色、分区配色 ｜ 区块间动画、滚动揭示、形变转场、视差叙事 ｜ 品牌故事、使命型产品、生活方式 ｜ 2020s · 中 --- ## 三、BI/Analytics 数据看板（10 种） ### 28. 高密度数据看板 · Data-Dense Dashboard 多图表/组件、数据表、KPI 卡、最小内边距 ｜ 中性底 + 数据色（蓝/绿/红） ｜ 悬停提示、点击缩放、行高亮、筛选动画 ｜ 商业智能、财务分析、企业报表 ｜ 2020s · 中 ### 29. 热力图风格 · Heat Map & Heatmap Style 色码网格/矩阵、数据强度、地理热图 ｜ 冷（蓝）→热（红）渐变 ｜ 渐变过渡、单元高亮、提示揭示、平滑色变 ｜ 地理分析、绩效矩阵、相关性分析 ｜ 2020s · 中 ### 30. 高管看板 · Executive Dashboard 高层 KPI、大关键指标、概览、趋势指示 ｜ 品牌 + 专业蓝灰 + 红警示 ｜ 数字滚动、趋势箭头、卡片抬升、警示脉冲 ｜ C 级看板、业务摘要、战略规划 ｜ 2020s · 中 ### 31. 实时监控 · Real-Time Monitoring 实时更新、状态指示、告警、流式图表 ｜ 危急红/警橙/正常绿/更新蓝 ｜ 实时图表动画、告警脉冲、状态闪烁、流式更新 ｜ 系统/DevOps 监控、股市、直播追踪 ｜ 2020s · 中 ### 32. 下钻分析 · Drill-Down Analytics 层级探索、可展开、下钻路径、上下文保留 ｜ 品牌 + 面包屑色 + 层级色 ｜ 下钻展开动画、面包屑转场、详情揭示 ｜ 销售/产品分析、漏斗、多维探索 ｜ 2020s · 中 ### 33. 对比分析看板 · Comparative Analysis Dashboard 并排对比、同比环比、A/B、区域对比 ｜ 主蓝 + 对比橙紫 + 增减绿红 ｜ 对比条增长、增减箭头、对比高亮 ｜ 同环比报表、A/B 测试、竞品分析 ｜ 2020s · 中 ### 34. 预测分析 · Predictive Analytics 预测线、置信区间、趋势外推、异常检测 ｜ 预测色 + 置信阴影 + 异常红 ｜ 预测线绘制、置信带淡入、异常脉冲 ｜ 预测看板、异常检测、AI 分析、预算 ｜ 2020s · 中 ### 35. 用户行为分析 · User Behavior Analytics 漏斗、用户流图、转化追踪、旅程映射 ｜ 高参与绿/流失红/转化蓝 ｜ 漏斗填充、流图连线、转化脉冲、参与条 ｜ 转化漏斗、用户旅程、留存追踪 ｜ 2020s · 中 ### 36. 财务看板 · Financial Dashboard 营收、盈亏、预算、财务比率、现金流 ｜ 利润绿/亏损红/信任藏蓝 ｜ 数字滚动、趋势指示、百分比动画、盈亏变色 ｜ 财务报表、会计、组合追踪、银行 ｜ 2020s · 中 ### 37. 销售智能看板 · Sales Intelligence Dashboard 交易管线、销售指标、战报榜、赢单分析 ｜ 赢绿/输红/进行蓝 + 配额金 ｜ 交易移动、指标更新、排名变化、仪表指针 ｜ CRM、销售管理、机会追踪、配额规划 ｜ 2020s · 中 --- ## 四、Mobile 移动端（17 种） ### 69. 包豪斯 · Bauhaus 几何、构成主义、三原色、硬阴影、机械感 ｜ 原红/原蓝/原黄 + 米白底/黑 ｜ `4px 4px 0` 硬阴影、机械按压、点阵、瞬时过渡 ｜ 强个性移动应用、引导、设计品牌 ｜ 1919 包豪斯 · 中 ### 70. 极简黑白 · Minimalist Monochrome 黑白、编辑、排版、零圆角、高对比 ｜ 纯黑 / 纯白 ｜ 瞬时反色按压、无阴影、4px 黑分隔线、纸噪 ｜ 奢华时尚电商、编辑刊物、高端作品集 ｜ 2020s · 中 ### 71. 现代深色（影院移动端） · Modern Dark (Cinema Mobile) 深色、电影感、氛围光、玻璃拟态、辉光 ｜ 深 #020203 + 靛蓝 #5E6AD2 ｜ Expo.out 缓动、弹簧弹层、氛围光斑、BlurView 玻璃 ｜ 开发者工具、专业效率、金融、流媒体 ｜ 2020s · 高 ### 72. SaaS 移动端（高科技精品） · SaaS Mobile SaaS、电蓝、渐变、金融科技、弹簧动画 ｜ 电蓝 #0052FF→#4D7CFF ｜ 弹簧动画、渐变按钮、玻璃导航、错落淡入、脉冲点 ｜ B2B SaaS、金融科技、开发者伴侣、分析 ｜ 2020s · 中 ### 73. 终端命令行（移动端） · Terminal CLI 终端、CLI、矩阵绿、等宽、黑客、ASCII ｜ 矩阵绿 #33FF00 + OLED 黑 ｜ 闪烁光标、打字揭示、扫描线、启动序列、反色按压 ｜ 开发者工具、Web3、极客、ARG 游戏、安全 ｜ 复古未来 · 中 ### 74. 动态野兽派（移动端） · Kinetic Brutalism 动态、野兽派、跑马灯、酸性黄、大写巨字 ｜ 酸性黄 #DFE104 + 富黑 ｜ 无限跑马灯、Hero 视差、卡片反色泛滥、触觉 ｜ 沉浸叙事、品牌旗舰、音乐文化、运动 ｜ 2020s · 高 ### 75. 扁平移动端（触控优先） · Flat Design Mobile 扁平、2D、无阴影、色块、几何、触控优先 ｜ 蓝 #3B82F6 + 翠绿 #10B981 ｜ 即时按压（0.97 缩放）、色块分区、纯色图标容器 ｜ 跨平台应用、信息密集、系统 UI、引导 ｜ 2010s–2020s · 低 ### 76. Material You（MD3 移动端） · Material You MD3、色调表面、胶囊、柔曲、状态层 ｜ 靛紫 #6750A4 + 次级容器 #E8DEF8 ｜ 色调海拔、胶囊按钮、强调缓动、状态层叠加、FAB ｜ 安卓生态、跨平台效率、MD3 后台 ｜ Material Design 3 · 中 ### 77. 新野兽派（移动端） · Neo Brutalism 新野兽派、波普、贴纸、粗边、奶油底 ｜ 奶油 #FFFDF5 + 热红/亮黄/柔紫 ｜ 4px 黑边、硬偏移阴影、机械按压、卡片微旋 ｜ 创意工具、协作、Z 世代营销/电商 ｜ 2020s · 高 ### 78. 粗体排版（移动海报） · Bold Typography 粗体排版、编辑、海报、朱红、负空间 ｜ 近黑 #0A0A0A + 暖白 + 朱红 #FF3D00 ｜ 48–72px 巨标题、紧字距、下划线 CTA、瞬时过渡 ｜ 创意品牌 Hero、阅读、展览、编辑 ｜ 2020s · 中 ### 79. 学院派（移动端） · Academia 学院、图书馆、桃花心木、羊皮纸、黄铜 ｜ 桃花心木 #1C1714 + 黄铜 #C9A962 ｜ 拱顶图像、暗角叠加、首字下沉、罗马数字、慢缓动 ｜ 知识管理、深度阅读、仪式感个人品牌、RPG ｜ 永恒学术 · 高 ### 80. 赛博朋克移动 HUD · Cyberpunk Mobile HUD 赛博朋克、霓虹、故障、斜切角、Orbitron ｜ 虚空 #0A0A0F + 霓虹绿/品红/青 ｜ 斜切角、扫描线、CRT 闪烁、故障动画、HUD 角标 ｜ 游戏看板、加密、科幻伴侣、监控 HUD ｜ 赛博黑色 · 高 ### 81. 比特币 DeFi（移动端） · Bitcoin DeFi Web3、比特币、DeFi、数字黄金、玻璃拟态 ｜ 比特橙 #F7931A / 数字金 #FFD600 + 虚空黑 ｜ 橙金渐变、发光胶囊、玻璃导航、等宽数据、账本时间线 ｜ DeFi 看板、钱包、NFT 市场、Web3 社交 ｜ 金融科技/Web3 · 高 ### 82. 黏土拟态（移动端） · Claymorphism 黏土、3D、软糯、糖果、玩味、圆润 ｜ 亮紫 #7C3AED / 热粉 #DB2777 + 冷紫白底 ｜ 多层阴影栈、渐变按钮、40–50px 圆角、弹簧挤压、漂浮球 ｜ 儿童教育、青少年社交、加密游戏化、创意 ｜ 消费/教育 · 高 ### 83. 企业级 SaaS（移动端） · Enterprise SaaS 企业、SaaS、B2B、靛蓝、渐变、专业可信 ｜ 靛蓝 #4F46E5 / 紫 #7C3AED + Slate 底 ｜ 靛紫渐变 CTA、彩色卡阴影、浮动标签输入、骨架加载、底部抽屉 ｜ B2B 后台、效率工具、政务金融、企业看板 ｜ 企业/SaaS · 高 ### 84. 手绘草图（移动端） · Sketch Hand-Drawn 手绘、手写、歪扭、不完美、纸感、便利贴 ｜ 红马克笔 #FF4D4D / 铅笔黑 + 暖纸底 ｜ 歪扭圆角、硬偏移阴影、微旋、SVG 涂鸦/胶带、错误抖动 ｜ 低保真原型、创意品牌、儿童/绘本、日记 ｜ 创意/教育 · 中 ### 85. 新拟态（移动端） · Neumorphism 新拟态、柔性 UI、双阴影、挤出、内嵌、陶瓷感 ｜ 强调紫 #6C63FF + 黏土底 #E0E5EC ｜ 双层阴影（亮+暗）、凸起静置、凹陷输入、0.97 按压、触觉 ｜ 极简硬件控制、智能家居、健康监测 ｜ 工具/生活方式 · 中 --- ## 使用建议 1. **选型**：先按 `类别` 缩小范围（做落地页看 20–27，做看板看 28–37，做 App 看 69–85，其余通用）。 2. **保真**：每种风格的「标志效果/动效」是灵魂，换色不换效果 = 走味。详见 `_build-spec.md` 与 CSV 的 `Effects & Animation` / `Implementation Checklist` 列。 3. **可访问性红线**：新拟态、玻璃拟态、赛博朋克等低对比风格务必单独校验文字对比度（≥4.5:1）。 4. **预览**：浏览器直接打开 `./index.html` 进入画廊，点击任意卡片查看该风格演示页。