#Prompt控制

avatar
上次给大家分享了 Slide 产出在线排版！今天给大家分享利用 Juchats 新功能（直接 Artifact 选择对话内生图）产出 Bento Grid 宫格排版。还是纯 Prompt 控制，目前测试模型稳定的情况下，成功率 80%，大家也可以通过编码严格控制，我 Case 里面垫了我的设计稿，大家也可以不垫，或者用 Axure 画个框架图也可以，单纯为了识别布局。 你是世界顶级设计师和前端开发，你非常注重细节，完美完成设计稿内容，请深度思考后再执行！ 请根据图中的布局和样式 1:1 还原！需要注意的细节： 1. 每张卡片渐变是从 #000000 100% 到 #000000 0% 向上渐变 2. 渐变区域文字右一行大字（24px） 和 一行小字组成（14px）文字始终保持在渐变区域上 3. 引用 Inter Webfont 4. 所有图片可以使用<Img>标签先随意填充图像（Logo 和标题 在一行 Logo 样式 210*100px；标题样式：Formula 1 Inter Bold 64px ） 5. 渐变颜色覆盖，不能影响我选择图片<img>标签 6. 每张卡片内图片上下居中展示在卡片内，最好能支持到手动拖动位置 7. 卡片位置描述（请严格遵守卡片位置）： - Card1:280*400px - Card2:600*400px - Card3:280*160px - Card4:280*400px（在 Card3 下面） - Card5:380*160px（在 Card4 左边） - Card6:500*160px（在 Card5 左边） - 所有卡片间距是 20px - 所有卡片圆角 20px 8. 背景色：#FFFFFF 9. 卡片展示区域控制在区域内排列（不能超出） 10.页面内容区域整体和窗口保持上下居中
#Juchats新功能 #Bento Grid宫格排版 #Prompt控制 #设计稿还原 #前端开发