使用 Midjourney 的 10 个网页设计技巧

2023-10-16 00:10

网页设计是创造出令人印象深刻的在线网站体验的关键。无论您是一位专业的网页设计师，还是只是对网页设计有兴趣的新手，这些技巧都将帮助您发挥创造力，实现出色的设计。今天芒果将通过使用 Midjourney，来和大家一起探索创造性的网页设计技巧。

技巧 1: 负面提示 (Negative Prompting) 🚫

Midjourney通常以简单的提示生成图像，但有时结果可能令人不满意。例如，你可能想要设计一个网站，但生成的图像却只是一辆汽车的照片。

web design about automotive services and repairs --q 2

虽然这照片我也很喜欢，但是我希望它会更专注于生成网页设计，这种负面提示在Midjourney中肯定有效

种情况下，您可以使用负面提示。通过在提示中添加一些关键词，如“--no”和“laptop”，可以确保AI生成的图像不包含与这些关键词相关的元素。

web design about automotive services and repairs --no laptop shading realism photo

技巧 2: 多提示 (Multi-Prompting) 🤖

多提示是一种将提示拆分成多个部分的方法，使Midjourney能够将关键词分开处理。这对于创造复杂的设计非常有用。我们可以使用双列分隔符来指示Midjourney将每个单词单独处理，而不是将它们视为一个整体。

比如，我们要设计在线纸杯蛋糕的网页设计

web design online cup cake store, website, ui, ux --q 2 --v 4

如果我想要一个杯子里的蛋糕，这就是我将使用多重提示的地方，这将添加::来向 Midjourney指示他们应该单独处理每个单词而不是一起处理，所以在这种情况下，我可以将它们添加到单词 cup 中，现在 cup 和 Cake store 被单独处理。我想结果不言而喻了，现在一些设计肯定看起来像他们更专注于杯子里有小东西。

web design online cup:: cake store, website, ui, ux --q 2 --v 4

技巧 3: 权重 (Weighting) ⚖️

权重允许您为不同的关键词分配不同的优先级，从而影响生成的设计。通过在提示中添加权重值，您可以使Midjourney更专注于某些关键词，而忽略其他关键词，以创建更符合您需求的设计。

一个例子，如果我们公司有一个关于一只狗的网页设计提示，带有 ui ux 等这个提示创建了一些漂亮的视觉效果与非常充满活力的网站设计。

web design about hot dogs, ui, ux --q 2 --v 4

也许这不是我想要的，我想要一只看起来很性感的狗，所以我可以使用多重提示在列中添加，基本上将这个提示分成两部分，其中热与狗分开，这是我们之前学到的，在这里我们可以看到，我们肯定会得到一些背景有火焰的狗，这意味着我们得到了热狗的代表，这是完美的。

web design about hot::2 dog with ui, ux, website --q 2 --v 4

但如果我想要怎么办具有更高优先级的提示,我们想要的权重为 4 、10、 100 一个词的权重越大，您在整体 AI 艺术设计中的优先级就越高，在这里您可以看到，您可以看到在与其他所有内容相比，您可以使用像这样的权重来强调诸如熔岩或火焰或热量甚至颜色之类的东西。

web design about hot::4 dog with ui, ux, website --v 4

web design about hot::10 dog with ui, ux, website --v 4

web design about hot::100 dog with ui, ux, website --v 4

技巧 4: 设备展示 (Display in Device) 💻

有时，我们可能想要将网站呈现在特定设备内，如MacBook或iPad，以改变设计风格。通过修改提示，添加设备关键词，您可以获得不同类型的设计，这些设计可能具有独特的外观和感觉。

web design for a hotel website --no shading realism details --q 2 --v4

这是一个酒店网站的网站设计，没有阴影、现实主义或细节，这是网页设计，这些设计非常直击要点，但它们追求某种审美，绝对看起来像酒店，还有更多的东西。如果我想将它们变成产品展示，我需要更改提示，这是我必须添加关键字的地方，例如 MacBook M1 或类似模型的东西，最终发生的事情是你得到不同类型的设计即便是审美有点不同，有时这可能是一件好事，甚至可以给你一些不同类型设计的灵感，总的来说，这些看起来更新时代，就酒店设计而言更有趣，如果我正在创造，我个人会使用这些设计一个网站。

web design for a hotel website macbook m1 mockup --no shading realism details --seed 3557726265 --q 2 --v 4

技巧 5: 缩小展示 (Zoom Out) 🔍

Midjourney 5.2引入了一个全新的功能：缩小展示。这允许您放大或缩小生成的图像，以便获得更多设计灵感。您可以选择不同的缩放倍数，以查看不同的设计可能性。

技巧 6: 定制缩小 (Custom Zoom) 📐

使用定制缩小功能，您可以在放大或缩小现有图像时添加更多提示。这可以帮助您调整设计，以获得更符合您要求的结果。

技巧 7: 有效的提示工程 (Prompt Engineering) 📚

创建清晰而具体的提示对于获得满意的设计非常重要。新版本的Midjourney更善于理解自然语言，但仍需要明确的提示。您可以使用关键词，如“现代”或“极简主义”，以进一步改善提示。此外，您可以添加段落来详细说明您希望页面看起来的方式。

a website for a tourism. The layout is simple and straightforward, with ample white space and clear headings to facilitate easy navigation, --q 2 --s 250