Минутка промта:

Дизайнер Дарья Суркова делится промтом для Nano Banana прототипа презентации упаковки на основе одного макета. Промт для Nano Banana Pro: Create ONE final image. A clean 3×3 [ratio] storyboard grid with nine equal [ratio] sized panels on [4:5] ratio. Use the reference image as the base product reference. Keep the same product, packaging design, branding, materials, colors, proportions and overall identity across all nine panels exactly as the reference. The product must remain clearly recognizable in every frame. The label, logo and proportions must stay exactly the same. This storyboard is a high-end designer mockup presentation for a branding portfolio. The focus is on form, composition, materiality and visual rhythm rather than realism or lifestyle narrative. The overall look should feel curated, editorial and design-driven. FRAME 1: Front-facing hero shot of the product in a clean studio setup. Neutral background, balanced composition, calm and confident presentation of the product. FRAME 2: Close-up shot with the focus centered on the middle of the product. Focusing on surface texture, materials and print details. FRAME 3: Shows the reference product placed in an environment that naturally fits the brand and product category. Studio setting inspired by the product design elements and colours. FRAME 4: Product shown in use or interaction on a neutral studio background. Hands and interaction elements are minimal and restrained, the look matches the style of the package. FRAME 5: Isometric composition showing multiple products arranged in a precise geometric order from the top isometric angle. All products are placed at the same isometric top angle, evenly spaced, clean, structured and graphic. FRAME 6: Product levitating slightly tilted on a neutral background that matches the reference image color palette. Floating position is angled and intentional, the product is floating naturally in space. FRAME 7: is an extreme close-up focusing on a specific detail of the label, edge, texture or material behavior. FRAME 8: The product in an unexpected yet aesthetically strong setting that feels bold, editorial and visually striking. Unexpected but highly stylized setting. Studio-based, and designer-driven. Bold composition that elevates the brand. FRAME 9: Wide composition showing the product in use, placed within a refined designer setup. Clean props, controlled styling, cohesive with the rest of the series. CAMERA & STYLE: Ultra high-quality studio imagery with a real camera look. Different camera angles and framings across frames. Controlled depth of field, precise lighting, accurate materials and reflections. Lighting logic, color palette, mood and visual language must remain consistent across all nine panels as one cohesive series. OUTPUT: A clean 3×3 grid with no borders, no text, no captions and no watermarks.
Изображение поста
Изображение поста
Изображение поста

Grids Generator — плагин поможет создать стиль сетки макета прямо в Фигме.

Хочу записать спидран по вёрстке не для того, чтобы показать вам какой я быстрый 🥊

А для того, чтобы дать вам ЭТАЛОН. Файл, в котором будет: - правильно настроенный Grid, - шрифты, привязанные к стилям, - автоматический адаптив. Исходник залью в свой Телеграм сразу после выхода ролика. Не пропустите, в нём можно будет потыкать слои.
Изображение поста

Экспресс-тест Nano Banana

