Прайминг — пусковая пружина интерфейса

Статья рассматривает концепцию прайминга и эффекта предшествования, показывая, как предварительная настройка может влиять на наши ассоциативные реакции и эмоциональное состояние Читать на дизайнерс | #статья
Изображение поста

Consta news

🔹NEW Pixso Мы опубликовали несколько библиотек дизайн-системы Consta в Pixso (Beta): На цветовых переменных: – Consta UI-Kit – Consta Table – Consta Graphics На старых цветовых стилях: – Consta Charts – Consta Drill Elements Для обратной совместимости: – Consta Default, Dark, Display Colors – Consta Default Typography – Consta Spaces ⚠️ Почему Beta? Некоторые компоненты могут работать с ошибками. Мы уже знаем о части из них, а про другие можем узнать только от вас :) Будем благодарны за обратную связь. В ближайшие недели постараемся довести библиотеки до максимального сходства с Figma. Ссылка на библиотеки в Pixso Что дальше: Готовим публикацию оставшихся библиотек и параллельно переезжаем на Variables (шрифты, отступы). Еще кое-что для Pixso: Мы сделали плагин Consta Props Styler — он строит таблицу свойств для компонент-сета в один клик (по аналогии с Propstar в Figma). Забрать можно здесь. 🔹NEW Figma – Перевели Consta UI-Kit на цветовые переменные. Теперь в библиотеке нет отдельных версий под каждую тему — переключение делается прямо в настройке Appearance → Variable Mode. – Навигация в менеджере ассетов стала проще. Что дальше: Переезд шрифтов и отступов на Variables. Обновление UI-Kit выйдет в ближайшие пару недель, затем подтянем и остальные библиотеки. 🔹Компоненты в UI-Kit – NEW Banner — статусная плашка с кнопками для закрепленных сообщений. – NEW File Icon — новая иконка формата файла: много предзаготовок + возможность собрать свою. – Tag — иконка теперь настраивается через Boolean-свойство, поправили размеры для S и XS. – Badge — выбор иконки вынесен в список свойств. – Groups — компоненты, у которых есть Group-версия, сделали отдельными от групп, как на портале: – AvatarGroup (добавили настройку View для всей группы разом) – SwitchGroup – BadgeGroup – CheckboxGroup – CollapseGroup 🔹Еще кое-что для Figma Сделали плагин Consta Style Replacer. Он помогает заменить цветовые стили на переменные по совпадению имен. Если библиотека опубликована в вашей команде — заведите у себя переменные и замените стили за пару кликов. В следующей версии добавим возможность работы с переменными из удаленных библиотек. Смотреть в Figma community Стэй тунед!

✏️ Быстрая настройка типографики

Изменяйте типографику, не заходя в Настройки блока. Чтобы вызвать меню, зажмите Cmd/Ctrl и кликните на текстовый элемент левой кнопкой мыши. Или кликните правой кнопкой на текст → Типографика. В появившемся меню можно задать цвет, размер, насыщенность текста, отступы, регистр и другие параметры. #tildaupdates
Изображение поста

Подборка актуальных инструментов для работы с цветом:

