Экспресс-тест 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
Модульная сетка. Часть 2.
В Figma также можно настраивать сетку. Вы узнаете как её включить, убрать и настраивать для создания дизайна. 1. Чтобы включить или отключить сетку в Figma, нажмите на комбинацию горячих клавиш «Ctrl + Shift + 4». 2. Чтобы сделать сетку в приложении, выберите фрейм и в правой панели напротив надписи «Layout grid» нажмите на иконку плюса. 3. Для настройки сетки нажимаем в правой панели на саму иконку сетки. В появившемся окне вы сможете изменять размеры, цвет и прозрачность сетки. Также делать сетку в виде горизонтальных или вертикальных колонок. Колоночную сетку можно задать, выбрав вместо значения «Grid» (сетка), надпись «Columns» (колонки или столбцы). Если хотите, чтобы колонки были вертикальными, то следует задать значение «Rows» (строки)
A3 Paper Branding Grid Poster Mockup
💾 Скачать и использовать https://disk.yandex.ru/d/xv625wVeiQNemA 🔎 Посмотреть описание http://www.postermockup.com/2022/08/16/a3-paper-branding-grid-poster-mockup/ #статичный #постер 💙Freepik
Изображение поста
#AfterEffects #Переходы
Premium Transitions Grid Lines. 8 оригинальных переходов, 4КК, After Effects 2019+ Скачать 21,7 мб