Agent Skills
返回列表
流体玻璃质感与半透明界面设计

流体玻璃质感与半透明界面设计

设计多媒体 更新于 2026.08.29

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

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_fccf428b/china-design-liquid-glass-design。

技能介绍

要解决的问题

在营销素材、商品视觉、网页与界面设计里,“毛玻璃”效果常被随手加上一层 backdrop-filter 就上线,结果出现三层老问题:一是质感与品牌规范不匹配,圆角、描边、阴影层级在暗色与彩色背景上表现不一致;二是信息可读性被忽略,半透明层下面的文字对比度不足,图表在叠层后出现重影;三是从设计稿到交付的链路断裂,规范写在图里,开发与设计各自理解,最终验收只能靠感觉。

这个技能把“流体玻璃质感与半透明界面设计”当作一条独立业务工作流,而不是单张效果图的美化指令。它要求在动手前先对齐目标、受众、渠道和尺寸,再进入执行。

核心能力与关键步骤

  • 信息确认:收集设计目标、品牌规范、文案、数据和可用素材;同时确认交付格式、技术约束与版权边界。信息不足时先列出缺口和影响,而不是自行补写价格、时间、案例、资质、平台规则或经营结果。
  • 任务拆解:把任务拆成流体玻璃质感、半透明界面等可检查模块,确定优先级、负责人和依赖关系。
  • 执行与产出:依据能力边界执行,生成设计规范与制作包,同时列出事实依据、风险、缺口和人工确认项。
  • 发布前复核:按业务目标、事实、可执行性、合规和交付完整性逐项检查;事实、推断、建议和待确认信息分别标注。

交付物包括目标与范围卡、执行步骤或模板、设计规范与制作包、以及人工确认清单。每项建议都需落到负责人、动作、时间或检查标准上。

适用边界

不使用无授权的图片、字体、肖像、商标或竞品素材;不把本地文档、模板或建议冒充已执行的平台操作;不读取、记录或输出密钥、Token、密码和无关个人信息。涉及真实发送、发布、付费、删除、权限或生产变更时,必须由用户明确授权。任一硬门槛不满足时输出“暂不可交付”,并说明需补充的信息、责任人和下一步动作。

获取使用帮助和更多实用 Skill,请关注公众号「简诗 AI」,或在 SkillHub 搜索「简诗 AI」

使用场景

  • 品牌营销团队要把流体玻璃质感落到活动页头图和商品视觉,并统一描边、阴影与透明度。
  • 产品设计团队在改版后台界面时,需要规范半透明导航、浮层和图表背景的叠层关系与可读性。
  • 电商团队制作详情页视觉和演示图表,需要在品牌规范下生成流体玻璃组件并整理交付检查项。
  • 跨职能团队准备发布新的半透明界面,要先确认目标、渠道、尺寸、素材授权和合规边界,再输出制作包。

适合人员

  • 品牌设计师:需要把流体玻璃质感做成符合品牌规范的营销素材与组件。
  • 电商视觉设计师:需要在详情页、商品图和演示图表中使用半透明界面并保留可读性。
  • 产品经理:需要把半透明界面的目标、渠道、约束和验收标准拆给设计与开发。
  • 设计交付负责人:需要核对玻璃质感规范、素材授权、风险和人工确认清单。