Transcription
人工智能将创造基准，越来越多的人将获得这些感觉非常通用的结果，而这正是你不想看到的。>> Men 是使用人工智能为看起来不像通用人工智能垃圾的网站和产品创造令人惊叹的设计的专家。我更喜欢将人工智能视为一种增强你的工具，而不是为你做一切，因为归根结底，我们是人类，我们拥有人类的创造力。你想将人工智能用于 90% 的工作，但最后 10% 你应该完全学会如何在大约 6 个月内创造出像 DIA 或这个美丽的彗星着陆页一样出色的网站。你如何开始，伙计？那么，好吧，欢迎大家。我今天的客人是 Aura 的设计师兼创始人 Men。Ben 是使用人工智能为看起来不像通用人工智能垃圾的网站和产品创造令人惊叹的设计的专家。因此，我非常期待他带领我们完成他的完整设计工作流程，并分享他使用人工智能创造出色设计的最佳实践和提示。欢迎 Ben。>> 非常感谢你，Peter，邀请我。我认为现在是创造你自己的产品，用人工智能生成设计的激动人心的时刻。>> 太棒了。那么，在我们深入探讨你的专家建议之前，为什么我们不展示一下普通的人工智能用户可能会如何制作一个网站呢？对吧？就像，它只是用一个简单的提示怎么做？你有什么例子吗？>> 当然，听起来很棒。嗯，我将分享我的屏幕。>> 通常，目标是创建一个网站，你知道现在非常流行的是着陆页。我将给你一个很好的例子，那就是 DIA 浏览器以及 Perplexity Comet。我们将看看这两个例子，因为它们代表了你想要达到的水平 10。当然，我们都从一级开始，但了解目标是什么很重要。有什么区别？你知道，最终结果应该是什么样的。在这种情况下，你需要了解你的提示。你需要知道该说什么。你需要知道词汇，并且你需要知道它如何作为用户、作为创作者运作。所以，DIA 非常受欢迎，来自 Perplexity 的 Comet 也是如此。这些都是我个人使用的产品。所以，这也很棒，因为当你使用某样东西时，你就确切地知道你想要什么以及要寻找什么。所以你可以看到，我们有导航，我们有英雄部分，你有介绍不同功能的特色部分，你知道，典型的着陆页。你会发现很多这样的部分，展示了不同的功能、路线图，还有客户评价，人们怎么说。再次，你在这里寻找的是一些更独特、不那么通用的东西。所以，与例如，你知道的，你在 Aura 或你的第一个提示上的第一个提示相比，顺便说一句，我在这里只做第一个提示。创建一个新的 AI 浏览器，一个漂亮的着陆页。我将对所有这些都使用第一个提示。再次，级别零，级别一，我们会得到一些非常通用的东西。它们都有自己的风格。从 v0 开始，你会得到这样的东西。再次，我没有作弊。你可以看到，提示都是一样的。然后在 Lovable 上，你会得到这样的东西。你可能会注意到这里的模式，对吧？>> 绝对是一个模式。你有像超级粗体的标题，你有 Inter 字体，你到处都是紫色。有时会更通用，你知道，像白色背景配非常通用的文本和风格。这些是你将要开始的东西。这没什么不对。但是随着我们越来越多地进步，当数百万甚至数十亿人创建网站时，人工智能将创造基准，越来越多的人将获得这些感觉非常通用的结果，而这正是你不想看到的。再次回到 Comet，你可以看到他们想打破那种设计上的普遍性问题。所以你在寻找字体，你在寻找交互、动画，你在寻找漂亮的按钮和背景，以及人工智能生成的精美图片，比如这里的背景或这里的视频。你想要为你的网站做些什么。再次，我们在这里谈论的是级别 10。但除非你有一个设计团队并且有很多时间，否则你可能无法达到那里，但至少你可以让一些组件由人工智能完成。这也就是我们今天要看的。嗯，是的，你知道，像音效和动画以及所有那些东西。最终，这花了我在 Aura 上五分钟。最终，你想要得到像这样的东西，你有一个更自定义的字体，对吧？使用自定义，你有一个漂亮的背景动画，使用 Spline。这是一个 3D 动画。你拥有这些由 Midjourney 生成的精美图片。你知道，你想非常快速地做到这一点，因为作为初学者，你没有太多时间学习所有这些通常需要设计师或编码员五年或十年经验的东西。所以，今天的魅力在于，我们正在如此短的时间内压缩所有这些知识，并且我们正在尝试学习所有这些你可以完全为自己使用的惊人技术。是的，这也就是我目前正在教授的，也希望我能通过这样的工具带来什么。我认为构建一个着陆页是学习的最佳方式之一，通过实践并实际发布一些东西，因为它非常直接，而且你可以看到你的影响结果并与朋友分享，对吧？所以这是一个很好的开始方式，但是，但是，你是如何从那个零级别到甚至一个或两个级别，或者你是如何开始的，伙计？>> 对。很多人没有意识到，你知道，有一个提示是不够的。你需要更多的资源、例子、模板和参考。所以，例如，你可以提到 Perplexity，你可以提到 DIA，你可以提到 Apple Linear，所有这些惊人的设计，人工智能通常都在上面训练过，不幸的是，这就是事实。如果你看看 Midjourney，你知道，Midjourney 今天之所以如此出色，就是因为所有这些惊人的摄影师、艺术家和平面设计师，而今天的人工智能也是如此，你知道，Lovable 和 Vzero 以及网页设计，它们需要例子，它们需要漂亮的背景，以及名字的引用，你知道，我们将要做很多玻璃效果，你知道，像 Apple 的液体玻璃，所以人工智能将越来越多地用这些东西进行训练，因此，正如你在我的 Aura 个人资料上看到的，这些都是我制作和实验过的所有设计，我有 642 个。所以相当多。你会注意到我使用的设计有一个演变。这种演变来自于我添加到 Aura 的所有工具。所以，例如，我刚刚添加了获取 Midjourney 图片的功能，我们正在构建自己的 Mid 图片库。所以，你将能够快速地更改图片。所以，再次，作为参考点，以及我在这里创建的所有这些设计，你可以重新混合它们，你可以根据你的产品进行调整。无论是登录屏幕，还是完整的着陆页，还是英雄部分。所以，这比我刚才做的更有效，你知道，只有一个提示，然后，你知道，然后我们进行自定义。但是，是的，你知道，这就是我开始的方式。还有另一件事是，即使你知道如何提示，如果你只想提示，你可能想使用类似提示生成器之类的东西。现在，提示生成器可以为你提供你可以创建的所有内容的词汇表。所以，例如，你想要一个英雄部分，一个特色部分？所以，请记住我刚才展示的着陆页，这些都是你可以创建的东西，而不仅仅是你创建的东西，还有它的布局方式，然后，你知道，像博客或视频，以及布局配置，你可能有一些概念，比如设置页面，你也可以在布局配置方面更具创意，比如你想要一个侧边栏，你想要一个 Bento 布局。然后是演示。你想要全屏，还是卡片，还是浏览器？所以，更多的是演示，最终你会进入样式。所以，你想要一个平面布局，你想要玻璃效果，或者最终我将添加液体玻璃效果，你想要浅色模式，深色模式，主色调，背景色等等。最后，我们有字体，这是非常非常重要的。通常，人工智能喜欢使用最基本的字体，那就是 Inter。Inter 字体本身没有任何问题，只是如果你不尝试更有创意，无论是字体粗细的自定义，还是字间距。所以，你需要稍微再往前走一点。你知道，十年前，每个人都会对使用 Inter 字体的网站感到惊叹，因为当时每个人都在使用 Ariel 和 Times New Roman 之类的字体。但如今，每个人的标准都远高于此，他们想要一些更独特的东西。所以，你可能想要一个衬线字体，或者，你知道，像 Instrument Serif 之类的东西。你还需要了解一点，比如，我想要更大的字体尺寸，我看到很多网站都有巨大的字体尺寸。所以，你想在这方面有创意，当然，不用花几天或几个月的时间来设计。>> 所以这一切只是在构建一个文本提示，对吧？它正在构建右下角的文本提示。所以，我点击的所有这些东西，它都会添加到提示列表中。我可以一个一个地添加，但也可以一次性添加所有。>> 那么，让我选择一些更酷的东西。比如，我想要一个特色部分，它是 Bento 布局。我想要它像卡片一样，它是玻璃风格的。也许我们会选择这个。也许我们会选择浅色模式，我们会选择这些美丽的阴影。所以，祝你好运。嗯，然后我们选择一点点 Instrument Serif。然后，是的，这就是来自提示生成器的完整提示。我将使用 Cloud 4。所以，03 和 Cloud 4 都非常棒。03 我会说有点懒惰，但它更精细，我个人认为 Clot 总是试图使用 Inter 和紫色以及所有这些东西。所以，这可能有点问题，但它确实能提供更多细节和所有那些东西。所以，你需要了解这两种模型的细微差别以及它们如何适用于你的网站，并尝试不同的提示。我认为很多人在第一次尝试时就放弃了，他们不喜欢看到的结果，然后他们就停止了。但我认为这是一个错误。但正如你在这里看到的，这很有趣。我首先，我们是唯一拥有实时预览的工具。>> 否则，你通常需要等待五到十分钟才能获得第一个结果，但你可以看到我在这里，我特别使用这个字体，叫做 Instrument Song Instrument Serif，我要求的是 Bento 布局，这正是它给我的，这很不错。我还要求了这种美丽的阴影，它有三个阴影。它不像普通的阴影。你知道，这只是一个实验。我可以选择另一个。我可以选择浅色模式和深色模式。但我在 Aura 上试图做的是让它非常容易地切换到不同的字体。所以，如果我想回到，你知道，Guys 或 Man Rope，然后，你知道，我也可以回到 Instrument，然后，哦，太酷了。>> 你知道，尝试所有这些东西，而通常你必须一个一个地点击，然后你必须问人工智能。所以，我想让它变得，你知道，人工智能并非在所有事情上都做得很好。首先，有些事情人工智能做得不好，比如，你每次提示时都必须等待。有时，你的网站越复杂，就越难使其设计更一致，并添加细节。有时你会丢失之前创建的东西。所以，这就是为什么，你知道，我想将其与实际的选项配对，你可以使用和实验，比如字体粗细，以及字体之间的间距和字体搭配等等，但也能改变颜色。所以，你想要浅色或深色模式，你想尝试不同的颜色，你知道，再次，这很有趣，你可以真正添加很多风格。嗯，看看这些图片，你可以看到，它们不是最好的图片，这就是为什么你想去像 Assets 这样的地方，然后你想改变它，然后你想去 Unsplash。也许你想使用渐变和漂亮的噪点。我们也在构建，正如我之前提到的，我们自己的库，使用 Midjourney 生成的图片。这些是我做过的最好的生成图片。所以，你可以看到，这些图片将真正为你的设计增添色彩，并使其更加独特。所以，当你这样做的时候，当你改变字体和图片的时候，你不是在使用一些 LM，你只是在改变 CSS 或者其他什么，你没有。>> 对。>> بالضبط。所以，请记住，Aura 的所有东西都是使用人工智能构建的。这是所有 VIP 编码。>> 但你是对的。我试图不依赖人工智能做所有事情，因为通常如果你依赖人工智能做所有事情，它可能需要，你知道，30 秒，一分钟等等。所以，我们仍然有所有这些自定义，比如，你知道，在 Figma 中，你可以自定义所有这些东西，但我们也有提示。所以，例如，我点击这个特定的卡片，我可以选择深色模式。再次，我必须等待，你知道，可能 5 到 10 到 30 秒。它需要生成代码，并且需要放置代码。虽然这很棒，但它可以创造出真正令人惊叹和富有创意的东西，但它也花费了很多时间。>> 这就是为什么有时最好将其作为基础进行实验。>> 然后，你知道，我更喜欢将人工智能视为一种增强你的工具，而不是为你做一切，因为归根结底，我们是人类，我们拥有人类的创造力，我们拥有经验和记忆，我们拥有品味，而且我们也在不断变化，而人工智能很难适应所有这些变化。>> 所以，是的，这需要相当长的时间。有时是互联网和其他东西，但你知道，最终它会实现的。>> 是的，我认为人工智能就像一种工具，可以让你从零到五十或八十，但它永远不会做到完美。所以，你总是想在之后做一些手动调整。你知道，但让我们回顾一下你所做的，对吧？所以，从零开始，你的第一步是找到一些灵感，对吧？比如，使用 Aura 中的模板，或者使用 Comet 网站之类的东西，找到一些灵感。嗯，第二步听起来是，第二步是，你构建了这个视觉提示生成器，来找出要使用的字体等，而不是让我通过文本记住所有东西。>> 是的。>> 是的。你也可以从我们拥有的模板中改编。我们现在有超过 1500 个。所以，我们正在创造很多。我们每天都在创造更多。但你可以看到它的预览。我认为这是我最推荐的方式，就是从现有模板中重新混合，或者提供代码。你也可以从 HTML 中改编，然后，你知道，有很多网站，比如 CodePen。>> 允许你探索人们进行的各种实验，比如这个。当然，这只是一个随机的例子，但你知道，它有 HTML。你复制这个，然后将所有这些代码带到一个像 Aura 或 Lovable 这样的平台。你粘贴这个，然后，是的，你知道，你改编这个，然后将其添加到你的提示中。但是，是的，请记住，其中一些功能，你使用得越多，当然，你需要订阅。我认为我们的订阅在提示积分方面更慷慨，比如，我们比 Lovable 和 Vero 提供更多。但是，你知道，Lovable 和 Vzero 和 Aura 之间的区别是，Aura 我们目前更专注于设计。我是一个人。我是一个人在这里工作。我从头开始编写了代码。是的，你知道，我想专注于 Vzero 和 Aura 和 Lovable 不够好的方面。比如，在自定义、字体搭配和更改颜色方面，使用 Unsplash 图片或 Aura M 等等。所以，你知道，这些是产品的细微差别。在我知道你构建了 Aura 之前，我一直在玩它，我能感觉到它是设计师建造的。这就是区别。嗯，但是，我们可以回到一些，比如，让我们回到 Comet 网站，然后，比如，我只是想找出他们使用的字体，或者有什么方法可以找到它，比如检查或者什么？是的，我的意思是，我希望我还没有尝试过，说实话。这是一个很好的观点，但你可以完全截获屏幕截图，然后去 ChatGPT 询问。但你知道，对于大多数设计师来说，这看起来像一个变体，或者一个与我们在这里使用的 Instrument Serif 不同的版本。所以，你知道，当我们要求第一个版本时，我们有，你知道，在 Aura 中，你有不同的版本，当你创建设计时，你可以看到我们从这个开始，这是 Instrument Serif。它，你知道，这是一种开始变得非常流行的字体。我认为 Apple 可能从他们以前的设计开始，如果我没记错的话。>> 从过去的时代。但是，你知道，这有点酷。它现在越来越受欢迎。从那个截图，你想去 ChatGPT。我不知道我是否有，你知道，我的 ChatGPT 中有私人数据。>> 好的。是的，我们下次可以做。是的。>> 但是，是的，你知道，你可以完全带来。>> 只是问。是的。>> 是的，问“这是什么字体？”人工智能在这方面做得很好。>> 但是，是的，你也可以检查。>> 是的，你可以检查。但我认为很多人不想检查。原因是因为它更技术性。我认为有时你需要启用浏览器的开发者模式。在这种情况下，是的，检查，然后你还必须阅读代码。所以，不是每个人都习惯阅读代码，但最终在所有这些你可以滚动的东西中，你会最终找到文件名。是的，还有很多 CSS 扫描，比如，有一些 Chrome 插件可以做到这一点，这很酷。虽然不是免费的。>> 但你肯定能找到正在使用的字体。>> 好的。让我们回到你展示的网站。比如，我想添加一个客户评价部分，或者像网站上的那种，有一个滚动的客户评价的东西。>> 是的。>> 是的。那个东西，比如，我应该直接告诉 Aura 添加它，或者我该如何添加？>> 当然。>> 或者类似的东西。>> 是的。>> 我认为人们倾向于从头开始做这些事情。但是，>> 我认为你应该完全浏览模板。所以，例如，你知道，客户评价，然后，>> 你知道，我的互联网现在不是很快，但是的，所以，你有客户评价的模板，然后你可以打开每一个，看看你喜欢什么，然后从那里你可以重新混合。对吧？所以，也许你喜欢这个。也许你不想有背景。所以，你可以重新混合，然后说，比如，没有背景，然后在浅色模式下等等。你知道，>> 好的。>> 它会重新混合。它会使用它。嗯，是的，当然，你可以从头开始创建。你可以使用提示生成器。你也可以输入所有这些东西。你可以谈论滚动动画和所有那些东西。它也应该起作用。再次，这很大程度上是通过实验。所以，你可以看到，我们正在构建客户评价，然后，是的，它正在实时预览所有这些东西，并且应该得到一个非常相似的结果。如果我想添加这个部分，因为，你知道，如果我使用像 Frame 或一些常规的网站构建工具，它是基于部分的，对吧？我可以在这里添加一个部分，在那里。所以，如果我想将这个 AI 生成的部分添加到我的另一个网站，你构建的那个，你只是复制代码，还是我该如何？>> 如何添加？>> 是的。>> 所以，目前，它处于当前状态。所以，请记住，我们只发布了两个月。>> 我们还没有像 Framer 那样专注于创建完整的网站。那很快就会到来。但是，我希望人们使用它的方式是创建部分、组件，更像是 21st Dev，我们创建组件，我们进行设计。把它想象成 Figma。通常，是的，你可以使用 Figma 创建一个完整的网站，但大多数时候你花了很多时间来打磨和制作一个组件，然后你发布它，然后，人们应该如何使用 Aura，特别是，你知道，你创建这些部分，然后，>> 你快速地自定义它们。你知道，也许你想要一些，再次，Playfair，也许你想要深色模式，然后最后，你导出代码。所以，你复制 HTML，或者你也可以复制 Figma。>> 然后，一旦你有了那个，你就可以使用像 Lovable 这样的东西，然后你可以说，你知道，你知道，用这个风格替换客户评价，然后你粘贴 Aura 的代码。所以，Lovable、Vzero 和 Cursor，当然，我一直使用 Cursor。>> 它们比 Aura 更适合完成网站。>> Lovable 和 Vzero 的问题只是样式和设计方面，而这正是我花了很多时间的地方。所以，现在它将，你知道，用我刚才在 Aura 中创建的样式替换客户评价部分。所以，例如，我真的很喜欢这里的样式。嗯，你知道，显然我也可以添加一个像这样的精美动画。我的意思是，看看那个。对吧？>> 哦，太棒了。是的。>> 是的。正是如此。你真的可以，你知道，使用一个模板，或者提示生成器，创造出你真正喜欢的东西，你在这些网站上看到的东西，比如 21st Dev 或 Vzero，或者，或者，抱歉，有太多名字我搞混了。然后你改变颜色、字体，以及漂亮的背景和 Midjourney 图片和头像，因为这些东西在 Lovable 中非常难做。你不会相信我。但是，你知道，即使你去了，比如，编辑，然后你想，啊，是的，我想改变这个图标，我必须问人工智能，这太麻烦了。我想改变这个背景。我想添加这张图片。我做不到。这太难了。所以，很多时候，你想要做的是，你知道，你在 Figma 中设计它。但在这种情况下，因为你没有太多的设计经验，你想使用 Aura 这样的东西，并且你使用现成的模板，你知道，砰砰砰，然后你把它带回 Lovable。>> 是的，这太棒了。是的。嗯，但是，但是，你不能，你不能，我的意思是，把它带回 Lovable 有点烦人。也许你产品的下一步就是直接让人们在这里剪掉。也许你产品的下一步，每次都把它带到 Lovable 有点烦人，即使我理解代码。所以，也许 Aura 的下一步就是让人们直接在 Aura 中构建和发布。>> 绝对。我认为这就是我的目标。正如我之前所说，我正在编写所有这些东西。我还有一个强大的设计重点。嗯，我想确保我没有分散精力，因为很多这些东西都非常技术性，我还有待学习，这就是为什么我不想过度扩张自己。但是，是的，绝对是最终目标。绝对。如果我能做到，我就可以，你知道，发布一个像 Framer 风格的网站，只用 Aura。因为归根结底，如果你看看 Framer，是的，大多数人无法创造出像 Comet 这样的完整产品。当然，但他们绝对可以创造一个着陆页。>> 如果我们能用 Aura 做到这一点，那就是，你知道，我的最终目标。嗯，我们已经有很多你可以看到的选项。我们可以改变，我们可以编辑间距、填充、排版，你知道，我们可以嵌入视频和所有那些东西。嗯，然后它只会随着时间的推移而变得更好，最终我们将达到一个完整的着陆页功能，至少达到 Framer 的水平。你知道，在 Framer 中，你很难构建一个会员和支付系统等等，但你绝对可以构建一些简单的页面，一个着陆页，一个博客，以及组件。>> 获取潜在客户。>> 是的。>> 绝对。>> 嗯，你能快速解释一下，这个背景动画，你添加的，对吧？比如，它使用了什么样的技术？它使用了 Spline 还是如何做的？>> 好的，这是一个非常酷的东西。在 Spline 上，有很多新的工具，比如 Spline，你可以去社区。还有一个叫做 Rive 的东西，还有 Lahi 文件，Lahi 动画，Lahi，有很多 Lahi Lab，你知道，有很多。而 Spline 有两种方式。一种是 3D。所以，你有很多精美的动画和 3D。很多都是由社区共享的，你可以完全重新混合。再次，同样的原则。>> 作者已经分享了。所以，这意味着，你知道，你可以自由地重新混合它。所以，例如，如果你真的很喜欢这个链条动画，你可以完全把它带到你的组件背景，或者整个网站，如果你愿意的话。我试图做的是让 Aura 中的事情变得超级简单，首先，我们有这些预设。所以，我带来了一些。当然，我们链接到作者，作者创作了更多这些。你知道，你可以看到不同的动画，你可以用于你的背景。所以，你可以把它带进来，所以你可以，你知道，比如，你可以创建一个新的。>> 在这里，你可以添加一个 Spline 背景，然后你可以添加自定义 URL。所以，假设我真的很喜欢这个。>> 是的。>> 对。我将先重新混合它。>> 是的。>> 嗯，如果你没有高级账户。所以，在这里你可以看到，如果我播放这个，这都是 3D 的。所以，你可以看到它是一个 3D 程序。然后最后，你将导出它，它将生成你可以使用的链接。所以，你将复制这个链接。你不想有标志，但再次，如果你不想显示标志，你需要一个高级账户。与 Framer 的原则相同。然后，你将复制链接。你将更新 URL。>> 然后，最后，我将回到这里，我将粘贴来自 Spline 的 URL。>> 嗯，然后，是的，就这样了。你知道，有了这个精美的。是的，就是这么简单。再次，我试图让这些事情变得超级简单，因为作为一个设计师，我真的很关心这个。但是，如果你尝试在 Lovable 和 Vzero 中做到这一点，它不会很简单。因为归根结底，正如我所说，你知道，这些是好的。所以，我将检查一下它是否成功了。是的，好的，它确实添加了，正如我们所说的，它添加了我们创建的客户评价。通常，人工智能的工作方式是它会适应设计，使其与 Lovable 中现有的设计保持一致。这是设计使然，这也是好消息，因为如果你在 Lovable 中有一个现有的设计。>> 然后你就可以创建一个布局，当然，你可以指定所有这些东西给人工智能，你可以说，哦，你知道，保持这个设计，或者保持这个字体，你知道，但总的来说，如果你不说什么，它就会适应。所以，你可以看到它有完全相同的头像，相同的布局，相同的文本，但在我的 Lovable 网站上。但它没有保留字体。它似乎回到了 Inter 字体，在 Lovable 中。>> 绝对。再次，是的，你必须提到这些事情。>> 所以，我完全可以只说，好的，我想更新整个着陆页到我在这里共享的 HTML 中的字体。>> 明白了。作为最后一步，为什么我们不看看你制作的那个 AI 网站？好的。回到这个设计，你可以看到，我只用了一个提示，其余的。所以，再次，我们从一些极其通用的东西开始。>> 嗯。>> 虽然，当然，我试图让它做一点动画。它做了一点，你知道，字体不像那么粗，你知道，紧密度和风格，但即使如此，也没有万能的方法来，你知道，从一个提示开始。人工智能总是会创造一些更通用的东西。但从那里开始，通过自定义，我只是做了，然后我们有了第二个版本，现在我改变了字体，你知道，我使用了 Spline 背景，我也使用了 Midjourney 图片。所以，在这里，你可以看到，我们有一个抽象的东西，这在设计中非常流行。你可以有这些精美的 3D，或者你可以有这些精美的花朵，或者你知道，这是我的看法，人工智能在创造图片和平面设计方面做得非常好。>> 所以，很多时候，特别是当涉及到使用人脸时。比如，肖像，它们甚至比从 Unsplash 获得的更好，因为 Unsplash 往往更通用。所以，例如，如果我切换到 Unsplash，你会看到，它们并不坏，但是，你知道，当成千上万的人在他们的网站上使用它们作为客户评价时，你就会厌倦。所以，你知道，你想要一些更独特的东西。比如这个，由人工智能生成，或者，也许是高端时尚。>> 绝对华丽，但用 Midjourney 在 5 秒内生成。这就是我们生活的时代。我们拥有所有这些惊人的工具，我们只需要利用它们。所以，基本上，你生成网站的步骤，第一步就是让人工智能生成一些通用的东西，但真正的魔法在于使用 Aura 中构建的所有功能来定制字体、图片和其他一切，而这几乎就像不使用人工智能一样，除了主要的方面。>> بالضبط。>> 对，就是这样。>> 好的。>> 嗯，它确实在使用人工智能。所以，例如，如果你看这个按钮，你知道，我可以手动自定义它，也许我将来会这样做。你有一个按钮模板，但你也可以问人工智能。所以，你知道，例如，嗯，我将改变这个按钮，观看演示。我将转到提示，然后我将转到一个叫做 UI Verse 的工具。所以，这里有很多按钮样式。它不会适用于每一个按钮，因为有些比其他的更复杂。但是，你知道，假设我想要这个和这个。你正在寻找一个简单的按钮，比如这个，因为本质上你只是得到样式。所以，你只需要 CSS。CSS 将被用作代码模板。所以，现在我将回到我的设计。我将粘贴样式并应用。如果我的互联网不是那么糟糕，它将在大约 30 秒内完成。所以，是的，就这样了。这是人工智能。嗯，我想指出的是，有数百万种设计方法。是的，你可以使用人工智能做所有事情，但只依赖人工智能的问题是，如果你犯了错误，你就会放弃，你不知道还能做什么。你不知道如何克服它，如何克服那种挣扎。所以，在某个时候，你需要学会自己做那 10%。所以，我喜欢这样想，你想将人工智能用于 90% 的工作，但最后 10% 你应该完全学会如何改变字体，改变图片，你知道，比如开始一个新的按钮，因为如果你不这样做，那么你的设计就会一直保持通用。所以，例如，也许我想要这个特定的卡片是玻璃风格的。你知道，我可以使用人工智能。但是，我也许可以，你知道，拥有我自己的图标集。在这里，我试图让它变得超级简单，你知道，改变图标，你知道，你可以看到它。它甚至还记得颜色和所有那些东西。我可以改变颜色。但是，是的，明白了。>> 这是。>> 这是不同的重点，不同的工具。嗯，你应该了解所有这些工具和所有这些可以真正帮助你的东西。>> 是的，我在这里学到了很多。比如，知道在哪里找到按钮或颜色的正确资源，然后知道如何复制粘贴代码，然后，显然，你构建了一个很棒的平台来做到这一切，因为没有你构建的所有这些东西，Aura，应用按钮样式和做所有这些事情会花费很长时间，这太痛苦了。所以，很高兴你让它变得容易了很多。>> 是的，有一点需要记住的是，我们仍处于人工智能的早期阶段。所以，只有几个月前，我可以说，也许五六个月前，人工智能才开始擅长生成代码，甚至使用代码生成设计。如果你还记得，Cloud 3.5 在生成 HTML 和精美设计方面并不好。所以，你可以想象，在大约六个月的时间里，我们将能够创造出像 DIA 或这个美丽的 Comet 着陆页一样出色的网站。我并不是说我们将达到级别 10，但至少现在，如果你认为现在是级别 1，而 3.5 是级别 0，那么，你知道，我们肯定可以在大约六个月内达到级别 5。这就是令人兴奋的部分，你知道，我们的工具需要发展，我们的知识需要随着时间而发展。为了总结一下，你对产品设计师或项目经理有什么最后的建议吗？你知道，设计在过去几年里真的发展了很多，现在每个人都有这些 AI 助手来帮助他们，任何好的建议来开始做这些事情。>> 是的。>> 当然。嗯，我的建议是，利用你所有可用的工具，并且只使用最好的工具。因为我们将，你知道，字面意义上被淹没在如此多的 AI 工具中。而且很多人在 Twitter 和 LinkedIn 上谈论 AI 工具。很难看出每个工具的优缺点。但是，我想说的是，建立一种品味感，一种知道什么是好什么是坏的感觉，因为品味是新时代的区分因素。知道该用什么，比如，好吧，你应该用 Comet 还是 DIA？哪个更好？为什么更好？你应该用 Aura 还是 Lovable？哪个更好？它们在设计过程的哪个部分更好？Figma 也是如此，Framer 也是如此。所以，了解所有这些东西，还有，你知道，Midjourney，比如，你应该用 Midjourney 还是 VO，或者所有这些 Stable Diffusion，比如，了解细微差别。但也要自己尝试，创造出色的结果，对它感到满意。你知道，你知道 Aura 有这些精美的模板，或者 Spline 有这些惊人的社区模板，你可以重新混合。我认为这是你可以添加到你的工具库中的惊人知识。所以，是的，你知道，我最喜欢的一些工具，比如按钮、UI 和卡片，UI Verse 用于组件和设计和动画等等。你知道，我认为 21st Dev 和 Aura 非常好，React Bits 也是一个非常好的精美背景动画库，你知道，还有纹理和动画交互。还有另一件事，你可以肯定做很多事情，就是截取屏幕截图并创建一个网站或设计，而不是只做一个提示。你将想要从你最喜欢的网站获取灵感，比如 Dribbble，然后将其输入到人工智能中，无论是 Lovable 还是 Vzero。请记住，Aura 中看到的一切都是免费的。所以，你看到的这些模板，我免费分享代码。你不需要付费会员。所以，你知道，比如，你真的很喜欢我创建的这个着陆页和这些精美的图片。你可以在这里导出，复制代码。保存 HTML 文件，正如我之前向你展示的，我确实向你展示过，将其带到 Lovable、Visual Cursor，然后根据这个创建你的网站。说一些“模仿这个着陆页的风格”或“模仿这个代码”。>> 嗯，人工智能会迭代。>> 然后，是的，找到对你有用的，对你没用的，最终你会达到一个点，哇，我无法想象一个我不用人工智能的未来。>> 是的，太棒了。这就像我的收获是，有很多很棒的设计师，他们有很多很棒的组件，有很多免费资源，你应该使用，复制代码，不要满足于默认的 Inter Chassen AI 东西，只是尝试一些更好的东西。>> 是的。>> 那么，人们在哪里可以找到 Aura，在哪里可以关注你？>> 当然。嗯，你知道，你可以在 aura.build 找到 Aura。这里再次，你知道，免费提示。你也有这些免费模板，你可以使用。你可以尝试提示生成器。是的，这是一个付费功能，但你仍然可以玩它。你知道，这是免费的，你可以玩它，你可以获得词汇表并学习如何提示，这非常重要。然后，你也可以在 Twitter 上找到我。所以，Twitter，现在是 X。所以，mangto。>> 在这里，我分享了很多小时。我认为我有大约四个小时的提示培训。所以，这些是免费视频。我还有一个 YouTube 频道，design code team，你可以在那里找到相同的视频。是的，你知道，如果你有任何问题，请随时告诉我，我很乐意帮助你度过这段经历。>> 太棒了，伙计。非常感谢你，伙计。你知道，伙计，我不知道你是否注意到。我为一次采访做了一些研究，搜索我的电子邮件。我意识到我四五年前购买了你的一个设计代码课程或材料。所以，你教这些东西已经很久了。所以，我真的很感谢你帮助大家提升他们的设计和他们制作的作品。>> 是的。非常感谢你，Peter。显然，作为一个现在住在新加坡的人，独自完成所有事情。我认为很多人也开始这样做了，对吧？你不想去这些工作，你知道，冒着被解雇的风险，仅仅因为人工智能，比如新的人工智能工具出现了，你就开始自己的事业，建立自己的网站，自己的产品，做自己的设计。你知道，我们是小人物，我们是小型创作者，我们需要合作，我们需要团结起来，一起学习，建立下一个，你知道，下一个 Figma，下一个 Lovable，下一个 Photoshop。嗯，我认为这真的很令人兴奋，我们可以住在任何你想住的地方。你知道，过你想要的生活，你想要的自由。我认为这是一个美好的未来。>> 我完全同意。>> 是的。非常感谢你的邀请。>> 好的，伙计。非常感谢。