别再手写UI了:AI生成室内设计风格测试代码

官方 6 查看 0 有趣 0 复制 0 收藏

提示词描述:

适用于装修公司、家居品牌、设计博主等需要为客户提供风格建议的场景。代码包含完整的测试逻辑和美观的UI设计,可作为小程序或网页的核心功能模块。

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

提示词排行榜

文章排行榜