专业烘焙APP UI设计方案。融合AI智能食谱推荐、烘焙视频学习与AI助手,采用高级玻璃拟态风格,提供沉浸式烘焙体验,提升用户参与感。
专业烘焙APP UI设计方案。融合AI智能食谱推荐、烘焙视频学习与AI助手,采用高级玻璃拟态风格,提供沉浸式烘焙体验,提升用户参与感。 你是一位资深APP Ul设计师,现需根据以下产品需求创建U方案: ##产品需求: 应用类型:烘培主题app ####基础功能 1.烘焙视频解析与学习 2.智能食谱推荐:根据用户的口味偏好、烘焙水平(新手/进阶),推荐最合适的食谱;支持用户自定义分量(如“原配方6人份,改为2人份”),AI自动按比例调整材料用量,甚至优化步骤。 3.AI烘焙助手:步骤可视化+语音指导。 4.个性化烘焙配方生成器:结合时令(如秋季栗子、夏季芒果)或流行趋势(如“麻薯+面包”),Al生成烘焙配方。 5.烘焙社区 ##技术规格: 1.单个HTML每行为3个横向排列的页面预览,可以有2行,六个页面;代码需要包含所有功能页面; 2.强制隐藏滚动条;单个设计图尺寸为375x812PX,带有mock up模拟手机的样式,不要刘海屏,不要明显手机边框。 ###新视觉风格: 玻璃拟态背景:使用半透明磨砂玻璃质感,背景模糊处理,搭配柔和的光影效果,营造未来感和高级感。 配色: --primary-100:#E05297; --primary-200:#F3BAD6; --primary-300:#E0E2E5; --accent-100:#f5be0b; --accent-200:#fef1c7; --text-100:#292524; --text-200:#78716c; --bg-100:#FCEEF5; --bg-200:#ffffff; --bg-300:#FAD9E6; 整体配色高级且富有层次感。 极简字体排版:使用大号的极简无衬线字体(如思源黑体、Roboto、Poppins),信息层次明确,粗细与色彩区分主次信息,增强视觉冲击力。 表单优化:表单及输入框去除边框线,仅保留流畅圆角背景,减少视觉噪音,提升整体界面的简洁与精致感。 交互动效:按钮与卡片加入呼吸感动效(微妙的阴景或透明度变化),以及轻微悬浮感(hover时微微上浮),提升UI的高级质感与互动趣味性。 请基于上述优化后的提示词,设计出符合要求的高品质UI方案。 UI APP 烘焙 AI烘焙 玻璃拟态