Prompts для Веб-дизайна в Midjourney

Результат будет во многом зависеть от ваших действий, но вы можете начать с такой простой подсказки:

ru version:
/imagine блог-сайт технического журнала, современный и яркий --ar 9:16

en version:
/imagine a blog website for a tech magazine, modern, vibrant --ar 9:16
Однако, чем больше данных вы предоставите ИИ, с которыми вы будете работать, тем более точные результаты вы получите. В этой статье я покажу вам, как лучше писать prompts.
Вот как написать подсказку для веб-дизайна в Midjourney:
  • Используйте prompt соотношения сторон (—ar 9:16), которое позволит Midjourney лучшие вас понять и даст соответствующий результаты.
  • Используйте такие слова, как веб-дизайн, UX/UI-дизайн, дизайн веб-сайтов и т. д.
  • Описывайте стиль, цвет, технику (фото, иллюстрации, абстракция) и т. д. - это сгенерирует лучшую картинку.
Просто учтите, что Midjourney плохо работает с текстом, поэтому вам придется использовать такой инструмент, как Figma, для доработки вашего дизайна.
Затем вы можете разработать свой веб-сайт, используя такие инструменты, как Webflow или Tilda.
Теперь давайте углубимся в разработку веб-сайтов с использованием Midjourney.

Совет: используйте en version для ввода Prompts .

  1. Выберите тип сайта

Прежде всего, вам нужно определиться, какой тип сайта вам нужен. Это может быть: веб-сайт электронной коммерции, веб-сайт бизнеса/портфолио, веб-сайт блога/новостей или журнала и т. д.

eCommerce веб-сайт

Первый пример — веб-сайт электронной коммерции. Вот пример prompt:

ru version:
/imagine eCommerce сайт для магазина велосипедов --ar 9:16

en version:
/imagine an ecommerce website for a motorcycle store --ar 9:16

Бизнес-сайт / портфолио

Другой тип веб-сайта — это веб-сайт-портфолио — пример prompt:

ru version:
/imagine веб-сайт-портфолио графического дизайнера, минималистичный и чистый --ar 9:16

en version:
/imagine a portfolio website for a graphic designer, minimalist, clean --ar 9:16

Блог / сайт новостей и журналов

Другой популярный тип веб-сайтов — это сайты блогов/новостей и журналов.
prompt:

ru version:
/imagine блог-сайт технического журнала, современный и яркий --ar 9:16

en version:
/imagine a blog website for a tech magazine, modern, vibrant --ar 9:16

Виды сайтов

  1. eCommerce веб-сайт
  2. Бизнес-сайт / портфолио
  3. Блог / сайт новостей и журналов
  4. Информационный / каталог веб-сайта
  5. Веб-сайт сообщества / онлайн-форума
  6. Веб-сайт мероприятия / членства
  7. Персональный / развлекательный сайт

2. Опишите стиль

Помимо указания типа веб-сайта, который вы хотите, также важно указать стиль, к которому вы стремитесь.

По сути, это может быть веб-сайт с фотографиями, иллюстративный или абстрактный.

3D и Абстрактный стиль

Помимо указания типа веб-сайта, который вы хотите, также важно указать стиль, к которому вы стремитесь.

По сути, это может быть веб-сайт с фотографиями, иллюстративный или абстрактный.

ru version:
/imagine веб-дизайн для художника, ux ui, 3d-объекты, градиенты --ar 9:16

en version:
/imagine web design for an artist, ux ui, 3d objects, gradients --ar 9:16
Разные стили могут вызывать разные ощущения, и, описывая стиль в prompts, вы можете создать атмосферу для своего сайта.

Например, если вам нужно, чтобы ваш бренд ассоциировался с современным и свежим, используйте такие слова, как «modern» и «fresh», но вы можете пойти еще дальше и указать конкретный стиль, например, минималистский «Minimalist»

Minimalist Style


ru version:
/imagine сайт-портфолио для графического дизайнера, минималистичный, чистый --ar 9:16

en version:
/imagine a portfolio website for a graphic designer, minimalist, clean --ar 9:16
Минималистский стиль характеризуется с простотой и акцентом на функциональность.

Minimalist Style


ru version:
/imagine веб-сайт-блог для журнала винтажной моды, ретро, яркий --ar 9:16

en version:
/imagine a blog website for a vintage fashion magazine, retro, vibrant --ar 9:16
Стиль ретро характеризуется использованием старых или устаревших стилей или тенденций.

Этот стиль включает в себя элементы прошлого и придает вашему сайту ностальгическую атмосферу, что может понравиться определенной аудитории.

Виды стилей

  • Minimalistic / Clean
  • Vintage / Retro
  • Elegant / Classy
  • Luxury / High-end
  • Cartoonish / Cute
  • Sci-fi / Futuristic
  • Vibrant / Pastel
  • Bright / Dark

3. Используйте prompt в виде изображения

Еще один способ добиться лучших результатов с помощью подсказок — использовать изображение существующего веб-сайта.

Это позволит вам дать ИИ визуальную картину для генерации.

Пример:


ru version:
/imagine https://s.mj.run/2fISDx0qpo4 веб-дизайн для SaaS-стартапа, иллюстрации, минимализм --ar 9:16

en version:
/imagine https://s.mj.run/2fISDx0qpo4 web design for a SaaS startup, illustrations, minimalist --ar 9:16

В этом случае я попросил Midjourney создать дизайн веб-сайта, соответствующий стилю и ощущениям изображения выше.

Я изучил несколько конкурентов в madeontilda и сделал скриншот понравившегося мне дизайна.

4. Пишите устройство отображения сайта

Еще одна интересная функция — режим «настраиваемого масштабирования».


По сути, он позволяет вам быстро создавать макеты вашего веб-сайта (например, показать его на MacBook).


В данном случае я просто добавил «mockup MacBook».


ru version:
/imagine mockup веб-дизайна для персонального тренера на macbook, смелый, энергичный --ar 4:3

en version:
/imagine macbook mockup of a web design for a personal trainer, bold, energetic --ar 4:3

5. Используйте prompt "weights"

Режим Remix — еще одна новая функция Midjourney, которую стоит протестировать.


По сути, этот режим позволяет вам взять существующий дизайн и перерабатывать его для создания новых проектов.


Я просто нажал кнопку «Vary (Subtle)с, а затем изменил цвет с фиолетового на синий, коричневый и зеленый, чтобы создать разные цветовые вариации одного и того же дизайна.

Я также использую здесь prompt weights, чтобы Midjourney уделял цвету в два раза больше внимания (добавьте ::2 после слова).

ru version:
/imagine веб-дизайн для бренда пищевых добавок, фиолетовый::2 --ar 4:3

en version:
/imagine web design for a supplement brand, purple::2 --ar 3:4

Итог

Использование инструментов искусственного интеллекта, таких как MidJourney, может стать эффективным способом оптимизировать ваш процесс и помочь вам быстро изучить множество идей.
Однако я считаю, что ИИ не заменит полностью работу веб-дизайнера, он, скорее, поможет нам, дизайнерам, генерировать больше идей гораздо быстрее.
В конечном счете, вам все равно понадобится опыт профессионального дизайнера, чтобы доработать и доработать ваш дизайн.
Независимо от того, являетесь ли вы опытным дизайнером или только начинаете, MidJourney может стать ценным инструментом в вашем процессе веб-дизайна, если вы знаете, как его использовать.
Больше кода для Tilda в ТГ-канале
Поблагодари за код - подпишись https://t.me/breeze_tilda