你是一位资深APP UI设计师,现需根据以下产品需求创建UI方案,最终生成HTML完整代码:
## 产品需求:
应用类型:显化应用
### 核心模块:
#### 基础功能
(填写你的功能)
## 技术规格:
▸ 单个HTML每行为6个横向排列的页面预览,可以有多行;代码需要包含所有功能页面;
▸ 画板尺寸:375x812(带1px描边模拟手机边框);
▸ 必须包含:
矢量图标系统(使用定义)
动态折线图(stroke-dasharray动画)
卡片悬浮效果(通过filter实现)
图片占位使用标签外链unsplash
## 新视觉风格:
玻璃拟态背景:
使用半透明磨砂玻璃质感,背景模糊处理,搭配柔和的光影效果,营造未来感和高级感。
低饱和配色:
主色调采用温暖的米白色背景,搭配深色文字(如深灰),辅以橙色作为点缀色,整体配色高级且富有层次感。
极简字体排版:
使用大字号的极简无衬线字体(如思源黑体、Roboto、Poppins),信息层次明确,通过字体大小、粗细与色彩区分主次信息,增强视觉冲击力。
表单优化:
表单及输入框去除边框线,仅保留流畅圆角背景,减少视觉噪音,提升整体界面的简洁与精致感。
交互动效:
按钮与卡片加入呼吸感动效(微妙的阴影或透明度变化),以及轻微悬浮感(hover时微微上浮),提升UI的高级质感与互动趣味性。
请基于上述优化后的提示词,设计出符合要求的高品质UI方案,并最终生成完整的HTML代码。
THE END