Morph

Morph помогает создавать плавные и эффектные анимации без необходимости покидать среду Figma. #Plugin ОТКРЫТЬ
Изображение поста

🧾 Контракт компонентов: как сделать решения проверяемыми

Нейтан Кёртис разбирает, зачем дизайн-системам нужны формальные контракты компонентов. В них фиксируют свойства, состояния, зависимости и правила поведения, чтобы разные платформы одинаково понимали замысел компонента. Автор предлагает строить такие контракты на основе схемы. Она помогает проверять структуру данных, автоматически находить ошибки и генерировать большую часть кода. Хороший контракт должен быть типизированным, неповторяющимся, независимым от конкретной платформы, проверяемым, детерминированным, недорогим в поддержке и готовым к изменениям. Внутри: – Чем контракт компонента отличается от обычного описания или файла в Markdown; – Почему каждое решение нужно хранить в одном месте; – Как сделать контракт независимым от Фигмы, веба, iOS и Android; – Зачем нужны схемы, автоматическая проверка и детерминированная генерация; – Как менять контракты через ADR, версии и понятные правила совместимости. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Как я ссорюсь с коллегами на работе.

Вчера был интересный показательный момент конфликта. Моя коллега, скажем так, забыла дорисовать один модуль для Утопии и переключилась на следующий. Это мое восприятие ситуации. А ее, что она получила новую приоритетную задачу и поставила текущую на паузу. Я ей сказал, что по причине того, что ты не доделала этот модуль, а у тебя заканчивается рабочий день, мы теперь должны «в огне» носиться и думать, как доделывать с прогерами модуль без дизайна. Важный нюанс: я ее не отчитывал, а обозначил, что надо запомнить эту ситуацию и избежать в будущем подобного. Но сказал все слишком прямо, то есть мои слова могли восприняться как обвинение. Поэтому вполне закономерно могла возникнуть обратная защитная реакция. Ну и она мне высказала, что это несправедливо и что она старается и много делает. Она действительно глобально умничка. Но так как я сам находился в критической ситуации, не смог себя проконтролировать в моменте и также с давлением ответил, что это очевидно: надо доделать текущий блок работ, а потом переключаться, а если есть вопросы — переспрашивать. Вроде бы я условно и прав (как минимум в моей голове). Но какая разница, кто прав, если твой сотрудник плачет 😅 В итоге через 2 минуты я взял себя в руки, потому что важен результат в моменте и комфорт совместной работы в долгосроке (то есть то, что мы уважаем друг друга и не ссоримся). Я извинился, сказал: «Давай на пару минут посмотрим макеты, вникнем. А по этой ситуации у меня цель только избежать подобного в будущем, и договорились, что по умолчанию доделываем всегда текущую работу, а потом переключаемся на новую, даже если она приоритетная». Она тоже очень зрело поступила, сразу извинилась и пошла навстречу. По итогу мы сошлись, что ситуация не стоит того, чтобы ссориться. Она даже немного задержалась и еще доделала макеты. Хотя это было не обязательно, я бы на пальцах объяснил прогерам, что нужно. Но с макетами все, конечно, на порядок проще объяснять. За что ей личное спасибо. К чему это я? Мы все люди, и если плотно постоянно находимся в процессах, то неизбежно можем случайно «бортануть» друг друга. А вот руководителю нужно уметь выводить все ситуации в положительное русло. Все понимают, что могут быть мелкие конфликты, но если вы нормально можете из них выходить, то это, наоборот, закрепляет ваши отношения и доверие. Как минимум, это моя философия. ❤️ — Еще делиться, как я работаю И сегодня напомню, что будем искать свой стиль в ИИ и учиться ускорять свою работу! Вебинар в 19:00 по мск. Ссылка на регистрацию, там будут домашки и бесплатные токены.

Последний вагон мастер-класса!

