网页设计是创造出令人印象深刻的在线网站体验的关键。无论您是一位专业的网页设计师,还是只是对网页设计有兴趣的新手,这些技巧都将帮助您发挥创造力,实现出色的设计。今天芒果将通过使用 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

打开网易新闻 查看精彩图片

web design for a modern tourism website. The home page has a full screen hero image with a call-to action button, --q 2 --s 250

打开网易新闻 查看精彩图片

web design for shoe company with a modern and sleek design to convey trust and contidence,--ar 3:4 --s 250

打开网易新闻 查看精彩图片

web design for shoe company with a modern and sleek design to convey trust and confidence. --ar 16:9 --q 2 --s 250

打开网易新闻 查看精彩图片

技巧 8: 利用不同版本的 Midjourney

不同版本的Midjourney可能会提供不同的生成结果。您可以尝试不同版本的Midjourney来获得不同的设计灵感。一些早期版本可能会产生独特而有趣的设计,而较新版本则更强大,更适应自然语言。

intricate landscape wallpaper with vibrant night colors in the style of Firewatch video game art, san francisco bridge from above --ar 16:9 --v 4

打开网易新闻 查看精彩图片

AI制作网站 Wix Studio: https://www.editorx.com

打开网易新闻 查看精彩图片

技巧 9: 利用官方社区 (Official Community)

Midjourney的官方社区是一个宝库,您可以在其中查看其他用户的提示和生成结果,以获得设计灵感。您可以通过搜索关键词来发现各种设计示例,并了解是什么提示产生了这些结果。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

技巧 10: 利用不同官方版本 (Different Official Versions)

除了尝试不同版本的Midjourney之外,您还可以探索不同的官方版本。每个版本可能会有不同的训练数据,从而导致不同的生成结果。这为您提供了更多的设计可能性。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

web design for shoes, nike, ui, ux --v 5.2

打开网易新闻 查看精彩图片

web design for shoes, nike, ui, ux --v 5.1

打开网易新闻 查看精彩图片

web design for shoes, nike, ui, ux --niji 5

打开网易新闻 查看精彩图片

web design for shoes, nike, ui, ux --v 5.0

打开网易新闻 查看精彩图片

web design for shoes, nike, ui, ux --niji 4

打开网易新闻 查看精彩图片

web design for shoes, nike, ui, ux --v 4

打开网易新闻 查看精彩图片

想要了解更多AI 行业资讯以及ChatGPT和AI绘画实战案例,欢迎加入我们的「互联网AI早读课」知识星球!

在这个星球,你可以更加系统的学习AIGC相关知识

1. ChatGPT和AI绘画基础+进阶全攻略

2. ChatGPT和AI绘画最直接变现案例

3. 与200+行业先行者链接,积累你的专属人脉资源

4. 社群保姆级一站式服务,包教包会包讨论

现在加入,立享99元早鸟价优惠,星球用户每涨100人,价格上调100元,直到恢复499元原价

这个风口抓不抓的住,就看你愿不愿意迈出第一步了!

越晚加入成本越贵!最后两个名额又要涨价了!

来源 | 互联网er的早读课(ID:zaoduke)

作者 | 芒果;编辑 | 荔枝

内容仅代表作者独立观点,不代表早读课立场