IOS26风格的AI前端提示词

支持 手机端参考iOS 26 / 平板端参考iPadOS 26 / 电脑端参考macOS 26 三端自适应的现代 UI 系统。

设计风格:

  • Apple iOS 26 Liquid Glass Design System
  • 高通透玻璃拟态(Glassmorphism 2.0)
  • 多层空间深度 UI(layered depth system)
  • 柔和环境光 + 背景渐变

核心要求:

  1. 必须支持响应式三端适配:

    • iPhone:单列紧凑布局
    • iPad:双栏布局 + 卡片网格
    • Mac:三栏 dashboard 布局
  2. 视觉规范:

    • backdrop-blur: 20px~40px
    • 半透明玻璃卡片
    • 细边框 + 光感边缘
    • 圆角根据设备动态变化
    • 避免强阴影
  3. 交互设计:

    • hover:玻璃亮度提升
    • click:轻微压缩反馈
    • transition:200ms ease-out
    • 卡片浮动感
  4. 信息密度:

    • 手机:低密度
    • 平板:中密度
    • 桌面:高密度 dashboard
  5. 禁止:

    • flat design
    • 大色块 UI
    • Bootstrap / Ant Design 默认风格
    • 过度留白
相关推荐
小爬的老粉丝6 小时前
JavaScript 纯前端预览 WPS:先识别容器,再路由解析器
前端·javascript·wps
计算机魔术师6 小时前
新兴多智能体系统的模式与问题
前端
用户059540174467 小时前
AI Agent 上下文污染踩坑实录:用 pytest + Redis 揪出 3 类记忆串号 bug,排查 6 小时
前端·css
满栀5857 小时前
状态管理:Redux、Vuex、Pinia 核心区别
前端·javascript·typescript
一拳不是超人7 小时前
DeepSeek Harness 为什么敢说"一切皆插件"?拆透 Cordis 引擎的五大核心机制
前端·人工智能·agent
IT_陈寒8 小时前
Python的GIL让我多写了500行代码
前端·人工智能·后端
风骏时光牛马8 小时前
AI智能体能力调度微服务
前端
Eloudy9 小时前
ReAct 原理简介
前端·javascript·人工智能·react.js·agent·gpu
ZJU_统一阿萨姆10 小时前
【DSH】如何将 DeepSeek Harness 嵌入生产环境?万字解构 DeepSeek Agent Harness 的运行机制与安全边界
前端·javascript·安全
用户9210802628610 小时前
4. 前端地图大量点位实时更新优化:后端推增量,前端做 diff
前端