🔶 Gradients.app. Подбор цветов и сочетаний по фотографиям, генерация собственных палитр 🔶 Colorsinspo. Помощь с выбором цвета, обучение, вдохновение 🔶 Darker. Простая генерация цветовых оттенков по заданному параметру 🔶 Accessible Palette. Инструмент для экспериментов и создания своей палитры. Здесь используется цветовая модель CIELAB, максимально приближенная к человеческому зрению 🔶 Huemint. Оригинальные цветовые схемы от искусственного интеллекта. Возможность оценить результат на реальных объектах 🔶 IWantHue. Онлайн-генератор с расширенными настройками для подбора цветов и их сочетаний 🔶 Leonardo. Продвинутый инструмент по созданию и аналитике цветовых палитр 🔶 Supa Palette. Возможен импорт готовых палитр и создание своих, исходя из параметров 🔶 Atmos. Можно проверить цвета на доступность по нормам WCAG 2 и WCAG 3, имитировать нарушения зрения, отсматривать взаимосвязи на цветовом круге Сохраняйте себе и делитесь в комментариях своими находками! [Фабрика Дизайна]
Изображение поста
🤖 Автоматизация дизайн-систем: советы и инструменты для старта
Джос Памбу рассказал о синхронизации токенов, компонентов и документации, дал практические рекомендации по выбору инструментов, а ещё рассказал как эти процессы можно автоматизировать. Как обновление токена в Фигме автоматически попадает в код и документацию. Без автоматизации команды постоянно сталкиваются с рассинхроном: цвет поменяли в дизайне, но забыли в коде. В статье разбирается весь процесс: от настройки токенов через Token Studio до генерации кода через Supernova. Особенно интересна часть про AI, который помогает с именованием сотен токенов и генерацией документации. Джос предупреждает: не автоматизируйте всё сразу одним скриптом, лучше разбить на маленькие шаги. Внутри: – Какие инструменты синхронизируют токены между дизайном и кодом; – Как настроить экспорт из Фигмы в разные форматы кода; – Почему важно разбивать автоматизацию на маленькие шаги; – Где AI может реально помочь с дизайн-системой; – Какие ошибки чаще всего делают при автоматизации; – Пошаговая инструкция настройки через Supernova. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
#Ai | #Tutorial
Как создавать дизайн одежды с помощью Adobe Illustrator Изучите пошаговый процесс создания дизайна одежды в Adobe Illustrator. Я научу вас всем лучшим инструментам, советам и хитростям, которые помогут вам создавать профессиональные макеты и дизайны одежды для ваших брендов одежды. 00:00:00 Составление плана, изучение инструментов 00:24:32 Настройка текста, вырезка масок 00:29:25 Использование форм для создания дизайна 00:35:25 Одежда с потертостями 00:42:35 Добавление меток и деталей 00:52:30 Изготовление брюк 00:54:20 Настройка макетов 01:01:00 Добавление карманов 01:09:40 Несколько цветовых решений 01:16:00 Создание макетов упаковок Автор eban corona
⚡️ Только сегодня — забирай целых 4 (!) курса по цене 1
Масштабная прокачка дизайнера до уровня PRO (экономия 40 тысяч) Если ты ждал какой-то недорогой вариант, чтобы прокачать дизайн, продажи, нейросети и начать делать кратно больше денег с дизайна — это твой шанс 😉 Какое качество уроков: Бесплатный урок по дизайну презентации для ТВ-шоу все еще лежит тут по ссылочке — переходи, смотри, там как всегда качество ⭐️ Это последняя распродажа перед полной переупаковкой всех курсов! ——— Что внутри: ⭐️Курс 1. NeuroDesign (29.900 ₽) (запись) (более 16 часов материала, 3 модуля) Это самый простой способ дизайнеру научиться в киношные, трехмерные композиции на уровне топовых дизайнеров, так же база по цвету, типографике, 12+ работ в домашних заданиях Примеры учеников — до и после прохождения курса прямо на картинке сверху (или в комментариях) В конце курса ты упакауешься так, что сможешь спокойно повысить цену графики в 2-3 раза и стать по уровню лучше 90-95% всех дизайнеров вокруг ——— ⭐️Курс 2. NeuroGuide (9.900 ₽) (запись) (6+ часов материала, 1 модуль) Самая актуальная база по нейросетям на сентябрь 2025 года: нейрофотосессии, анимации, генерация товаров, ультра-реалистичные коллажи в пару кликов + методика как создать себе из GPT ментора, маркетолога, арт-директора и продажника А самое важное — ты сможешь выполнять новые услуги новой профессии «Нейродизайнер», это сильно сократит время на рисование картинок, и сильно увеличит качество работ С таким уровнем можно будет спокойно постить кейсы и ждать клиентов с Behance, Pinterest и Threads ✨ ——— ⭐️Курс 3. DesignXMarketing (14.900 ₽) (запись) (4+ часов материала, 1 модуль) (Андрей Блэк) Это та самая волшебная таблетка как сделать 100К на дизайне за 3-5 дней!! Блин, вы че реально повелись? 🤓 Давай по чесноку: у всех дизайнеров есть пара проблем, которые прям очень мешают жить. Этот курс научит тебя не просто кидать работы на Behance, а создавать полноценные Behance-шаблоны, где зашито сразу море разных продающих смыслов. Все с подробными примерами, пошаговыми инструкциями, поглощается реально за пару заходов, будто сгонял на топовую консультацию. Ты можешь не шарить за настройку рекламы, но после прохождения курса будешь шарить за маркетинг, как дизайнер: как и где искать постоянников на сайты, баннеры и карточки, разбор всех видов трафика для дизайнера, как создать топовое позиционирование и линейку продуктов Проще говоря — это фулл-гайд по тому как психологически зацепить клиента своей упаковкой, чтобы работать с ними вдолгую и вытаскивать даже по 800К в год с 1 клиента. Материал расчитан на дизайнеров с доходом 50-150К, которые хотят выйти на 400-500 тысяч дохода ——— ⭐️Курс 4. Таргетинг для дизайнеров (9.900 ₽) (запись) (2 урока по 40 минут) (Аида Бленегапце) Найти хорошего дизайнера в команду тяжело. Найти хорошего таргетолога — еще тяжелее. Найти гайд по настройке таргетинга своими ручками — невозможно. Но вот он тут перед вами, в 2 уроках по 40 минут — рассказано как даже на небольших бюджетах можно запустить на свои услуги Таргетинг VK и стабильно получать оттуда заказы. Нет клиентов? Включил. — Завал заказов? Выключил. Таргет — намного проще, чем кажется и его может настроить вообще каждый. ——— Сейчас, если напишешь мне «Хочу Нейродизайн» — ты получишь доступ сразу к 4 курсам по цене 1-ого и масштабной прокачке тебя, как дизайнера ⭐️ Общая цена курсов: 29.900 ₽ + 9.900 ₽ + 14.900 ₽ + 9.900 ₽ = 64.600 ₽ Цена только сегодня: 24.900 ₽ Для тех, кто уже взял предзаказ NeuroGuide: 19.900 ₽ Есть рассрочка — 4.150₽ /мес Экономия — целых 40 тысяч рублей С обратной связью по всем домашкам: 75.900 ₽ P.S. Если только сейчас понял, что тебе оно очень нужно, надо собрать деньги и пр. — просто напиши в ЛС слово «Бронь», придержу для тебя цену еще пару дней ☺️
Изображение поста
Ключевые проблемы дизайн-менеджмента (2/2)
#Менеджмент Об управлении в дизайне спорят все, кто оказывается на управленческих позициях. Ведь нет идеального руководителя, процесса, компании или продукта. Роль дизайн-менеджера заключается в нащупывании возможностей в рамках текущего контекста. А хороший менеджмент это всегда про решительность, рассудительность и способность идти туда, куда большинство пойти побоятся. — Как превратить проблемы в возможности? Дизайн-менеджмент — это выстраивание рабочих процессов, межличностных коммуникаций и стратегических планов. Чтобы преодолеть ключевые проблемы, нужен системный подход. Рассмотрим шесть пунктов, которые помогут решать эти проблемы комплексно: 1. Дизайн как часть бизнес-стратегии • Включение дизайн-лидеров в стратегические обсуждения развития бизнеса. • Связь UX-метрик (NPS, LTV, Retention) с финансовыми показателями. • Выстраивание производственных процессов, где дизайн участвует в принятии решений с самого начала. 2. Настройка производственных процессов • Организация коротких релизных итераций для быстрой проверки гипотез. • Организация инструментов (Дизайн-системы, базы знаний, пользовательские паттерны) для ускорения работы и обеспечения консистентности. • Роли, функции, зона ответственности в кроссфункциональной команде: (исследователи, разработчики, аналитики, менеджеры, дизайнеры). 3. Коллаборация между командами • Документация, гайды, прототипы, результаты исследований вместо абстрактных ТЗ. • Совместные воркшопы, сессии дизайн-мышления, где все участвуют в генерации идей. • Формат работы и взаимодействия с применением гибких методологий и высокой степенью автономности. 4. Развитие дизайн-команды • Гибкие роли дизайнеров с возможностью переключения между задачами. • Внутреннее обучение и менторинг: курсы по софтскилам (для ведения переговоров и проведения презентаций для бизнеса), курсы по хардскилам (изучение и внедрение новых технических инструментов). • Внешнее обучение: отправка дизайнеров на вебинары, интенсивы и др. типы обучения, согласно персональному плану развития каждого. • Честные KPI: оценка не по количеству нарисованных макетов, а по результативности в принятых решениях и влиянии на продукт. 5. Адаптация к новым технологиям • Регулярный аудит инструментов: что устарело, что пришло этому на смену. Какие AI-инструменты ускоряют реализацию рутинных задач. • Эксперименты с неиспользуемыми цифровыми форматами (AR/VR, голосовые интерфейсы, чат-боты, и т.д.) 6. Доказательство ценности дизайна • Метрики дизайн-эффективности: время на выполнение задач, снижение числа ошибок пользователей. • A/B-тестирование всего: от кнопок до навигации, от логотипов до анимации. • Гипотезы, их подтверждение / опровержение, измерение показателей и фиксация клиентских отзывов после внедрения конкретных дизайнерских решений (новый онбординг, новая панель навигации, новый кей-вижуал). Дизайн-менеджмент — это система Недостаточно просто нанять талантливых дизайнеров. Необходимо выстроить процессы, дать влияние дизайнерам и научиться измерять вклад их работы в общее дело. Дизайн-руководители, которые внедряют эти решения, получают: → Быстрые релизные итерации вместо бесконечных правок дизайна. → Синхронизацию команд вместо конфликтов между дизайнерами и другими специалистами. → Измеримый рост продукта и команды вместо субъективных оценок топ-менеджеров.
Изображение поста
🔨🔧 Функция задачи в AI-генерации
Теперь при генерации страницы с нуля на этапе «Задача» можно настроить её использование. Например, вы детально прописали задачу для новой страницы: уточнили структуру по разделам, указали фирменный цвет или тип страницы. А далее можете выбрать, как использовать этот текст: 🟠 Взять за основу (по умолчанию). Задача станет опорой, а генерация будет детализировать страницу подходящими решениями. 🟠 Следовать точно. Генерация будет строго соответствовать задаче, без дополнительной доработки и отступлений. Новая настройка появится, если в задаче введено больше 450 символов. Если количество символов уменьшится, будет автоматически выбран пункт «Взять за основу». #tildaupdates
Изображение поста
#Ai | #Tutorial
Современный дизайн плаката в Adobe Illustrator В этом уроке я научу вас как создать современный дизайн плаката в Adobe Illustrator. 00:00 Вступление 00:16 Оформление текста 02:28 Размещение изображений 04:26 Настройка текста Автор Learn Creative | Image
📱 Как в Додо переписали слайдер оплаты на Compose
Дима Максимов из Dodo Engineering рассказал, как команда переписала слайдер быстрой оплаты с MotionLayout на Compose. Старый компонент накопил 15+ багов: слайдеры появлялись с двух сторон, текст просвечивал, а скрыть элементы было почти невозможно. Новый функционал для закрытых кофеен и переливающегося фона добили старую систему окончательно. Решение оказалось проще, чем казалось: создать кастомный Layout Composable вместо сложной структуры из стандартных контейнеров. Результат: контролируемые анимации, чистый код и возможность легко добавлять новые фичи. Плюс шиммер для подсказок и хаптик для тактильной обратной связи. Внутри: – Проблемы MotionLayout с видимостью и сложными сценами; – Выбор между Compound Composable и Layout для слайдера; – Создание каркаса с Thumb и Background компонентами; – Настройка жестов через AnchoredDraggable и якоря; – Измерение динамического контента по правилам дизайна; – Анимации растягивающегося следа и надписей; – Управление состояниями через внешний стейт; – Добавление шиммера и тактильной обратной связи. Статья больше техническая, но довольно интересная. Внутренняя кухня разработки мастхев) Особенно, когда дело касается мелочей в виде слайдера, а проблем тоже хватает 👀 Так что ваш слайдер в фигме за 2 минутки в макетах превращается в кучу кода для разработки)) ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Меняем материалы на рендере за 15 минут.
Сколько раз вы переделывали рендер только потому, что дизайнеру захотелось «поиграть с текстурами»😢? Даже пара текстур, могут создать проблему на несколько часов. В этом видео я покажу, как быстро поменять материалы сразу на нескольких ракурсах с помощью Stable Diffusion. ➖Создадим маски в Photoshop для точной замены. ➖Настроим пакетную обработку (Batch), чтобы изменить сразу все ракурсы. ➖Узнаем, какие параметры ControlNet и Denoising Strength использовать, чтобы сохранить геометрию, но полностью перерисовать материал. Этот метод требует уверенного владения базовыми инструментами нейросети. Если вы испытываете трудности, то присоединяйтесь к нам на курс https://t.me/neurovizabot">«Старт в нейросетях для 3D-визуализаторов». Там мы изучаем конкретные приемы улучшения рендеров, разбирая главные инструменты для ИИ-обработки: controlnet, inpaint и настройку генерации. Всем участникам доступна личная поддержка от меня. 🎁 До 21 августа скидка 20% на курс. Стоимость: 9500₽ (вместо 11900₽). Подробнее о курсе и запись по ссылке: https://t.me/neurovizabot
Когда умный - значит, ещё и красивый 🔥
#SchönesFeuer - это эффектный паровой камин для современных дизайн-проектов. Просто подключите его к «умному дому», и он заживёт по вашим сценариям. «Алиса, зажги камин» - и уже через секунду в квартире появляется особая атмосфера, от которой тает даже самый бетонный заказчик. Кроме того, интерфейс управления настолько понятен, что за всё время работы с этими красавчиками у нас не было ни единого случая, чтобы что-то пошло не так. А ещё у них есть фишка, которую можно достать на презентации как туз - это тонкая настройка огня. Хотите изменить скорость язычков пламени, их высоту и насыщенность? Schönes Feuer это запомнит. Для этого есть два ползунка, с помощью которых можно балансировать количество подаваемого пара, управлять скоростью и высотой пламени. В итоге вы получаете максимально индивидуальный режим имитации огня - от лёгкого, едва заметного свечения до эффектного полыхания. И кстати, его можно подстроить под конкретное помещение, учесть микроклимат и сохранить в память устройства. Плюс, есть четыре готовых режима, к которым легко добавить свои и потом переключать пресеты всего одним нажатием. Удобно, если в проекте хочется предусмотреть несколько сценариев: «день», «вечер», «гости», «релакс». Ваш клиент получает атмосферу буквально за секунду - быстрее, чем он успеет налить бокал вина 😎 Хотите получить готовую презентацию или запросить расчёт для своего проекта? Напишите менеджерам в WhatsApp, сделают всё в лучшем виде ⭐️
📼 Cursor AI: полный гайд по вайб-кодингу (настройки, фишки, rules, MCP). Олег Стефанов рассказал, как начинающим пользователям работать в Cursor. В ролике раскрывается:
• как настроить проект и безопасно использовать Cursor • как подключить MCP • зачем нужны правила и как их создать • что такое контекст и как с ним работать • как сохранять разные версии проекта • какую модель лучше использовать • стоит ли покупать подписку #видео
🎥 Функции и возможности Grid Container
Grid Container — это рабочая область в Zero Block шириной 1200 px, в которой используется та же сетка, что и в базовых блоках Тильды. В этом видео разберём примеры, как можно настроить привязку элементов к Grid Container и какие еще настройки можно задать. Смотреть видео: 📱 VK Видео → https://vkvideo.ru/video-89546664_456240304 📺 YouTube → https://youtu.be/aI6Ov_a9KVg
Изображение поста
Headphones Mockup
Мокап наушников с четырьмя ракурсами и гибкой настройкой: можно менять фон, настраивать свет и подгонять под светлый или тёмный дизайн. Всё редактируется через Smart Object — вставляешь свою графику за пару кликов. Отлично подходит для презентаций аудиобрендов, мерча или рекламы подкаста. 📁 Скачать / #мокапы Подписывайтесь: @mockup_free
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
У кого-то сегодня обычный вторник, а у нас — анонс результатов Битвы верстальщиков 🎉
Она стала для нас уже привычным событием, но не для студентов. Для них Битва — экшен, который ощущается как первый клиентский проект с дедлайнами, задачами и полной погруженностью. Здесь ребята убирают страх перед будущими заказами и закрепляют все знания. Сегодня проводили созвон с ребятами, где объявляли победителей. На скринкасте в посте — классный отзыв одного из участников! В этот раз победили 8 студентов из команды Fieldworke. Они новички, которые сделали сайт всего за 1,5 недели… Как вам такое? Смотрите их проект тут https://fieldworke.taptop.site/">https://fieldworke.taptop.site/ Состав команды победителей: • @anatoly221122 (капитан) • @Doktor_Sh7@Kara_t01@designguzel@roxy77@fruitellana@polzavsa@danil_shha Попросили Наталью, участницу этой команды, поделиться фидбеком: Для меня Битва стала прорывом в навыках и командной синергией: • Теперь знаю, что лучше потратить день на стратегию работы с макетом, чем потом всё переделывать. • Любое достижение, даже настройка анимации, вызывало искреннюю радость у всей команды. • Главный инсайт: оказалось, что идеальный пиксель — про людей. Когда ты не знаешь, с чего начать выгребать ошибки, а кто-то пишет «я сделал так, давай пройдёмся по твоим настройкам…» — ты просто рад, что ты в нужном месте. Оценка ★★★★★ — после таких испытаний и происходит переосмысление ценностей Напомним, что эта Битва была в новом формате! Вместе с Fieldworke участвовало еще 3 команды, которые сверстали: • 1 команда, сайт на Webflow2 команда, сайт на Taptop3 команда, сайт на Taptop Давайте поставим ❤️, чтобы поздравить победителей и участников
CircusMonkey для After Effects Win/Mac (обновление v1.12)
🔸 CircusMonkey — это продолжение оригинального TypeMonkey, нашего первого генератора кинетических типов. Хотя оба создают кинетическую типографику, они делают это по-разному, и результаты уникальны. Text Rigs от CircusMonkey является ядром системы, которая позволяет вам создавать серию основных 3D-фигур с вашим текстом. Он имеет несколько вариантов анимации, автоматически сгенерированную камеру, которая перемещается от одного слова к другому, и элементы управления синхронизацией на основе маркеров, которые упрощают настройку. Дополнительный набор живых элементов управления на основе эффектов позволяет настроить макет, анимацию, угол камеры и видимость кинетической установки после первоначальной сборки. Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #plugins #CircusMonkey #After_Effects #free #бесплатно
Создание аудиовизуализатора в Blender 4.5
🎬 Немного навигации: 00:00 – Вступление; 00:43– Использование расширения Simple Audio Visualizer; 05:44 – Загрузка музыки без авторских прав с Epidemic Sound (AD); 07:53 – Настройка визуализатора частотного диапазона; 10:46 – Создание системы Geometry Nodes; 18:45 – Настройка дизайна аудиовизуализатора; 22:46 – Освещение и движение текстуры земли; 30:00 – Настройка камеры и анимация; 33:24 – Добавление цветного освещения, синхронизированного с падением; 35:37 – Незначительные настройки и композитинг; 40:06 – Настройки рендеринга для окончательной анимации; 43:12 – Завершение. #уроки #Blender3D | Оригинал