Инженерный промтинг ИИ: как слова создают изображения. Часть 1

Статья раскрывает концепцию языка визуального мышления и принципы визуального промт-инжиниринга. Узнайте, как визуализация помогает в решении сложных задач и улучшении коммуникации в команде Читать на дизайнерс | #статья
Изображение поста

Решил снова рискнуть и поучаствовать в конкурсе 😎

Первый раз это было — с фильмом «Пророк» в конкурсе от Студии в ВК. Тогда не победил, но работа до сих пор висит выше всех благодаря вашим лайкам) А на днях увидел у @Oskar_Hartmann конкурс на лучшую ИИ-афишу. Мне как раз хотелось потестить SeeDream на сложных задачах и сделать что-нибудь эдакое.. киношное. Ну как тут пройти мимо? 😁 Я вам вот что скажу. Если базово понимать: какую и где нейроночку применить, то такая графика становится доступна почти каждому. Раньше, чтобы сколлажировать нечто подобное, ушло бы часов 10–15. У меня от идеи до результата прошло часа 3, не более. Самым сложным оказалось — вставить лицо, 30% времени только на это ушло. Всё остальное — сплошное удовольствие. План был вообще не делать ничего вручную, кроме текста. Но пару моментов пришлось "подфотошопить". 🤨 Чем пользовался: Промпты — GPT Основная графика — Midjourney Доработки и вставка лица — SeeDream Энхансы — KREA Я в восторге от результата. По-моему тянет на полноценный постер к фильму) А вам как такой ИИ-графон? *png в комментах 👇 #БизнесСтендапТур
Изображение поста

😮 Победа DNS над интерфейсным хаосом

Света, дизайнер интерфейсов DNS, рассказала о трансформации внутреннего продукта DNS REDACTOR. На одной странице насчитывалось 6 типов кнопок, каждый дизайнер рисовал страницы по-своему, а разработчики верстали как считали нужным. За 6 месяцев команда создала полноценную дизайн-систему, которая изменила не только интерфейсы, но и процессы работы. Самым сложным компонентом оказался Select, который пришлось переделывать 4 раза. Зато благодаря ему появились подробные гайды использования с описанием всех возможных сценариев. А новый компонент Aside-header освободил пространство сверху экрана, что критично для продукта, где основа интерфейса — таблицы. Внутри: – Почему внутренние продукты — это лицо компании внутри неё; – Как семантические цвета с альфа-каналом решили проблему 50 оттенков серого; – Зачем фильтры переместили в шапку таблицы; – Какие требования к макетам стали обязательными; – Почему визуальное тестирование добавили в процесс QA; – Как система статусов помогает управлять компонентами. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

#uikit

