之前看OpenAI发布会，给个草图能设计个网站。

今天试了一下，给ChatGpt一个封面的设计草图，让ChatGpt编程实现一个拼图封面。

需求如下：

1. 上传四张图片
2. 图片按草图排列成不同的布局，每一种布局是一个封面。下面草图的布局都是我用小红书爆款封面总结出来的几种排列方式。

最终成品：

跟ChatGpt对话过程：

1、先给ChatGpt设计草图，让ChatGpt看图识别。

2、根据ChatGpt读图的描述结果，给ChatGpt提示，纠正错误的地方，并让它重新描述。

3、确认ChatGpt纠正后的描述，没问题的话就让它生成代码。

4、我确认描述没问题后，就让它实现代码，它就巴拉巴拉丝滑的生成了。如下长图

5、把生成的代码复制到文本编辑器里，并命名为4-1.html，注意后缀为html，然后看一下效果。

每种布局都测试了一下，布局基本都对，就是太丑了。接下来让ChatGpt美化一下。

6、上传刚才的4-1.html文件，让ChatGpt美化页面，并实现上传图片预览功能。

7、最后看一下美化后的效果。

布局一：

布局二：

布局三：

布局四：

结语：

这个例子算是抛砖引玉吧，其实这个可以做成应用，根据上传的照片张数，动态生成不同排列布局的封面。

感兴趣的同学，可以用这个方法试一下。