PatternPad — удобный сервис для создания красивых паттернов.

patternpad.com 🏛DESIGN HUB

Продолжаем осваивать новые возможности Figma.

Сегодня разберёмся с работой паттернов. За основу я взял обычный круг, но не забывайте: паттерн можно использовать на любую векторную фигуру, в том числе и на текст. Эта функция открывает безграничные возможности для творчества. Находите время и делитесь своими работами в комментариях к посту и в соцсетях по хэштегу #yodizschool 👉 Смотреть урок
Изображение поста

Зачем улучшать существующее, если можно анонсировать новое?

Сегодня ночью несколько часов изучал обновления Figma, кроме Figma Make (на меня её пока ещё не раскатили). Посмотрел, как всё устроено, и вот какие впечатления сложились: ❋ Grid С одной стороны — прикольно, но с другой — не добавили самое важное: относительные величины и перемещение колонок и строк, что сильно бы упростило работу с таблицами. Ждем в 2028 году. ❋ Figma Sites Подойдёт, наверное, для дизайнеров, которые просто хотят быстро собрать портфолио или лендинг без лишних заморочек. Удобно, что это всё в одном месте, но если есть хоть небольшой опыт работы с Framer, то смысла делать это в Figma не вижу. Такому инструменту нужно ещё 2–3 года, чтобы конкурировать с Framer или Webflow. ❋ Figma Make Эту фичу я ждал больше всего. Хотелось чего-то похожего на Cursor для более-менее нормальной разработки своего продукта. Но это скорее просто рабочий прототип фичи. Конечно, тоже удобно, но очень хотелось бы, чтобы фокус команды не спадал с этого продукта и он развивался куда быстрее, чем обновления раз в год. ❋ Figma Buzz Инструмент для маркетологов. Я не особо шарю в этой теме, но показалось, что продукт достаточно удобный, чтобы быстро собрать 50 вариантов баннеров под разные форматы. ❋ Figma Draw Убийца Paint, который заодно прикончил пару плагинов вроде Noise, Progressive Blur и Text by Path. Кисти и паттерн — прикольные, но до иллюстратора ещё шагать и шагать. А теперь главное Figma обошла стороной AI для создания дизайна, на котором, кстати, был главный акцент в прошлом году. Ждал AI-генерацию состояний и вариантов компонентов и сборку макета по дизайн-системе, но мимо. Ещё очень хотелось увидеть прокачку прототипов в сторону Rive. Но и тут тишина. Да и со старыми продуктами всё тихо: Figma Jam, Figma Slides, Dev Mode. Где гарантии, что с новыми не будет так же? Последние конфиги всё больше дают ощущение, что это не про продукт, а про презентацию для инвесторов: растём вширь, чтобы больше людей купили подписки, а вглубь не капаем и кор-функционал не улучшаем. Как уже писал, Figma косит под Apple: одно большое шоу раз в год и молчание до следующего релиза с редкими, очень небольшими апдейтами в течение года. Но продукт, которым ты пользуешься каждый день, должен развиваться регулярно, а не по календарю презентаций, особенно когда платишь за подписку. В следующем году ждём Figma 3D, Figma Architect и Figma Cut для видеомонтажа с пятью функциями в каждом продукте. Че думаете? Если не согласны, пишите в комменты, интересно послушать другое мнение
Изображение поста

Новый сервис с референсами приложений

