Visual Mockups Plugin by ONE WEEK WONDERS
Этот плагин позволит быстро показать свой дизайн на стильных мокапах.
💻Скачать плагин💻
#plugin
гиковская База Моушн Графики возвращается из отпуска! ❤️
пересобирались и улучшались в течение трёх месяцев, зацените!
что это за курс?
БМГ — стартовый курс по моушн-дизайну по созданию анимации для брендинга, плакатов и графики, работе с векторной графикой и оживлению статичных проектов. В ходе курса вы не только освоите программу After Effects и базовые принципы анимации, но и углубитесь в процесс создания динамичного контента: от анимации логотипов и плакатов до стильных титров и рилсов для социальных сетей. Вы узнаете, как работать с векторной графикой, звуком и ритмом, а также получите инсайты из реальной практики моушн-дизайна и советы по применению анимации в брендинге и рекламе.
кому подойдёт?
новичку в индустрии дизайна и анимации
начинающему моушн-дизайнеру
графическому дизайнеру
начинающему арт-директору
и многим другим, кто хочет эффектно оживлять статику — будь то портфолио, брендинг, плакат или стикер. динамичное > статичное
чем научитесь?
— истории и теории моушн графики и базовым принципам анимации
— основам работы в профессиональных программах для монтажа и анимации
— созданию вертикальных и горизонтальных динамичных роликов, от рилсов до шоурилов
— научитесь анимировать текст, логотипы, плакаты, фирменную графику, работать со звуком, ритмом, композицией
— познакомитесь с анимацией через нейросети
🔡 новый куратор 🔡
Никонова Евгения — моушн-дизайнер в Rambler&Co, иллюстратор и преподаватель. ex-ревьюер на курсе моушн-дизайна в Яндекс Практикуме, ex. арт-директор в онлайн-школе «Шизайн» выпустила более 300 студентов, победитель Typomania, участник выставок. создавала графику и анимацию для Avito, ИРИ, ВТБ, Купер, Мегафон, Россия-Культура, VK, Ростех, ВДНХ и других компаний
всего 20 мест, стартуем 29-го июня
🤩 программа курса 🤩
🧩 Какой способ управления размерами иконок в дизайн-системе реально работает
Если в дизайн-системе у иконок ограниченный набор размеров, это почти всегда превращается в отдельную архитектурную проблему. Снаружи всё выглядит просто: ну есть 12, 16, 20 и 24 пикселя, что тут обсуждать. А потом выясняется, что один подход удобен библиотекарю, но раздражает потребителя, второй красиво выглядит в теории, но ломается на вложенных компонентах, а третий требует больше ручной поддержки, зато лучше всего ведет себя в реальной работе.
Алиса Пакард очень внятно разбирает эти варианты и приходит к практичному выводу: лучший компромисс сейчас это size-свойство на каждом icon-компоненте, а не отдельные компоненты на каждый размер и не обертка для иконок. Потому что этот способ дает больше контроля там, где он нужен, не ломает опыт потребителя и лучше сочетается с preferred swaps и другими паттернами внутри библиотеки.
Внутри:
– Почему отдельные компоненты под каждый размер иконки быстро захламляют библиотеку;
– Зачем подход с variable modes выглядит заманчиво, но плохо масштабируется;
– Чем icon wrapper удобен для поддержки, но неудобен в реальном UI;
– Почему вложенные иконки внутри кнопок и других компонентов всё усложняют;
– Как size-свойство на каждом icon-компоненте решает проблему гибче;
– Почему этот подход лучше для preferred swaps и настройки конкретных компонентов;
– Какой компромисс приходится принять библиотекарю при таком решении;
– Почему в управлении размерами иконок сейчас важнее опыт потребителя, чем удобство внутренней поддержки.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
#10 Dessn хочет пустить дизайнеров ближе к коду
TechCrunch написал про Dessn. Это новый дизайн-инструмент, который поднял $6 млн и предлагает дизайнерам работать ближе к реальному продукту: запускать проект в облаке, подтягивать кодовую базу и менять интерфейс через ИИ.
Кажется, что это опять очередной заход на тему «мы сейчас заменим Фигму». Но у Dessn фокус другой. Он полезен командам, у которых уже есть продукт, код, компоненты и рабочий интерфейс. Это не про генерацию с нуля как в Lovable или v0. У Dessn история приземлённее: быстро потрогать изменение там, где продукт уже живёт.
В моих проектах этот разрыв всплывает постоянно. В макете всё чисто: нормальные имена, ровные карточки, аккуратные состояния, никаких внезапных ошибок. А потом открываешь прод, и там фамилия на 28 символов, картинка сломалась, тариф закончился, кнопка уехала, а бэкенд вернул что-то весёлое.
Фигма в этом смысле прекрасная штука, но она очень легко превращает продукт в красивый симулятор продукта. Вроде всё выглядит убедительно, команда согласовала, можно идти дальше. А потом выясняется, что компонент так не умеет, данные приходят другие, состояние забыли, разработчик смотрит на макет и говорит: «ну это сложно сверстать».
Dessn пытается сократить именно это расстояние. Сидеть отдельно в файле и представлять, как оно будет работать, уже мало. Хочется быстрее проверить идею на живом продукте. В таком сценарии пользы больше, чем в ещё одном генераторе красивых карточек.
Хотя тут легко представить и обратную сторону. Если дать всем возможность быстро менять интерфейс через ИИ, в команде сразу начнётся спор за ответственность. Дизайнер поправил, разработчик не понял, продакт попросил ещё три варианта, кто-то на встрече сказал «а давайте попробуем», и вот уже продукт превращается в песочницу для идей. Поэтому без нормальных правил такое тоже быстро поедет.
Основатели Dessn, кстати, не хотят делать связку с Фигмой. Считают, что это снова утащит команды от прода. Спорная мысль, но логика понятная. Они хотят строить инструмент вокруг места, где продукт уже работает, а идеальный макет остаётся в стороне.
У них ещё в планах связки со Слаком и заметками со встреч. Типа обсудили что-то в команде, и из этого можно быстрее собрать прототип. С этим я пока осторожен, потому что «из созвона сразу в интерфейс» звучит красиво только до первого созвона, где все говорили разное и никто ничего не решил.
В целом мне такие инструменты интереснее, чем очередные генераторы красивых карточек. Меньше вау на демке, зато ближе к реальной работе. Главное, чтобы это не превратилось в режим «каждый накидал по промпту, а потом разработка разгребает». Но мне нравится то, что щас все намекают дизам на то, что пора начать разбираться в коде) И скоро диз без этого навыка будет уже не так хорош.
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Вы часто интересуетесь дизайн-системой и принципами ее построения.
Поэтому сегодня в Вышке проведем лекцию на тему «Правила создания компонентов»
Поговорим о том, как строятся компоненты в дизайне – как логичная, масштабируемая система, которая экономит время и упорядочивает структуру. Разберем, как проектировать компоненты так, чтобы ими было удобно пользоваться, поддерживать и развивать вместе с продуктом.
📌 На лекции обсудим:
• пример компонента и массовое редактирование;
• атомарность: из чего складывается система;
• Auto Layout и его роль в гибкости интерфейса;
• варианты компонентов и зачем они нужны;
• скрытие элементов внутри компонентов;
• как вложенность влияет на производительность и оперативную память.
Лекцию проведет Ксения Литвак (продуктовый дизайнер, дизайнер дизайн-систем в Voximplant)
➡️ Подключайтесь сегодня в 19:00 (мск) на Boosty
А вы бы хотели увидеть реакцию на свою коллекцию ещё до того, как она уйдёт в производство? 👀
Сегодня дизайнеру уже мало просто создать красивый эскиз. Важно быстро показать идею, посмотреть, как она будет выглядеть в реальной подаче, и понять - цепляет ли она вообще.
И здесь нейросети становятся не игрушкой, а рабочим инструментом.
Адоуб Иллюстратор остаётся основой:
технические эскизы, конструкция, пропорции, логика изделия - всё начинается именно с этого.
А дальше ИИ помогает расширить возможности:
✨ показать изделие на модели
✨ собрать атмосферу бренда
✨ сделать fashion-визуализацию
✨ протестировать разные стили подачи
✨ посмотреть реакцию аудитории ещё до запуска
Фактически появляется возможность заранее увидеть, как может выглядеть будущая коллекция.
На видео - работы студентов курса «Adobe Illustrator в дизайне одежды», которые затем были дополнены ИИ. Из технических эскизов получились полноценные образы со своим настроением и характером🔥
А если вам интересны нейросети, визуал, виртуальные примерки и то, как использовать всё это в работе, в VK Donut я разбираю это намного глубже и показываю много практики 👇🏻
ВСТУПИТЬ В КЛУБ