Помните эти сотни гигабайтов мокапов на любой вкус для Фотошопа? Чтобы можно было и логотип примерить на любую поверхность и принт на футболку налепить и вывеску на магазин повесить. Пробовал с другими нейронками, но получалось откровенно фиговенько . А вот Nano Banana почти идеально вывезла задачу за 2 минутки. Промпт: generate ultra realistic mockups with this logo: silver badge macro, silver ring macro, tattoo, modern blue cap, t-shirt, pendant, black bag, flag, small sticker on laptop. Image grid 3x3 Если уже тестили и почувствовали разницу с другими нейронками (или не почувствовали), дайте знать в комменты 👌
Изображение поста
🖥 HTML-верстка для дизайнеров (интенсив)
Как и обещал, проведем для вас интенсив по HTML-верстке. Дизайнеру важно понимать, как технически реализуются макеты — это помогает заранее продумывать дизайн так, чтобы он корректно собирался в разработке. Интенсив пройдет 26 и 27 ноября, на нем мы вместе с командой Taptop разберем: • основы HTML-верстки • основные термины • как правильно передавать макет в разработку 📌 Плюс будет практика, где вы сможете самостоятельно сверстать проект на визуальном редакторе кода Taptop. Он позволяет работать по принципам реальной верстки, при этом не требует знания кода. Подробная программа на 2 дня интенсива: 🗓 26 ноября: ⬥ Расскажем, почему дизайнер, который понимает верстку, становится сильнее, дороже и востребованнее, и зачем вообще дизайнеру разбираться в логике кода. ⬥ Разберем частые ошибки дизайнеров в макетах. ⬥ Объясним, как думает разработчик: что для него важно, почему он “ломает” макет, как он считывает структуру, что такое чистый код. ⬥ На примере Taptop разберем, что такое логика визуальной верстки и почему дизайнеру важно понимать структуру. ⬥ Рассмотрим, что такое HTML простым языком: структура страницы, теги, div, DOM. ⬥ CSS в понимании дизайнера: позиционирование, построение структуры, работа flex и grid, поведение блоков, связь дизайна и кода. ⬥ Принципы адаптации дизайна: mobile-first и desktop-first, брейкпоинты, базовые правила адаптива. ⬥ Посмотрим и разберем реальные кейсы студентов и партнеров, а также вы получите практическое задание 🗓 27 ноября: ⬥ Разберем ваши работы: рассмотрим типичные ошибки, расскажем, как сделал бы разработчик, а также подарим вам чек-лист передачи макета. ⬥ Практика: сборка макета в Таптоп, создание адаптива и мобильной версии. ⬥ Подведем итоги и подарим бонусы участникам: чек-лист передачи макета, методичка по терминологии, а также запись практики. ⚡️ Зарегистрироваться на интенсив P.S. В видео к посту — реализованные сайты студентов Uprock на Taptop, посмотреть их подробнее можно по ссылкам 👇 ➤ Тигран Шагоян — Shagoyan ➤ Наталия Кузнецова — Laguna Al-Sha'ab ➤ Наталья Лебедева — Бризант
Парадокс нейросетей: почему с их развитием я стал делать МЕНЬШЕ?
Поймал себя на странной мысли. Чем дальше развиваются нейросети и инструменты для дизайна - тем… медленнее идёт работа над моушн-афишами. Хотя логично было бы наоборот: ✅ быстрее ✅ проще ✅ больше контента Но по факту — в день я стал делать меньше единиц контента. И тут вопрос: проблема во мне (может я стал слишком стар) или в самой реальности, где слишком много возможностей? С одной стороны — нейросети убрали рутину. С другой — добавили: - бесконечный выбор - эксперименты с промптами - десятки вариантов - перфекционизм - желание сделать «ещё лучше» Иногда кажется, что ты уже не создаёшь - а закапываешься в возможностях. Было у вас так же? Или наоборот - стали делать в 2 раза больше после появления AI? Напишите в комментариях В качестве развлечения - можете попробовать промпт для Nano Banan Pro - примерить несколько причёсок 😂 Nano Banana Pro доступна в боте - @aicreativeclub_bot промпт для примерки причёсок - make a 3x3 grid with different hairstyles
Изображение поста
Gridder. Простой браузерный генератор модульных сеток. Можно настраивать количество колонок и строк, поля, отступы и размер холста. Результат экспортируется в виде вектора в PDF.
Изображение поста
📊 Дашборды: как найти баланс между красотой и пользой
Команда Ozon Tech рассказала о типичных проблемах при создании дашбордов и способах их решения. Главная проблема в том, что красивые панели данных часто оказываются бесполезными из-за избытка информации и конфликта интересов между дизайнерами, аналитиками и пользователями. Основные ошибки включают попытку поместить все метрики на одну страницу, неверные допущения о знаниях пользователей и неправильную расстановку акцентов. Решение в создании трёхуровневой иерархии: верхний уровень с ключевыми показателями и крупной типографикой, средний с визуализацией трендов, нижний с детальной аналитикой в периферийной зоне. Важно соблюдать принцип единоначалия фильтров, когда все элементы визуализации подчиняются единым правилам фильтрации. Без этого пользователь столкнётся с несогласованными данными и потратит время на настройку каждого фильтра отдельно. Внутри: – Почему для топ-менеджмента нужны стратегические показатели, а для специалистов детальный анализ; – Как использовать вкладки и детализацию вместо перегрузки главного экрана; – Зачем ограничивать яркие индикаторы для управления вниманием; – Какие библиотеки упрощают разработку (AG Grid, Apache EChart, Recharts); – Почему Apache Superset может заменить разработку с нуля; – Когда использовать линейные графики, а когда радиальные индикаторы. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Just Grids — набор сеток Bootstrap, Netflix, Youtube, Wide, Ultra Wide, 960
Изображение поста
Perspective Grid — плагин для создания перспективной сетки.
🔗 Figma Community ▫️ #tools
Плагин «Grid for Tilda Publishing» by Schetinin
Плагин для создания правильной Tilda сетки 🕸 Скачать плагин 🕸 #plugin
Изображение поста
Perspective Grid Generator — легко создавайте перспективные сетки за считанные секунды.
Настраивайте горизонтальные и вертикальные линии, а также регулируйте углы сетки с помощью интуитивно понятного интерфейса. Идеально подходит для улучшения графических работ с фоновыми сетками. #3D #сетка #изометрия #перспектива
Lettering Grids. Набор из 68 композиционных сеток для создания леттеринга. Доступно в виде кистей для Procreate и PNG размером 4000×4000 px.
Цена — 14 $. #инструменты
Изображение поста
❗️ Новостной дизайн
#news Figma анонсировала новые обновления сеток #ai #uiux #designtrends #design Figma представила обновления для работы с сетками, которые уже доступны в бета-версии: ⚪️Удаление строк и столбцов: теперь можно быстро удалять часть сетки прямо на холсте. ⚪️Min и max значени: возможность задавать минимальные и максимальные размеры для сеток и объектов внутри них. ⚪️Редактирование нескольких сеток: новый, более быстрый grid picker позволяет настраивать сразу несколько сеток одновременно. 📌 Ссылка на источник Поставь реакцию 💕 | 🙍‍♂️ Design News
Perspective Grid — плагин для создания перспективной сетки.
Плагин GridGen — использует встроенные прямоугольники, линии и тексты Figma для создания таблиц с аккуратно организованными слоями.
Split Into Grid — плагин разделяет слой на несколько частей.
🎥 Функции и возможности Grid Container
Grid Container — это рабочая область в Zero Block шириной 1200 px, в которой используется та же сетка, что и в базовых блоках Тильды. В этом видео разберём примеры, как можно настроить привязку элементов к Grid Container и какие еще настройки можно задать. Смотреть видео: 📱 VK Видео → https://vkvideo.ru/video-89546664_456240304 📺 YouTube → https://youtu.be/aI6Ov_a9KVg
Изображение поста
Grid Pattern Generator
Полезный плагин, предназначенный для генерации различных сеток. Install 🖼 Figma Дизайн
Изображение поста
Анимации всех эффектов вкладки Distort
Одновременно и Шпаргалка и вдохновляшка из эффектов After Effects 🤗 Список эффектов: Bezier Warp, Bulge, Corner Pin, Displacement Map, Liquify, Magnify, Mesh Warp, Mirror, Offset, Optics Compensation, Polar Coordinates, Reshape, Ripple, Smear, Spherize, Transform, Turbulent Displace, Twirl, Warp, Wave Warp, CC Bend It, CC Bender, CC Blobbylize, CC Flo Motion, CC Griddler, CC Lens, CC Page Turn, CC Power Pin, CC Ripple Pulse, CC Slant, CC Smear, CC Split, CC Split 2, CC Tiler Автор: @NickMoGraph #полезность #вдохновение #AE