Завтра на мастер-классе «Астральный план» покажу, как передавать ИИ реальные задачи и получать готовый результат. За 2–3 часа разберём: ▶️ Как начать работать с Astra и настроить Codex, даже если вы полный новичок. ▶️ Как выбирать модель и режим под свою задачу. ▶️ Как ставить задачи, чтобы было меньше переделок. ▶️ Как настроить инструкции под себя. ▶️ Как организовать чаты и проекты, чтобы ИИ меньше путался. ▶️ Как смонтировать ролик и подготовить его к публикации. ▶️ Как превратить таблицу с данными в понятный дашборд. ▶️ Как создать свою игру без навыков программирования. ▶️ Как собрать презентацию по своим материалам и референсам. ▶️ Как экономить лимиты и проверять результат работы ИИ. 2 октября, 14:00 МСК. Онлайн. Самое время забрать билет и завтра прийти на практику 👇 🎟 Купить билет на «Астральный план»
🔖В портфолио студенту Университета ПромТехДизайн: стажировка в Администрации Петербурга.
📘Открыт прием заявок на стажировку «Открытый Смольный 2.0», которая пройдет в Комитете по внешним связям. 🎙Студентов и выпускников, прошедших конкурсный отбор, пригласят в Смольный. Стажировка позволит погрузиться в работу, связанную с международным сотрудничеством и развитием внешних связей в Северной столице, а также познакомиться с деятельностью генеральных консульств основных внешнеэкономических партнеров. ✏️Также стажеры примут участие в деловой игре: подготовят необходимые материалы, займутся проведением и освещением встречи делегаций. 📎Подайте заявку до 7 октября. 📘На следующем этапе участников будет ждать конкурс эссе. 👻MAX | 📲ВК | 📝Дзен
Почему нам нравится симметрия и зачем её нарушать
Мы любим симметрию: она кажется нам гармоничной и красивой. Когда элементы расположены упорядоченно и уравновешенно, мозгу проще обработать изображение. Но есть и нюанс: слишком правильная композиция не цепляет наше внимание. Дизайнерам знаком этот эффект. Если поставить два одинаковых объекта на одинаковом расстоянии друг от друга, композиция будет устойчивой, но скучной. А вот если изменить размер одного элемента, сместить его или добавить деталь только с одной стороны — взгляд начинает активно изучать билборд или фото. Маркетологи делают ставку на контролируемое нарушение симметрии. Посмотрите на афиши, обложки журналов и рекламные постеры. Заголовок может находиться не по центру, изображение занимать только одну часть композиции, а небольшой яркий объект с противоположной стороны уравновешивать всю конструкцию. Формально картинка уже несимметрична, но визуальный баланс сохраняется. Хороший пример — кампания Nike «What The Football». В одном из постеров футболистка Сэм Керр перевёрнута вверх ногами и сильно смещена относительно центра, крупная типографика и желтые графические элементы распределены по другим участкам кадра. Симметрии здесь нет, но есть визуальный баланс. Принцип работает и в фотографии. Если сместить объект в сторону и оставить вокруг свободное пространство, изображение становится динамичнее. Так, в кампании McDonald’s «Only at McDonald’s» картофель фри, соус и другие детали композиции намеренно расположены не по центру, делая свободное пространство частью композиции. Благодаря этому взгляд не останавливается на одном объекте и движется по кадру. Получается, симметрия создаёт основу, от которой можно оттолкнуться, а небольшое нарушение порядка добавляет напряжение и интерес, что напрямую повышает привлекательность продукта. Вспомните рекламу или фотографию, которую вы заметили из-за необычной композиции. Вспомнили? Поделитесь в комментариях! #КНП_исследования 🔵 Канал о креативе, креативности, творческом мышлении и полезных инструментах
Большая UX-практика, где не учат рисовать кнопки и пользоваться банальным CJM
Вас ждет большая и актуальная программа, более углубленное изучение UX, которое заточенно под новую AI-реальность, с которой столкнулись дизайнеры. 15+ часов лекций и практики. Будем разбирать UX через системное, субъектное, объектное, ресурсное и вариативное мышление, работать с гипотезами, переизобретать решения и отдельно рассматривать сценарии, в которых AI становится участником взаимодействия. Копать будем глубоко: это не про красивые кнопки и банальный CJM, научимся делать отказоустойчивую архитектуру, работать с крайними сценариями, конкурентной средой, экономикой внимания и новыми парадигмы интерфейсов — от AI до Zero UX. Все это — на реальных примерах. Все это без нудных лекций, только прямые эфиры, с практикой и ответами на вопросы. Два типа участия: с обратной связью и зритель. Автор проекта и ведущий — Александр Ковальский, Design director CreativePeople (Moscow), Head of UX at Humbleteam (Prague). Больше десяти лет руководит дизайн-командами разного профиля и выстраивает дизайн-процессы в агентствах и больших компаниях. 👉 Подробная программа и билеты по самой низкой цене: https://workshop.dsgners.ru
День рождения Мэтью Картера 🥳
Сегодня Мэтью Картеру исполняется 89 лет! Его Verdana и Georgia уже давно стали классикой, а творит он между прочим еще со времен вырезания пуансонов. Отец Картера, Гарри, был книжным дизайнером, а позже историком печати. Через него Мэтью попал на годичную стажировку в словолитню «Joh. Enschedé», где учился резать пуансоны вручную у П. Х. Рэдиша. Вероятно, Картер — один из последних в Европе, кого учили этому как живому ремеслу. К 1961 году он уже вырезал собственную версию полужирного Dante, а в 1965-м переехал в США. Там, в «Mergenthaler Linotype», он нарисовал Bell Centennial — шрифт для телефонных справочников «Bell System». В 1981-м вместе с Майком Паркером Картер основал «Bitstream», первую в США независимую цифровую (!) словолитню. В 2005 году «The New Yorker» назвал его «самым читаемым человеком в мире» — если считать объём текста, набранного его шрифтами. С 2011-го семь его гарнитур, включая Verdana, хранятся в постоянной коллекции «MoMA». Изображение: Rochester Institute of Technology (Public domain) #мюслидизайнера #персоны #типографика
Ласт колл фор «Большая переверстка». Начинаем в понедельник, 5 октября: vk.ru/pereverstka_online
Главная тема мастер-класса — алгоритм верстки. Это мой метод последовательной сборки макета: 1. Сначала разбираемся, что именно нужно сказать 2. Потом определяем, как устроена эта информация 3. Далее собираем конструкцию макета 4. И только после этого занимаемся оформлением — шрифтами, цветами и спецэффектами Содержание → Структура → Конструкция → Стиль Каждый следующий шаг опирается на предыдущие, поэтому решения перестают быть случайными. На мастер-классе учимся применять алгоритм верстки на разных форматах, от книжных обложек до таблиц. Подробнее о методе с примерами
Коллеги, напоминаю, что уже сегодня стартуем интенсив по работе с AI в дизайне⏳
В прямом эфире покажу свой алгоритм, как не утонуть в сотнях генераций и быстро получать нужный результат. Вместе шаг за шагом пройдем все этапы на конкретном примере — от идеи до финала. Онлайн-участникам дадим бесплатные токены, чтобы можно было сразу потестить на реальной задаче. Сегодня в 19:00 по МСК, участие бесплатное, всех жду👇 ➡️ Занять место на вебинар
Час до эфира по ИИ для дизайнера ⏰
Будем миксовать стили, создавать многослойные идеи и работать с нейросетями. К концу эфира поймете, что нужно делать лично вам, чтобы уже сейчас выделиться своим дизайном на рынке. 💡 Поговорим не только о визуале. Вы узнаете, как в разы ускорить свою работу с помощью utopy.ai и максимально эффективно использовать ИИ на каждом этапе. Подключайтесь в 19:00 МСК по ссылке: 🔴 https://www.youtube.com/live/Vz46jCeCMIY И досматривайте эфир до конца, чтобы получить бесплатные токены для практики.