В отличии от Mobbin здесь именно записи экрана, подсвеченные сценарии, паттерны, жесты и визуальные решения. spottedinprod.com ↗ хороший ux · вакансии · концепты
⭐️ Turing Patterns - 16 Backgrounds
Набор паттернов Тьюринга 📁 AI, PSD, PNG 💼 #Паттерны #Illustrator #Photoshop ℹ️ ПОДРОБНЕЕ | 📥 СКАЧАТЬ
Изображение поста
Grid Patterns
Гибкий генератор паттернов по сетке: настраиваются размер, интервал и форма фигур, скругления, заливка и обводка. Варианты фигур — прямоугольник, круг и звезда. Подойдёт, чтобы быстро создавать фоны, текстуры, обложки — любой визуал. #иллюстрации Людочка, плагины – отборные плагины в Фигме
💡 Подготовил для вас подборку полезных плагинов, которые точно помогут улучшить ваши проекты на Behance и будут полезны в повседневной работе:
1. Ruri Lines — превращает любое изображение в стильный линейный паттерн 2. Rotate Replicas — дублирует элемент по окружности, круто для композиционных решений 3. Lil' Pixel Icon — супер для пиксельных иконок (сеточка 16x16) 4. Wave & Curve — генератор волн и узоров, подойдёт для фонов 5. ShaderGradient — создаёт сложные мягкие градиенты 6. Vector Fields — генеративные узоры с линиями, точками или SVG ✨ Сохрани себе, чтобы не забыть — уверен, пригодится не раз!
Изображение поста
Мини UX-патруль — Пятерочка. Кликабельная область 😔
Сначала про пример из видео. Первый раз решил зайти в Пятерочку и заказать продукты там, обычно юзаю Яндекс.Лавку и Перекресток. Начал с авторизации. Находим по привычному паттерну иконку ЛК вверху — всё ок. Затем жмем на нее — ничего не происходит. Нам предлагается выпадашка из одного пункта «Войти». Это уже какая-то фигня, ибо пользователю надо вместо клика на иконку навестись на неё, затем выбрать единственное действие и кликнуть. Но и тут проблемы не заканчиваются. Кликабельная область — тема поста. На видосе видно, что кликабельна не вся плашка, а только тоненький контейнер текста «Войти». Я изначально тыкал просто по плашке и не понимал, почему ничего не происходит. Потом понял, что нужно навестись именно на текст. Это распространенная проблема, которая, к сожалению, встречается и у корпораций (потому что не всем ещё успели интерфейсы сделать, ыхых). Делают порой большую плашку на странице, с картинкой, заголовком, описанием. А кликабельной является только заголовок или какая-то маленькая ссылка «подробнее». Пользователи давно уже понимают че такое эффект наведения (hover) — достаточно подсветить всю плашку и переход станет очевидным. Ссылку можно выводить в мобилке, для тех кто в танке, но и там бОльшая часть юзеров уже понимает, что по плашкам можно тыкать пальцем для перехода. Например, когда показывают категории товаров в виде иконки + текста. Поэтому на этапе верстке уделяйте внимание кликабельным областям. Это важная мелочь, которая может стоить вам конверсии.
Очень вкусные плагины Фигма 📱
1. Calendar Dates Generator – сгенерирует вам календарь за 2 секунды 2. Vector to 3D – не освоил еще Blender и Spline – гоу в этом плагин 3. Pattern Hero – зачем искать сколько времени паттерны, если можно сделать самому 4. Vector Image AI – нейросеть, которая генерирует векторные иллюстрации, воу. Автор: mo.grpx 💪 designkarate – уроки фотошоп и фигма.
🧟‍♀️ §UX Proxy User.
Это тип пользователя, который выполняет действия не для себя, а от имени или в пользу другого человека. Вы точно сталкивались с чем-то подобным. [16min/100mb] #edu В проектах, мы встречаем PU обычно в двух вариантах: это либо пользователь, который тестирует систему, либо самостоятельный Субъект, который выбирает такую особую стратегию взаимодействия с сервисом. Кто эти люди? Их гораздо больше, чем вы думаете: — сотрудник покупает что-то для компании или коллег — кто-то покупает подарок или карточку на которую этот подарок можно купить — помощники делающие что-то за вас — родители — ... В любом случае, когда Proxy User действует в чужих интересах, он закрывает какую-то свою потребность (например, его задача - купить подарок) — и вот тут есть куча вариантов для повышения конверсии, манипуляций, причинения добра и темных паттернов 🤌 В ГК есть такая конструкция - "агентский договор" и это тоже действия в пользу третьих лиц. Но там все сложно, а нам проще —  пользователь не связан формальностями: не несёт юридической ответственности, не формализует отношения — не нужен договор. Ему просто хочется уже наконец выбрать этот несчастный букет 💐таким, чтобы он точно понравился девушке — этому Субъекту просто нужна ваша помощь 🤳 ❤️ героям, которые делают все за вас ⚡️
Перенос слов в русском языке — просто ужас, как в общем и вся наша переусложненная грамматика. В школе нас учили переносить по слогам, но это не очень помогает: 1) многие слова сложно правильно разделить на слоги, 2) существует куча исключений из слогового принципа.
Чтобы уменьшить наши страдания, Игорь Батов сделал сервис «Переносы для гурманов». Там есть бесплатный онлайн-справочник (на картинке), а также платные плагины для Индизайна и паттерны в формате TeX и Hunspell. 👉 batov.ru/hyph/start.asp Получилось как-то похоже на рекламу, но нет, это честная #рекомендация
Изображение поста
🧰 Futuristic Stroke Patterns
Набор футуристичных паттернов Dezzigners
Изображение поста
⭐️ Animal wildlife pattern
Набор паттернов в стиле шкур животных 📁 EPS, SVG, AFDESIGN 💼 #Паттерны #Illustrator #Affinity ℹ️ ПОДРОБНЕЕ | 📥 СКАЧАТЬ
Изображение поста
Tabbied — сервис, который позволяет создавать и скачивать красивые паттерны в высоком разрешении.
Pattern Generator — очень полезная штука для дизайнеров. Этот плагин за секунду генерирует паттерн в 4к качестве. Очень нужно, когда не знаешь, что наложить на фотографии
Изображение поста
Геометрия, которая работает
Простой паттерн — это не фон ради фона. Это инструмент, который добавляет структуру, ритм и характер без лишнего шума. Он не отвлекает, а помогает: — выделить блок — задать настроение — удержать визуальный ритм Используй в хиро-секциях, карточках, презентациях, но не перегружай. Один паттерн в нужном месте — лучше, чем десять ради декора. #дизайнфона #паттерны #geometricdesign #uiсоветы #webminute
Изображение поста
Pattens Generator
Плагин позволяет создавать паттерны всего в один клик Install 😗 Фигмач
Изображение поста
5 софт-скиллов, которые прокачивают даже топовые дизайнеры⬇️
1️⃣ CJM-карта пути клиента. Ваша задача понять, какой путь пройдет пользователь. И провести его до целевого действия, т.е. помочь ему сделать то, зачем он пришел. 2️⃣Умение слышать и уточнять. Когда клиент говорит «сделай ярче», он может иметь в виду разное: 💜реально хочет, чтобы было ярче по цвету; 💜думает, что дизайн будет незаметным и не сработает; 💜переживает, что его целевая аудитория не обратит внимания. Что делать: задавайте уточняющие вопросы. Например: — «Вы хотите именно усилить цвета или чтобы акцент был заметнее?» — «Вам важно, чтобы визуал был ярче в общем или чтобы лучше читался оффер?» Так вы быстрее поймёте реальную задачу — и не будете исправлять то, что не требует исправления. 3️⃣Критическое мышление. Дизайн — это не просто «чтобы было красиво». Это упаковка идеи, смыслов и задач. Каждый элемент должен быть осознанным: зачем он здесь? Что он даёт пользователю? Как помогает достичь цели проекта? Когда вы проектируете осознанно, исчезает хаос. Фиксируйте любые идеи, для это можете использовать: простые заметки или сервис Notion👌🏻 4️⃣Гибкость. На проектах редко бывает идеально выстроенный процесс. Часто приходится учитывать разные мнения, правки от нескольких отделов или неожиданные вводные. Гибкость — это про умение сохранить ядро идеи, адаптируясь к новым условиям. Чтобы развивать гибкость, тренируйте себя работать с ограничениями. Например, ставьте себе мини-задачи: собрать макет только в двух цветах или с одним шрифтом. 5️⃣UX-наблюдательность. Это навык видеть не просто красивую картинку, а понимать: почему элементы расположены так, как пользователь взаимодействует с ними, что помогает ему быстрее достичь цели. Что важно делать: 💜Замечать общие паттерны. Где чаще всего ставят кнопку «Купить», как оформляют формы обратной связи и т.д. 💜Сравнивать разные ниши: как строится UX в медицине, образовании, e-commerce, развлечениях. 💜Собирать личную коллекцию: скриншоты крутых решений, микровзаимодействий, удачных паттернов. Потом можно использовать их как референсы в своих проектах. И вот парадокс: Именно эти «мягкие» навыки, ценят крутые клиенты и команды. Потому что дизайн — это не только красивая картинка. Это ответственность за результат. Поделитесь честно, какого навыка вам не хватает?
Изображение поста
Минутка паттерна:
В дизайне важно изучать поведение людей, привычки, определенные паттерны поведения, которые помогают проектированию функционала. Но давайте посмотрим на животный мир в котором есть интересные примеры поведения, особенно в кризисные ситуации. Смотрите, оленята рождаются с инстинктом падать замертво вот так каждый раз, когда появляется опасность. Они даже перестают дышать. Ведь понятно, что не убежишь далеко от хищника. Разумно. Танатоз — это способ ввести хищника, ищущего живую добычу, в заблуждение, симулировав свою смерть. Этим же способом хищник может подманить жертву поближе. Примером танатоза служит поведение детёнышей белохвостого оленя, у которых в ответ на приближение хищника снижается частота сердечных сокращений. Эта реакция называется тревожная брадикардия, пульс падает со 155 до 38 ударов в минуту в течение одного удара сердца. Падение ритма сердца может длиться до двух минут, в это время у животного замедляется частота дыхания и снижается двигательная активность, наступает так называемая тоническая неподвижность. Тоническая неподвижность является рефлекторной реакцией, которая заставляет оленёнка лечь, имитируя положение мёртвого тела. Обнаружив лежащего детёныша, хищник теряет интерес к «падали». Еще олененок писается, что усиливает эффект.
Pattern Generator — очень полезная штука для дизайнеров. Этот плагин за секунду генерирует паттерн в 4к качестве. Очень нужно, когда не знаешь, что наложить на фотографии
Изображение поста