不会写代码,如何用AI做出这样的个人网站?从素材制作到网页搭建,我只用了WorkBuddy

一起看看怎么做。首先要制作网站素材，如果你想要网站更有个人风格，可以设计一个IP形象作为网站的主角。

在WorkBuddy的设计创意模式下，选择生成图片，我是先生成为一张矢量肖像，又转成了写实人像。

你也可以直接用自己的照片作为主要角色形象角色确定后来制作主视角图，这里我会先找一些喜欢的参考图，生成一张背景素材图，再把里面的人物替换成刚刚生成的角色。

后面的文字内容也可以按照同样的方法加进去，所有生成的素材都集中在右侧这张画布里，方便对比调整。而且它这里图片视频都能做，你可以在同一个对话里继续制作人物互动视频。我是生成了两段，一段文字动效的，还有一段人物伸手互动的，可以作为网站首屏的互动内容。

素材有了，接着开始搭建网站。我不会写代码，就先跟WorkBuddy描述了自己想要的效果。比如页面是什么样的风格，人物怎么互动，点击触发什么效果。让它帮我把把这些需求整理成网站开发提示词，再用前面准备好的素材去制作网站，出来的效果跟我理想的基本一致。

如果你一开始没什么想法，也可以去这些网站找找参考。里面有非常多设计感很强的网站案例，各种排版风格、交互效果都能找到。

有些还提供现成的提示词直接粘贴给WorkBuddy就能复刻出同款网站。

如果想加点有意思的动效，还可以看看这个网站，它里面有二百多个现成的动效组件，像文字、动画、鼠标跟随背景特效这些都有找到喜欢的效果，复制对应的提示词，让WorkBuddy帮你加到网站里就行。

以前想做这种网站，光是图片、视频、网页几个工具之间来回切换就挺麻烦的。这次用WorkBuddy从素材生成到网站搭建，整个过程都在一个地方完成，也不用自己写代码，做起来确实省事不少。如果你也想做一个有自己风格的个人网站，可以去试试看。