Animated heart tutorial

Туториал прямо в Figma по созданию красивой и плавной анимации с эффектом Trim Path Install 🖼 Figma Дизайн
Изображение поста

Соскучились по неделям моды? Новый фэшн-сезон уже близко!

Французская Федерация высокой моды опубликовала предварительный календарь показов мужских коллекций сезона осень–зима 2026/27 в Париже. Шоу пройдут с 20 по 25 января. Рассказываем подробнее: 🔹 В неделе моды примут участие 67 брендов. Откроет мероприятие парижский дизайнер Жанна Фрио, для которой это будет дебют на подиуме. Также в этот день ждем показов Auralee и Louis Vuitton. Закроет неделю моды Jacquemus. 🔹 Среди главных событий — финальный показ Вероник Нишанян для Hermès (24 января) и презентация второй мужской коллекции Джонатана Андерсона для Dior (21 января). 🔹 Свои коллекции представят также Junya Watanabe, Comme des Garçons, Ami Paris, Lemaire, 3.Paradis, Dries van Noten , Rick Owens, Issey Miyake и Magliano, который в этот раз предпочел Милану Париж. 🔹 Kenzo в этом сезоне проведут презентацию в бывшем парижском доме основателя бренда Кензо Такады. 🔹 В предварительном расписании отсутствуют Lanvin и Loewe. Испанский модный дом представит свою мужскую коллекцию вместе с женской в марте. Отдельно мужскую коллекцию бренд покажет в июне 2026 года. 🔹 В числе новых участников — калифорнийский бренд ERL (22 января), саудовский KML, барселонский sonia carrasco и Ssstein — лауреат премии Fashion Prize of Tokyo 2025. 🔹 В последний день недели мужской моды Patou по традиции покажут женскую коллекцию осень–зима 2026. 🔹 Неделя высокой моды пройдет с 26 по 29 января и откроется показом Schiaparelli. В расписании — ключевые участники Dior, Chanel, Giorgio Armani Privé и новички: греческий бренд Celia Kritharioti и вьетнамо-французский Phan Huy. 🔹The Blueprint News
Изображение поста

Год Красной Огненной Лошади уже стучится копытом в дверь 🐴

Если все вокруг собираются сиять и сверкать, почему бы не приодеть интерьер? Мы выбрали несколько декоров TechGres, которые прямо созданы для смелых обновлений 🎅 Empire Black: чёрная плита с молниями светлых прожилок. Смотрится как ночь, по которой пронеслась вспышка. Подойдет для кухонь, гостиных, каминных зон, где хочется немного драматичности 🎅 Arabescato Viola: богатый рисунок с винными прожилками. Такой мрамор всегда выглядит дороже, чем есть на самом деле, и добавляет интерьеру характер. Ванная или столешница на острове будут просто огонь (эмодзи) 🎅 Sahara Noir: это уже совсем другая история… глубокий чёрный фон и тёплые рыжие акценты. Очень кинематографично. Если хочется эффектность без китча, то это он 🎅 Calacatta Supreme: тёплая, мягкая, светлая. Это «спокойная роскошь». Выручает, когда нужен премиальный вид, но без тяжести 🎅 Patagonia: любимец дизайнеров. Хаотичная красота природного камня, много света, много фактуры. Смотрится как арт-объект, а не просто камень И всё это - широкоформатный TechGres, прочный, гигиеничный, выдерживает термошок, не боится пятен. Идеальный вариант для тех, кто в 2026-м планирует обновить пространство и хочет, чтобы результат выглядел уверенно

Rehearsals - проект искажения типографики под действием звука, posterkraft пишет что сделал в таидзайнере. Охотно верю.

