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 默认风格
    • 过度留白
相关推荐
东北甜妹2 小时前
Redis Cluster 部署
前端·javascript·bootstrap
魔士于安2 小时前
unity=>传送门特效 带自由视角旋转放大 鼠标操作
前端·游戏·unity·游戏引擎·贴图·模型
HoneyMoose2 小时前
Jenkins 构建 VUE 前端提示 pnpm 错误
前端·vue.js·jenkins
爱上好庆祝2 小时前
clip-path裁剪,css的滤镜,动画时间线,css的变量和函数
前端·css·学习·html·css3
IT_陈寒2 小时前
Vue这个响应式陷阱让我加了两天班
前端·人工智能·后端
专注VB编程开发20年2 小时前
双色交错棋盘格,vb6/vb.net ,c#
前端·图像处理
小李子呢02112 小时前
前端八股---axios封装
java·前端·javascript
zero15972 小时前
TypeScript 快速实战系列:核心进阶|接口(Interface) + 类型(Type):大模型开发神器
前端·typescript·大模型编程语言
万邦科技Lafite2 小时前
通过淘宝关键词API接口批量获取商品信息指南
java·前端·javascript