Как применять нейросети в дизайне

Привет мир, я Наташа! Пол года назад я устала сопротивляться искусственному интеллекту и решила вместо того, чтобы нудеть о том, что скоро нас всех заменят взять ситуацию под контроль, и запрячь нейроразум работать в свою пользу. В этой статье я расскажу тебе, какие нашла способы применения нейросетей в веб-дизайне на конкретных примерах. Полетели!

1) Создание иллюстраций

Это пожалуй самое очевидное и первое, что я сделала. Тогда я работала над сайтом креативного агентства, которое снимает клипы для творческих детей и подростков в Екатеринбурге и яркие уникальные иллюстрации здорово разнообразили его.

На сайте все еще было много их личного медиаконтента, и работа Mj только дополняла его. Но уже в следующем проекте — редизайне приложения для медитаций — я полностью создала весь медиаконтент используя нейросеть.
На сайте все еще было много их личного медиаконтента, и работа Mj только дополняла его. Но уже в следующем проекте — редизайне приложения для медитаций — я полностью создала весь медиаконтент используя нейросеть.
Как применять нейросети в дизайне

2) Редактирование фотографий

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

Банальный пример — лента постов для аккаунта парфюмерного магазина. Я генерирую фон и вместо того чтобы долго натуралистично вклеивать флакон на фото, я криво соединяю две фотографии в фигме, а потом просто выделаю в SD места стыков флакона с фоном и прошу сделать магию

Как применять нейросети в дизайне

3) Аналитика

В работе над сайтами я всегда прибегаю к анализу конкурентов и ниши в целом. GPT в этом хороший помощник и друг. Часто я прошу его сделать подборку сайтов или проанализировать тот или иной сайт, выписав мне все его разделы. Так же очень удобно задавать конкретный вопрос, например в каких сайтах из выборки есть платная подписка или реклама, чтобы выявить насколько будет привычным для пользователей нашего сайта тот или иной паттерн.

Когда сам проект уже сделан и красиво сверстан, то дело непременно касается презентации. Скажу честно, этот способ использования нейросетей я открыла для себя недавно и буквально открываю от сердца:
Когда сам проект уже сделан и красиво сверстан, то дело непременно касается презентации. Скажу честно, этот способ использования нейросетей я открыла для себя недавно и буквально открываю от сердца:

4) Мокапы

Правильный промт + пара горячих клавиш в ФШ и ваш кейс дополняет мокап, который еще не приелся взгляду профи. Самое крутое, что девайс можно поместить хоть куда. Я вот рисовала сайт для гомологической лаборатории и генерировала изображения телефоно-буков в разнообразных минералах и друзах, а способом наложения добавить разнообразные световые эффекты. Кстати, всеми исходниками своих мокапов я делюсь у себя в телеграмме, заходи в гости и забирай!

Как применять нейросети в дизайне

Буду рада, если вы нашли для себя что-то интересное. Делитесь в комментариях своими способами использования нейросетей в дизайне!

22
Начать дискуссию