如何使用ChatGPT、MidJourney和Divi做网页设计  第1张

插入文本模块

接下来,我们要移到我们这一部分的第二列。在第一行,我们将添加两个文本模块。第一个模块将放置标题,第二个模块将放置我们的段落文案。这两个模块都是在ChatGPT中生成的。点击第一行内的灰色加号图标。然后,选择文本模块。这将是我们的文本模块,容纳我们的标题。

如何使用ChatGPT、MidJourney和Divi做网页设计  第2张

添加按钮模块

我们要在这一行添加一个按钮模块。要做到这一点,我们点击灰色的加号图标并选择按钮模块。

如何使用ChatGPT、MidJourney和Divi做网页设计  第3张

插入社交媒体关注模块

如果你仔细观察我们的人工智能生成的设计,你会看到图像下方的一些图标。我们将使用社交媒体关注模块,在我们的图像模块下添加一些社交媒体图标。

如何使用ChatGPT、MidJourney和Divi做网页设计  第4张

点击绿色复选标记,保存你的社交网络。现在,我们所有的模块都到位了,我们可以开始为我们的主页布局做造型了

对于我们教程的下一节,我们需要一些外部工具来帮助我们利用MidJourney生成的资产。虽然我们在Divi中使用ChatGPT和MidJourney,但这些并不是我们要使用的唯一软件。你将需要一个工具,让你从AI生成的图像中选择十六进制代码。你还将需要一个图像编辑器,从图像中裁剪出照片,用于我们的设计。我们还将使用谷歌字体来复制由MidJjourney创建的字体。

我用来做这件事的工具是:

最终, 使用任何你可以使用的工具。

上传你的图片

打开你选择的图像编辑器, 并从原始MidJourney图像中裁剪出焦点图像

如何使用ChatGPT、MidJourney和Divi做网页设计  第5张

接下来,让我们来设计我们的社交媒体图标。

社会媒体模块样式设置

首先,我们点击社会媒体图标模块的齿轮图标

如何使用ChatGPT、MidJourney和Divi做网页设计  第6张

为文本设置排版样式

在这个时候,我们已经为我们的模块设计了左边的样式。现在我们将转到右侧,从我们的标题文字模块开始。点击齿轮图标,我们就可以进入文本模块的设置

如何使用ChatGPT、MidJourney和Divi做网页设计  第7张

定制按钮

对于我们的按钮模块,我们将使用我们的颜色选择器工具,从MidJourney中找到按钮的颜色。我在Photoshop中使用了取色器,发现背景色的十六进制代码是#c1aa85。

如何使用ChatGPT、MidJourney和Divi做网页设计  第8张

创建装饰栏目

我们布局的最后一块设计是在我们的文案下面的装饰列。为了创建这些,我们将需要在每一列中设置一个Divider模块。首先,点击灰色的加号图标,选择 “Divider“图标。

如何使用ChatGPT、MidJourney和Divi做网页设计  第9张

添加背景、间距和填充

现在我们所有的模块都已经设计好了,我们可以为我们的主页布局做最后的修饰。作为参考,这是我们所处的位置。

如何使用ChatGPT、MidJourney和Divi做网页设计  第10张

将ChatGPT和MidJourney与Divi一起使用可以帮助你更快地集思广益,为你的网页设计提供灵感。在网页设计中使用人工智能并不一定意味着我们所知的数字设计的结束。有可能让人工智能进入你的工作流程,以帮助加快进程。人工智能还可以帮助把可能没有被强调的条款或概念的东西带到最前面。使用Divi,很容易重新创建人工智能生成的布局和设计。如果你不是一个天生的作家,为你的企业或客户的网站创建文案可能是困难的。像ChatGPT这样的工具可以帮助你覆盖一个你可能没有意识到的盲点。考虑在你的下一个项目中使用ChatGPT和MidJourney with Divi。

你已经开始在你的网页设计业务中使用人工智能了吗?你会考虑在你的设计过程中使用ChatGPT或MidJourney这样的工具吗?请在下面的评论区告诉我们你的想法。让我们开始讨论吧!