Теоретически можно сделать что-то подобное используя карту серого и Displacement Map. Но тут результат чище, так как работа с вектором. Также можно собрать такой сетам в path + pointOnPath, но от матричных преобразований координат, сильно увеличится лобная доля мозга. Проще конечно собирать такое в TD или процессинге. 🟣
eBay опубликовал ежегодный отчет Watchlist, основанный на данных 134 млн пользователей за период с января по сентябрь 2025 года.
Лидерами по количеству покупок в этом году стали Louis Vuitton (5,2 млн), Gucci (3,9 млн) и Prada (3,2 млн). Далее следуют Burberry (1,8 млн), Armani (1,7 млн) и Dior (1,2 млн). Среди самых быстрорастущих брендов — KidSuper (+173%), Fear of God (+125%), Longchamp (+79%), Doen (+79%), Cactus Plant Flea Market (+70%), Rhude (+66%), Birkenstock (+47%), Chrome Hearts (+36%), Miu Miu (+32%) и Amiri (+26%). На покупки заметно повлияли ключевые события года. Помолвка Тейлор Свифт вызвала рост интереса к Cartier Santos Demoiselle на 194%. Возвращение Coach обеспечило бренду 92 поисковых запроса в минуту. Назначение Джонатана Андерсона креативным директором Dior подняло запросы до 52 в минуту, самыми продаваемыми стали сумки Dior Saddle и Lady Dior. Дебют Майкла Райдера в Celine привел к 10 запросам в минуту, а Демны Гвасалии в Gucci — к 71. Самыми желанными сумками года стали Fendi Baguette, Coach Taby, Hermès Kelly, Chloé Paddington, Lady Dior и Louis Vuitton Pochette Métis. Среди часов лидируют Rolex Datejust, Cartier Santos, Omega Constellation, Audemars Piguet Royal Oak, TAG Heuer Monaco и Patek Philippe Nautilus. 🔹The Blueprint News
Изображение поста
Динамические бенто-сетки
Редактируемые карточки в стиле бенто можно сделать вручную, используя неразрушающие эффекты Иллюстратора. Вы сможете менять ширину отступов, количество ячеек и радиус скруглений в любой момент. 1. Рисуем поверх формы разделительные линии с обводкой. 2. Группируем линии и применяем Effect → Path → Outline Stroke и Pathfinder → Merge. 3. Группируем их с нижней формой и применяем Pathfinder → Subtract и Stylize → Round Corners. Если нужны отдельные объекты, то разбираем группу с эффектами через Object → Expand Appearance. И после ещё можно сделать плавные скругления бесплатным скриптом Round Corners Customization. — А автоматически генерировать разные сетки с настройкой количества ячеек, отступов и скруглений можно моим платным скриптом BentoGrid. #learn #illustrator #draw #paid
#Ai | #Tutorial
7 простых и понятных текстовых эффектов В этом кратком руководстве вы узнаете о 7 простых текстовых эффектах, которые можно создать в Illustrator. Никаких сложных техник, только краткие советы по улучшению вашего дизайна. 00:00 Вступление 00:10 Непрозрачность при смешивании 03:03 Текст со смещением обрезки 03:58 Абстрактная нарезка 06:18 Выбивка Pathfinder 07:58 CMYK и RGB глитч 10:30 Текст в стиле гранж Автор Nobu Design
Смотрите, что в Chrome завезли:
corner-shape: squircle; Больше не нужно накидывать clip-path или использовать SVG, чтобы добиться такого эффекта. Safari догонит, Firefox — не факт.
Изображение поста
База про юзабилити-тестирование
Меня читают не только дизайнеры, но и другие роли из команд продукта, поэтому хочу сделать в этом посте небольшой ликбез Юзабилити-тесты помогают понять, насколько интерфейс продукта удобен для конечных пользователей. Главная цель тестов — выявить проблемные места, где люди сталкиваются с трудностями, и улучшить опыт взаимодействия с продуктом Тесты бывают модерируемыми — это когда есть господин-ведущий, и само исследование скорее качественного формата. А бывают немодерируемыми — это когда весь сценарий собирается на платформе (например, фабрика юзабилити / pathway / maze), и юзеры сами там все проходят по ссылке Кто проводит: Обычно дизайнеры и исследователи, но я сторонник подхода, когда любой человек из команды продукта подключается к тестам. Это дает совсем другое понимание того, как юзеры себя ведут Даже самый восхитительный (и награждаемый) дизайн не гарантирует, что юзеры смогут легко выполнять нужные действия в интерфейсе. И своевременные тесты очень помогают сэкономить ресурсы на исправление проблем после запуска или внедрения дизайна Процесс исследования обычно выглядит так: 1. Определяем цели (что хотим проверить) 2. Формулируем интерфейсные гипотезы 3. Подбираем юзеров (очевидно, подойдет не любой человек) 4. Готовим прототип 5. Проводим тест (даем задания и наблюдаем) 6. Анализируем результаты 7. Делаем выводы и внедряем улучшения Количество пользователей: Стандартно 5 человек для модерируемых тестов. Обычно тут начинается срач: «а как вы решили, что нам надо 5 человек?!». Тут все ссылаются на Nielsen Norman Group, где говорится, что при тестировании с 5 пользователями обычно выявляется около 80% проблем. На практике все берут от 5 до 10 человек на сегмент. Это значит, что если мы хотим провести тест на новой аудитории и на текущих пользователях, то нам надо хотя бы 5 человек там и там Для немодерируемых чуть сложнее. Надо учитывать общее количество пользователей и погрешность, с этим помогают специальные калькуляторы. Но можно сказать 70-100, и это в целом норм (с оговорками) Как устроен сам тест: На встречу приходит модератор (тот, кто проводит) и юзер. Модератор говорит вводное, дает задания юзеру, наблюдает и фиксирует. Юзер пытается выполнить задания и комментирует свои действия. Я тут предпочитаю донасыщать тест до и после вопросами, чтобы вытащить что-то полезное. Встречу лучше не делать дольше 1 часа, т.к. юзер устает + вовлеченность снижается Гайд и задания Каждая встреча строится на гайде, который готовится заранее. Гайд содержит в себе цели, критерии выборки юзеров и гипотезы Практический пример Пусть это какой-то сервис с видео Гипотеза: пользователь понимает, где находится история просмотра и может в нее зайти Вопрос (задает модератор): представь, что ты смотрел пару недель назад то-то...как бы ты вернулся к этой записи? По сути вопрос и есть задание, просто он сформулирован так, чтобы не давать юзеру подсказку Отчет: Провели все интервью? Ура, теперь надо свести все воедино Ищем паттерны (повторы) в проблемах и анализируем все совокупно. Для каждой проблемы полезно фиксировать встречаемость и критичность для пользователя Метрики Даже тут есть метрики, да! Часто используют: - Task Success Rate - Time on Task - Error Rate - Satisfaction (субъективная оценка от юзера) Есть еще Eye-tracking/heatmap, которые показывают, как распределяется внимание, но это скорее карты, чем метрики В зрелых командах юзабилити — это стандарт дизайн-процесса, как утром зубы почистить. Ну и напоследок — дизайн не должен рисоваться в вакууме. Проверяйте свои решения! - - - - - Я хочу сделать закрытый воркшоп узким кругом для тех, кто хочет научиться проводить юз.тесты или систематизировать знания. Всего 6 мест (5к за место) Формат такой: встреча в онлайне на пару часов, на которой пройдемся подробно по всем этапам, там же дам домашку + отдельная встреча с разбором всей домашки тоже на пару часов Это очередной эксперимент (они у меня удачные в последнее время, кстати!) Если хочешь разобраться с юзтестами, напиши мне в личку @odokienkoan
Изображение поста
ЭФФЕКТ РАЗМЫТИЯ
Туториал по эффекту path blur в фотошопе. #Урок
Как запечь экспрешены и зачем это нужно 🍳
Lottie не поддерживает эффекты и экспрешены, но их можно превратить в ключи – это называется “запекать” анимацию (bake) Простой пример: Если у вас есть экспрешен loopOut("cycle"), нажмите ПКМ → Keyframe Assistance → Convert Expressions to Keyframes – в каждом кадре появится ключи, повторяющий анимацию экспрешена. Теперь такую анимацию можно использовать в Lottie. Существуют плагины, которые действуют как экспрешенны на параметре path, позволяя его изгибать, пускать волны или другие вторичные действия. Например, плагин Crazy Shapes позволяет создавать волны, изгибы, расстягивания на path, которую потом можно запечь. В гифке поста, тело медведя “растекается” благодаря эффекту waves on path. Вручную добиться такой плавности было бы сложно. ❗️ Минус запекания – увеличивается вес файла, так как ключи ставятся в каждом кадре. Решения этой проблемы: 1. Перед запеканием снизить FPS (например, до 12-30), а потом вернуть 60 – это уменьшит количество ключей, но снизит плавность. 2. Удалить лишние ключи вручную, оставив только нужные. 3. Стандартный инструмент smoother. Уменьшает количество ключей, сохраняя анимацию, но не работает на path. Это продвинутая техника, но не заменяет умение анимировать вручную. Инструменты важны, но главное – насмотренность и понимание, какого эффекта вы хотите достичь💪 Есть и другие плагины под разные задачи, Хороший пост про плагин Tilda для анимации волн. #анимация
Hey everyone!
I’m back from a dreamy 2-week vacation in Morocco 🌊 And decided to start with a quick Q&A — thanks for all your questions in comments and DMs! 💛 Let’s go Where are you from? I was born and raised in Kazan, Russia. What’s your education? I have a degree in programming. Later on, while already working as a designer, I got a master’s degree in textile design. Why did you become a designer? While learning to code, I realized I was way more into how things looked than how they worked. Why this channel? I started it just for myself — years ago on a different platform (VK), when I worked in a web studio. I were always searching for good mockups and fonts. Even though I left the studio long ago, I kept collecting and sharing — just for fun. And here we are. How did you become a UX/UI designer? 13 years ago, there were no courses, no mentors. But there were books — books that taught the value of clarity, balance, contrast, grouping, and space. In the first year, I read a lot and practiced by copying great work to build up my skills. Then I joined a startup, where I learned everything through real projects — and much of that experience still helps me today. Was I scared? Yes, 100%. I already had a stable, well-paid job, and switching paths felt like a big risk. I kept thinking: “Can I really be a designer without an art degree?” Then my neighbor — a backend developer — told me that “You don’t need to be an artist to be a UX UI designer.” He also said that some of the designers he works with don’t have any education. That helped me stop overthinking and just start. If you’ve ever had the same doubts — forget them. You don’t need a perfect background. You need curiosity, consistency, and the courage to begin. Love you all. Happy Friday — and never settle. 💛
Изображение поста
Pattern Creator — плагин позволяет создавать случайный узор из выбранных объектов.
🔗 Figma Community ▫️ #tools
Изображение поста
Плагин «Pattern Creator» by Viachas Kul
Плагин для создания паттернов из выбранных фреймов 🟢 Скачать плагин 🟢 #plugin
Изображение поста
Pattern Generator — простой генератор бесшовных паттернов, с возможностью экспорта в PNG, SVG, CSS.
doodad.dev/pattern-generator/#beautiful-dingbats
Сделаем сладкую главную страницу?
Это станет возможным благодаря привлекательному и яркому шаблону! Благодаря 3D-вставкам, мягкому градиенту и идеально подобранным деталям, пользователь заострит внимание на проекте и запомнит его надолго. Ссылочка на шаблон — #page=8&query=site&position=16&from_view=search&track=sph">Pattern Figma
Изображение поста
📱 Плагин «To Path»
📌 Теги: #figma / #shapes / #plugins / #design ➡️ Информация: Плагин позволяет расположить текст или фигуру по указанной кривой, например по кругу. ➡️ Скачать Нажми ❤ | Dsgn Lib
Изображение поста
PATTTTERNS — большая и постоянно обновляемая коллекция интерактивных паттернов.
patttterns.com
Pattern Creator
Плагин для создания паттернов Install 🖼 Figma Дизайн
Изображение поста
Geometric Shapes, Confetti Ornaments and Patterns
Набор шейпов , орнаментов и различных паттернов Install 🖼 Figma Дизайн
Изображение поста