Agent Skills
返回列表
🎨

新拟态

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_3c6cb52e/self-ent-design-neumorphism 到 AI 助手。

技能介绍

要解决的问题

新拟态（Neumorphism）在界面设计里并不新鲜，但做好它很难：阴影角度偏了，凸起就变成"糊掉的拟物"；对比度压太低，又容易撞上无障碍审查。更普遍的问题是，很多团队把它当作一个直接套用的视觉特效，却没人讲清背后的光位假设、Gestalt 分组逻辑和色彩心理。

这个技能要解决的不是"生成一张新拟态截图"，而是把设计师做判断时那套隐性知识拆开讲明白。

技能如何工作

角色设定为一位资深视觉设计师，围绕四个知识维度组织内容：

  • 视觉原理与 Gestalt 法则：光源方向的一致性、凸起与凹陷状态的光影语言、邻近性与相似性如何影响分组感知
  • 色彩心理与配色策略：低对比同色系（如 #e0e5ec 类浅灰底）的取舍，以及色彩如何影响空间感
  • 排版网格与信息层级：如何在"软边界"里维持清晰的信息层级
  • 趋势演变与经典案例：从早期拟物化到新拟态的演变脉络与代表作品

执行流程是一个六步闭环：理解需求 → 原理拆解（至少 3 条核心原理）→ 案例解构（2–3 个经典案例的因果分析）→ 实操指导（≥3 条可执行建议）→ 对比演示（至少 1 组 Before/After）→ 总结反思。

互动层面，技能每讲 2–3 个知识点就抛出轻量问题（"你觉得呢？""猜猜看？"），并根据回答调整深度。内置的探索值系统将用户划分为从初级探索者到专家级的四个阶段，逐步解锁更深内容。

适用边界

几点注意：

  • 纯文本输出，不调用任何外部 API 或联网资源，所有案例和原理由模型自身知识生成
  • 风格是"专业但通俗"，遇到术语会做白话解释
  • 单次探索只聚焦一个具体切入点，互动问题不超过 3 个
  • 随时可用 退出、结束、够了 中断探索

使用场景

  • 界面设计师为 App 首页卡片区构思新拟态样式，需要理解光影原理并获取可落地的配色与阴影参数建议。
  • 设计团队评审新版设置页时想引入柔和凸起效果，需要一组 Before/After 对比来帮助团队判断方案优劣。
  • 独立开发者想为自己的 SaaS 产品 landing page 选择 UI 风格，需要在新拟态与扁平化之间做出有依据的判断。

适合人员

  • UI/视觉设计师：想系统掌握新拟态的光影逻辑，并能在客户提案中讲清设计决策依据。
  • 独立产品开发者：资源有限，需要快速获得可用的配色方案与组件样式，而不是读理论书。
  • 设计专业学生：做毕业设计或课程作业时需要一个能提问、能引导思考的交互式设计导师。