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:
Затем вы можете разработать свой веб-сайт, используя такие инструменты, как Webflow или Tilda.
Теперь давайте углубимся в разработку веб-сайтов с использованием Midjourney.
Совет: используйте en version для ввода Prompts .
- Используйте prompt соотношения сторон (—ar 9:16), которое позволит Midjourney лучшие вас понять и даст соответствующий результаты.
- Используйте такие слова, как веб-дизайн, UX/UI-дизайн, дизайн веб-сайтов и т. д.
- Описывайте стиль, цвет, технику (фото, иллюстрации, абстракция) и т. д. - это сгенерирует лучшую картинку.
Затем вы можете разработать свой веб-сайт, используя такие инструменты, как Webflow или Tilda.
Теперь давайте углубимся в разработку веб-сайтов с использованием Midjourney.
Совет: используйте en version для ввода Prompts .
- Выберите тип сайта
Прежде всего, вам нужно определиться, какой тип сайта вам нужен. Это может быть: веб-сайт электронной коммерции, веб-сайт бизнеса/портфолио, веб-сайт блога/новостей или журнала и т. д.
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:
prompt:
ru version:
/imagine блог-сайт технического журнала, современный и яркий --ar 9:16
en version:
/imagine a blog website for a tech magazine, modern, vibrant --ar 9:16
Виды сайтов
- eCommerce веб-сайт
- Бизнес-сайт / портфолио
- Блог / сайт новостей и журналов
- Информационный / каталог веб-сайта
- Веб-сайт сообщества / онлайн-форума
- Веб-сайт мероприятия / членства
- Персональный / развлекательный сайт
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»
Например, если вам нужно, чтобы ваш бренд ассоциировался с современным и свежим, используйте такие слова, как «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 может стать ценным инструментом в вашем процессе веб-дизайна, если вы знаете, как его использовать.
Однако я считаю, что ИИ не заменит полностью работу веб-дизайнера, он, скорее, поможет нам, дизайнерам, генерировать больше идей гораздо быстрее.
В конечном счете, вам все равно понадобится опыт профессионального дизайнера, чтобы доработать и доработать ваш дизайн.
Независимо от того, являетесь ли вы опытным дизайнером или только начинаете, MidJourney может стать ценным инструментом в вашем процессе веб-дизайна, если вы знаете, как его использовать.