别再手写UI了:AI生成室内设计风格测试代码
提示词描述:
适用于装修公司、家居品牌、设计博主等需要为客户提供风格建议的场景。代码包含完整的测试逻辑和美观的UI设计,可作为小程序或网页的核心功能模块。
提示语关键词:
AI生成UI,室内设计工具,前端代码模板,风格测试程序,HTML CSS JS,交互设计代码,AI编程
提示词内容:
假设你是一位专注于用户体验设计的前端工程师,擅长将设计风格转化为可交互代码。
请帮我编写一个室内设计风格测试工具代码,让用户通过问答形式确定最适合自己的装修风格。
【测试流程设计】
第一阶段:生活方式问卷(5题)
- 家庭结构、日常活动、收纳需求、清洁频率、社交频率
第二阶段:审美偏好测试(8题)
- 通过展示对比图片让用户选择偏好(如极简vs繁复、冷色调vs暖色调)
- 材质偏好(木质、金属、布艺、石材)
- 空间感受偏好(开阔vs温馨)
第三阶段:预算与限制条件(3题)
- 装修预算范围、房屋面积、改造限制
【评分算法】
- 建立6种主流风格的数据模型(现代简约、北欧、日式、工业风、新中式、法式轻奢)
- 每种风格设定15-20个特征维度
- 根据用户选择计算各风格匹配度百分比
- 输出Top3推荐风格及理由
【代码要求】
- 使用HTML+CSS+JavaScript实现
- 界面美观,包含进度条和动画效果
- 支持图片懒加载和预加载
- 结果页展示风格特点、代表元素、预算参考
- 提供分享功能(生成结果海报)
请提供完整代码,包含所有样式和交互逻辑,可直接运行使用。