Бесплатный кит с небольшим набором элементов. Основную ценность внутри представляют гриды, особенно для тех, кому сложно разобраться с размерами. Остальное по мелочи и так везде есть(типографика, цвета, кнопки) Кит тут
Изображение поста
Инженерный промтинг ИИ: как слова создают изображения. Часть 1
Статья раскрывает концепцию языка визуального мышления и принципы визуального промт-инжиниринга. Узнайте, как визуализация помогает в решении сложных задач и улучшении коммуникации в команде Читать на дизайнерс | #статья
Изображение поста
⚡ LAST CALL
Сегодня завершается прием заявок на проектные школы Газпромнефть ❗️ ✨ В рамках проектной школы — «Цифровой двойник» вы разработаете интерактивный прототип интерфейса платформы цифровых слепков, который позволит управлять активами компании и бизнес-процессами, отслеживать состояние объектов в реальном времени, обеспечивать наглядную визуализацию сложных систем и учитывать различный уровень пользователей – от специалистов до топ-менеджмента. 1 место — 50 000 ₽ 2 место — 40 000 ₽ Регистрация на странице номинации до 09 октября включительно. ✨ В рамках проектной школы — «Трансформация» вы разработаете дизайн-концепцию нескольких видов мерча, а также предложите необычные идеи носителей, которые возможно реализовать технически и масштабировать на иные носители. 1 место — 50 000 ₽ 2 место — 40 000 ₽ Регистрация на странице номинации до 09 октября включительно. ❗️Напоминаем, что вы можете принять участие только в одной проектной школе от ПАО «Газпромнефть» Сегодня последняя возможность подать заявку на проектные школы, реализовать крутые проекты и поработать с командой Газпромнефть ❗️ — Принять участие в конкурсе могут студенты и выпускники последних 3 лет всех вузов РФ, а также — студенты колледжей и техникумов (от 18 лет). — Участие в проекте предполагает разделение работы на два этапа: на первом — вы, под кураторством менторов от вуза и компании-партнёра, создадите первые эскизы ваших проектов, а на втором — получите возможность, на основании обратной связи, доработать их для последующей презентации (каждый этап длится более двух недель). — Проект реализуется с использованием гранта Президента Российской Федерации, предоставленного Фондом президентских грантов.
Изображение поста
Изображение канала: Точка входа
Графический дизайнер в Pilgrims
Мы — Pilgrims Agency, создаем креативы для соцсетей, 2D и 3D-motion графику, SMM, дизайн и маркетинговые мероприятия любой сложности. Работаем с Яндекс, viju, Буше, Мираторг, SuperStep, Macrocosm, Mesh'n'Flesh и многими другими. Задачи: — создание визуалов для соцсетей, digital-рекламы и презентаций — разработка айдентики и элементов фирменного стиля проектов — подготовка макетов к печати — сбор референсов и мудбордов для новых проектов — поддержание фирменного стиля проектов во всех коммуникациях — работа в команде с арт-директором и SMM-отделом Ожидания: — уверенное владение Figma, Adobe Photoshop — навыки базового монтажа, будут вашим преимуществом — навыки графического дизайна: создание визуального контента для соцсетей (посты, сторис и др.), обработка фотографий, работа с фирменным стилем бренда, создание айдентики и макетов для digital и офлайн-кампаний, подготовка макетов для типографии — чувство композиции, типографики и цвета — креативный подход к работе и вкус Условия: — удаленная работа — полная занятость с 10:00 до 19:00 по мск — ЗП по договоренности → Откликнуться #дизайн
Изображение поста
Изображение канала: Точка входа
Менеджер проектов в beam
beam — агентство, которое стремительно выросло в проектах, но так и не сделало себе красивый сайт, соц. сети и коллекцию sales презентаций на все случаи жизни. Мы ищем опытного Project-менеджера в Москве, способного системно управлять проектами на всех этапах — от первичных переговоров до успешной реализации. Задачи: — полный цикл управления 3-5 проектами одновременно — проведение переговоров, подготовка КП и договорной документации — координация работы проектной команды — контроль сроков, бюджетов и качества исполнения Ожидания: — 1-2 года в рекламных/креативных агентствах или похожих проектах — понимание трендов, не просто следить за дедлайнами, а предлагать идеи — опыт ведения нескольких проектов сразу: знаешь, как распределять ресурсы и не пропускать детали — любовь к порядку: ты умеешь структурировать хаос и следишь за дедлайнами — гибкость: клиенты бывают разными, но ты умеешь находить подход даже в сложных ситуациях Условия: — зарплата по итогам собеседования, в зависимости от опыта — Москва или Санкт-Петербург — гибрид — команда, которая ценит идеи, энергию и чувство юмора — работа с крупными проектами и возможность влиять на креатив и стратегию Контакт для отклика: @marykarnaukh
Изображение поста
Изображение канала: The Blueprint News
Продажи нового альбома Тейлор Свифт The Life of a Showgirl превысили 3 млн копий за пять дней после релиза, сообщает Billboard. Если через два дня это число достигнет 3,4 млн, The Life of a Showgirl станет самой быстро продаваемой пластинкой в современной истории. С 2015 года этот рекорд принадлежал альбому Адель под названием 25, который разошелся тиражом 3,37 млн копий в первую неделю продаж.
Еще немного о двенадцатом альбоме Свифт в цифрах: 🔹300 млн прослушиваний набрали треки с новой пластинки за первые два дня. Лидером по стримам стала песня The Fate of Ophelia; 🔹22 млн просмотров на YouTube за два дня собрал клип на песню The Fate of Ophelia; 🔹28 вариантов альбома The Life of a Showgirl в общей сложности поступило в продажу; в это число вошли CD-диски, кассеты, виниловые пластинки и диджитал-версии; 🔹8 новых акустический версий песен из альбома войдут в четыре лимитированных компакт-диска. 🔹33 млн долларов за два дня собрал в прокате фильм Taylor Swift: The Official Release Party of a Showgirl, рассказывающий о процессе создания песен и включающий в себя закулисные фрагменты и один музыкальный клип. Для сравнения: картина «Крушащая машина» с Дуэйном «Скалой» Джонсоном, показанная на Венецианском кинофестивале, за тот же период собрала всего 6 млн долларов. 🔹The Blueprint News
Изображение поста
Изображение канала: TATLIN
"Много раз бывая на космодроме, я храню в своем сердце особое, благоговейное чувство к земле Байконура. Это священные места советской космонавтики: здесь все связано с её историей, с её настоящим и будущим. Здесь, в Байконуре, и время идет стремительнее, чётче слышится ритм Земли, ярче проступают черты будущего.
Но самое удивительное чувство вызывают люди, которые там трудятся. Это необыкновенно самоотверженные и преданные своему делу люди. Своим кропотливым и повседневным трудом они помогают человечеству шагать к звездам. И я преисполнен к ним, скромным труженикам, от работы которых во многом зависит успех наших космических дорог, чувствами самого искреннего восхищения и благодарности." Книга В.Н. Твердовского посвящена устройству космодрома, его структуре и принципам построения. Она рассказывает об оборудовании этого сложного комплекса, его работе и месте в системе космических средств. ⭐ Читать на сайте TATLIN #библиотека
Изображение поста
Изображение канала: Дизайн-Телега 🔥
Плагин Generative Gradients — поможет создавать сложные градиенты, используя всего несколько простых инструментов.
— Любой размер холста. — Экспорт в PNG. #png #генератор #градиент Источник
Video is not supported
Изображение канала: Дизайн молодых / Young Design
⚡ ОСТАЛОСЬ ДВА ДНЯ
чтобы подать заявку на участие в проектной школе от «Газпромнефть» Цифровой двойник / UX/UI дизайн В рамках проектной школы от ПАО «Газпромнефть» вы разработаете интерактивный прототип интерфейса платформы цифровых слепков, который позволит управлять активами компании и бизнес-процессами, отслеживать состояние объектов в реальном времени, обеспечивать наглядную визуализацию сложных систем и учитывать различный уровень пользователей – от специалистов до топ-менеджмента. ✨ Помимо возможности реализации проекта, победители также получат финансовое вознаграждение: 1 место — 50 000 ₽ 2 место — 40 000 ₽ ⭐ Для участия в проектной школе необходимо подать заявку на странице проекта до 09 октября включительно. Успевайте зарегистрироваться, не упускайте возможность поработать над интересным кейсом и заявить о себе с командой «Газпромнефть» ❗️ — Напоминаем, что в рамках конкурса вы можете податься на неограниченное кол-во номинаций и проектных школ ⚡️Но только в одной проектной школе от «Газпромнефть»❗️ — Принять участие в конкурсе могут студенты и выпускники последних 3 лет всех вузов РФ, а также — студенты колледжей и техникумов (от 18 лет). — Участие в проекте предполагает разделение работы на два этапа: на первом — вы, под кураторством менторов от вуза и компании-партнера, создадите первые эскизы ваших проектов, а на втором — получите возможность, на основании обратной связи, доработать их для последующей презентации (каждый этап длится более двух недель). — Проект реализуется с использованием гранта Президента Российской Федерации, предоставленного Фондом президентских грантов.
Изображение поста
Изображение канала: Archi.ru
В архитектуре премиум-класса безупречный внешний вид остекления – ключевое требование. Однако традиционно используемое термоупрочненное стекло часто создает оптические искажения («закалочную волну»). Решение – переработка стекла методом химического упрочнения. Написали об этом в Технологиях.
Химически упрочненное стекло давно известно по экранам смартфонов и планшетов, но в строительстве его стали использовать совсем недавно. В чем суть? Стекло обрабатывают в расплаве солей, создавая на поверхности прочный сжимающий слой. Без высоких температур, а значит — и без деформаций. В итоге у него идеальная оптика, прочность в 2 раза выше, чем у термоупрочненного. И термостойкость выше — до 250°C, что страхует от теплового шока на солнце. Где применять? – Стеклянные ограждения и перила — где важна кристальная прозрачность. – Большие фасады — для защиты от термического растрескивания. – Сложные гнутые формы — технология не вносит искажений после моллирования. 👉 Подробнее на Архи.ру. #остекление #фасады #стекло #технологии
Изображение поста
Изображение канала: Дизайнер, привет
Как я пилю свой продукт. Часть 18
Последний месяц был долгим в плане кода по двум причинам. Первая: я в путешествии, вторая: делал hirehi PRO. Сервис полгода был бесплатным для всех без ограничений. Были доступны все функции (мэтч, генерация сопроводительных, проверки сиви и так далее). Этим воспользовались тысячи людей и это очень радует. Но все эти процессы затратные и требуют значительных ресурсов. Поэтому hirehi теперь можно купить. Он остаётся бесплатным для вакансий, имеет некоторые лимиты для фич, но если вы хотите пользоваться без ограничений и получать доступ ко всем новым фичам (которые будут требовать затрат), то можно купить PRO версию. Это был челлендж для меня, потому что я никогда такого не делал с кодом. Нужно было интегрировать платёжный экварйинг, всю апишку, предусмотреть кейсы оплат, сроки, обнуление, активацию и так далее. Супер сложная задачка для меня и аишки, но мы справились. И ещё нужно было предусмотреть массу состояний для бесплатных лимитов, а когда они кончаются показывать другие блоки в зависимости от этого. Ну и отрисовать новый фронт для подписки, красивую модалку оплаты, виджеты PRO и так далее. Вчера, когда я деплоил, было очень боязно, что всё отлетит (хоть я и прогнал на тест-стенде все сто раз), но все работает и я этому очень рад. Тут нет планов заработать миллионы, это скорее больше как донат для меня и жизни сервиса и челлендж такое сделать. Плюсом к этому я сделал раздел оплат для себя в админке и теперь там есть аналитика, статусы оплат, можно выдавать, можно обнулять. И да, никакой автоматической подписки нет. После оплаты ничего не спишут неожиданно, да и я не стал с этим заморачиваться пока. Сейчас небольшая передышка и дальше буду уже делать продуктовые фичи, улучшать UI и исправлять баги 😍 Приходите смотреть вакансии, рассказывайте друзьям и знакомым, кто ищет работу) Я продолжаю получать много позитивного фидбека в личку и это безумно радует. Если у вас есть что сказать, фидбек, пожелание, ошибка или что сервис не очень (и такое есть тоже), приходите в личку ➡️ Смотреть вакансии ➡️ Смотреть вакансии ➡️ Смотреть вакансии ч.17 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Дизайнерская пыль
Прямиком из лаборатории: как разговаривать с ИИ так, чтобы макеты не расползались
Китайские исследователи показали SpecifyUI — система, которая помогает в итеративном проектировании пользовательских интерфейсов с использованием структурированных спецификаций и генеративного искусственного интеллекта. Сердце системы — SPEC — структурированное, параметризованное, иерархическое промежуточное представление, в котором элементы пользовательского интерфейса представлены в виде управляемых параметров. Да, звучит сложно. Но это может помочь с генеративным дизайном в будущем. Так что давайте разбираться. Как устроен генеративный дизайн сейчас (и что с ним не так) – Текстовые подсказки рулят сценарием: большинство инструментов просят «объяснить словами» замысел, а потом пытаются угадать структуру макета и компоненты. Итерации линейные: мелкая правка часто «расползается» по макету. – Болезненная точечная правка: без формальной структуры сложно поменять один блок, не тронув остальные. Нужна адресная правка по узлу и атрибуту, а не перегенерация целой страницы. Это и закрывает SPEC: правки вида <операция, путь, значение> — например, заменить палитру только у шапки или превратить таблицу конкретной секции в карточки. – Нет мостика к коду: обычная генерация выдает «картинку вдохновения». SPEC строит мост до инженерии: RAG по базе примеров, агент кода и отладчик доводят результат до исполнимого состояния. Чем SPEC нам полезен? – Контроль: намерение фиксируется как SPEC — структурная запись про сетку, палитру, «язык форм», сценарий и иерархию Страница → Секции → Компоненты. Правки вносятся адресно по пути в структуре, не ломая остальное. – Сборка из референсов: система режет референсы на регионы, достает из них структуру и стиль, склеивает в единый SPEC. Можно брать сетку из А, палитру из В, компоненты из С. – Повторяемость и передача в разработку: SPEC конвертируется в рабочий интерфейс и код (React + библиотека компонентов + графики); есть цикл «сгенерировать — отловить ошибку — починить». Почему это не пустая болтовня На корпусе из ~2000 экранов: меньше визуальных ошибок, выше семантическое сходство, стабильнее структура. В тесте с 16 дизайнерами участники отметили лучшее чувство контроля по сравнению с Google Stitch Где это реально заходит – Продуктовые экраны, каталоги, дашборды, лендинги с повторяющимися блоками. – Когда важно держать стиль и логику дизайн-системы. – Когда итераций много и их нужно фиксировать правилами, а не папкой картинок. Когда можно пройти мимо – Разовый визуальный эксперимент ради идеи. – Очень маленькие страницы, где быстрее нарисовать, чем описывать. – Когда нет ресурса сформулировать правила — SPEC требует дисциплины. Итог Это начало пути, но направление правильное: итеративный дизайн с ИИ под контролем структуры. Меньше случайностей, больше повторяемости.
Изображение поста
Изображение канала: 💙 kk про дизайн
Знаете, что это? Это панграммы!
Панграмма — это фраза или предложение, в котором используются все или почти все буквы алфавита, по возможности не повторяясь. Такие фразы применяются для демонстрации шрифтов, тестирования печатающих устройств и даже в стенографии. Чем короче панграмма, тем сложнее её составить, поэтому создание панграмм — это настоящее искусство. Да, да и наши мягкие французские булочки сюда же ❤️ Почитать подробнее можно у TypeType
Изображение поста
Изображение канала: Дизайн-лодка
Работая над цифровым продуктом, многие дизайнеры до сих пор оперируют лишь в рамках визуала, юзабилити и запросов от стейкхолдеров. Но настоящий продуктовый дизайнер старается применять свои дизайн-скиллы на пользу бизнесу.
Юнит-экономика — это анализ доходов и расходов бизнеса в расчёте на одну единицу продукта, услугу или клиента (тот самый юнит). Одно из отличий продуктового дизайнера — понимание и применение принципов юнит-экономики в ежедневной работе. Простой пример: можно строить гипотезы о том, почему кнопка на том или ином экране плохо конвертит, проводить исследования, добавлять на экран иллюстрации и яркие баннеры с баснословными скидками в 50%, а можно просто изменить текст на этой кнопке и сэкономить кучу денег бизнесу. Прорабатывая гипотезу, всегда стоит задумываться: как мы на этом заработаем и что изменится в метриках после релиза. Всегда нужно помнить о простой цепочке дизайн → поведение → деньги. В B2C дизайн напрямую связан с деньгами. Каждый пользователь — это юнит. Важен каждый шаг пользователя. В B2B юнит — не один пользователь, а компания в целом. Здесь один клиент = десятки пользователей, а LTV — то время, в течение которого одна компания остаётся с другой на контракте. В B2E тоже есть юнит-экономика. Каждая минута, которую сотрудник тратит на интерфейс, — это деньги компании. Кроме того, во внутренних продуктах LTV — это лояльность и время сотрудника. Каждое дизайнерское решение либо экономит ресурсы компании, либо их сжигает. Посчитав расходы на одного юнита (например, дизайнера), включающие заработную плату, налоги, отчисления, ДМС и бонусы, несложно представить масштаб расходов на команду или целый департамент таких юнитов. А вот с тем, чтобы посчитать доходы от этого юнита, обычно сложнее. Ну и в целом, всегда полезно понимать, во что обходится твой дизайн-час и какой эффект он приносит. Особенно, когда приходишь к руководителю просить повышения. В конечном счёте юнит-экономика для меня — это не набор сложных формул и догматов, а скорее способ думать о продукте с позиции бизнеса и цифр, не забывая, что цель бизнеса, чтобы за весь этот банкет платил пользователь, кайфуя при этом.
Изображение поста
Изображение канала: Дизайн-снайпер
Минутка fashion:
Дизайнер Gaurav Gupta и заметный индийский национальный мотив сложной, орнаментальной флоры вышивки.
Video is not supported
Изображение канала: Дизайнер, привет
👥 Как Авито превратили матрицу DACI в продукт для всех команд
Команда Авито столкнулась с проблемой: сотрудники не понимали свои роли в проектах. Дизайнеры не знали, что должны сами утверждать стиль, редакторы удивлялись, почему текст написали без них. Решением стала матрица DACI — таблица с четырьмя ролями: Driver (организатор), Approver (заказчик), Contributor (исполнитель) и Informed (информированный). Первая версия получилась слишком сложной: 70+ процессов в громоздкой таблице. Команда переработала концепцию: вместо ролей в основу положили должности (их проще найти), а для визуальной метафоры выбрали глаза разной формы для каждой роли. Проект превратился в самостоятельный продукт с лендингом, 3D-персонажами и возможностью создать свою матрицу. Внутри: – Почему 36 сотрудников из 6 департаментов провели воркшопы по Double Diamond; – Как переход от ролей к должностям упростил поиск информации; – Зачем каждой роли нарисовали глаза разной формы; – Как промоматериалы с 3D-персонажами помогли продвижению; – Почему древние люди на лендинге ловят мамонта; – Какие сценарии кастомизации предусмотрели для других компаний. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: aic.brave.designers
Очевидное-невероятное, или совет, который реально работает и экономит недели согласования
решили делиться инсайтами, которые помогают нам выполнять проекты в срок и работать слаженно в команде 🤫 Ситуация: в чате сложный вопрос, а в ответ звуки сверчков. Потому что нет готового ответа. Логика понятна — если нет ответа, отвечать нечего. Однако это сильно замедляет процессы. Как показывает практика, даже фраза «не знаю, уточню» или «вернусь через N времени» спасает ситуацию. Самое главное, реально уточнять и возвращаться в срок. Кажется мелочью, но в результате внутри команды проще договориться, а клиентам приятнее с нами работать. Что выбираете вы? Промолчать или ответить?
Video is not supported