«Я ТАК ЧУВСТВУЮ, а основы композиции зачем?»

14 октября в 18:00 по мск онлайн интенсив по композиции с Артёмом Бакаловым, старшим арт-директором нашей студии если вы смотрите на макет и понимаете, что «что-то не так», но не можете объяснить, что именно, будем разбираться, из чего складывается композиция и как она влияет на восприятие сообщения. композиция особенно важна в коммерческой работе: дизайнеру нужно выстраивать визуальную иерархию, расставлять акценты и направлять внимание зрителя так, чтобы коммуникация работала и нужное сообщение считывалось. СПИКЕР: ❤️ Артём Бакалов — мультидисциплинарный дизайнер и арт-директор с опытом более 10 лет. Работал арт-директором в Easy Digital и студии Щёлочь, занимался айдентикой в Endy, SpecialOne и Шёлочи. Работал со Сбер Бизнесом, Яндекс Афишей, Яндекс Музыкой, ВКонтакте, Спортмастером, FILA, ФК «Динамо», ХК «Авангард» и ХК «Барыс». ПРО ЧТО ИНТЕНСИВ? ❤️ • разберём, что такое визуальная коммуникация и какое место в ней занимает композиция • посмотрим, как через композицию выстраивать иерархию, расставлять акценты и управлять вниманием зрителя • сравним разные композиционные решения и разберём, как они меняют восприятие одного и того же макета • посмотрим реальные работы участников и разберём их вживую, если вы захотите прислать свой макет интенсив подойдёт начинающим графическим дизайнерам, специалистам из смежных сфер, 3D-, motion- и CGI-дизайнерам и всем, кто пока собирает композицию скорее интуитивно и хочет лучше понимать логику визуальной коммуникации. ❤️ РЕГИСТРАЦИЯ ❤️

🔸 Вышел Kandinsky 6.0 Video для генерации видео со звуком. Новая модель от «Сбера» генерирует видео вместе с речью, музыкой и звуками окружения по текстовому описанию или стартовому кадру. Попробовать её можно бесплатно в «ГигаЧате». Пригодится для быстрых анимированных эскизов и проверки идей. Но есть ограничение: ролик пока длится не больше пяти секунд, а Full HD получают повышением разрешения исходного видео. 🔸 Figma Agent вышел из беты и стал доступен для работы с макетами. По текстовой команде агент собирает экраны, правит макеты и учитывает правила дизайн-системы. Он также может искать объекты в Figma Design, FigJam и Figma Slides. Теперь запросы будут расходовать Figma AI credits. В отличие от бесплатного тестового периода, число списываемых кредитов зависит от сложности запроса, выполняемых действий и объёма переданного контекста. 🔸 Студия Артемия Лебедева разработала новую айдентику «Лужников». Новая бренд-платформа представляет комплекс не только как стадион, но и как место для прогулок, концертов и повседневного спорта. Основой визуальной системы стали дуги: они повторяются в знаке, шрифтовом начертании, паттерне и логотипах отдельных объектов. 🔸 Российская команда M-KSP заняла второе место в архитектурном конкурсе YAC. Специалисты архитектурного бюро «Мастерская КСП» разработали дневной центр для пожилых людей в итальянском Капальбио. Вокруг внутреннего двора разместили пространства для общения, садоводства и совместных занятий. Главная идея — кулинарный павильон, облицовку которого посетители постепенно дополняют плитками ручной работы с рецептами и воспоминаниями. 🔸 Организаторы Игр в Брисбене представили эмблемы Олимпиады и Паралимпиады 2032 года. В основе логотипов Олимпийских и Паралимпийских игр 2032 года два вида какаду: розовый и желтохохлый. В хохолке зашифрован контур Квинсленда, а три и два пера отсылают к числу 32. Эмблемы объединены специально разработанным шрифтом Brisbane 2032. 🔸 Rexona выпустила шрифт на основе движений Лионеля Месси. Буквы шрифта GOAT Font построили на траекториях финтов, ускорений и ведения мяча. Какие именно игровые эпизоды использовали, бренд не раскрывает: болельщикам предлагают самостоятельно искать совпадения в архивных матчах. Здесь типографика работает сразу в нескольких направлениях: передаёт характер героя, становится инфоповодом и механикой вовлечения аудитории. 🔸 Дизайнер Егор Жданович создал «сеновик» из прозрачного ПВХ с наполнителем из сена. Минский дизайнер поместил белорусское луговое сено внутрь объёмной куртки из прозрачного ПВХ. Наполнитель, который обычно скрывают, стал главным визуальным элементом: переплетение травинок создаёт фактуру вместо привычного орнамента. Приём интересен для работы с локальной идентичностью — связь с местом выражена через материал без буквального цитирования фольклора. [Фабрика Дизайна]

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

Я даже не буду спрашивать вас о том, хотите ли вы увидеть результат — конечно, да! Проверяю границу, где ИИ подобрался к тому, чтобы нас заменить 👀 Это я так вдохновилась после того как он мне идеально файлы подготовил.

Средний цвет можно использовать для фонов, эффектов падающей тени или для градиента поверх, чтобы сделать подложку для текста. Подбирать цвет можно на свой вкус пипеткой, кликая в пиксели растра. Для группы изображений можно получить средний цвет массово в несколько шагов. 1. Выбираем изображения. 2. Конвертируем в сетку из векторных ячеек Object → Create Object Mosaic… Чем больше число ячеек по ширине и высоте, тем дольше Иллюстратор создаёт мозаику, но получим точнее доминирующий оттенок изображения дальше. 3. Запускаем скрипт AverageColors на выбранных векторных группах. 4. Получаем смешанный средний цвет и используем в макете. Количество ячеек мозаики и метод усреднения в скрипте влияют на полученный оттенок. — P.S. Как скриптами сделать подписи для изображений #in_use #illustrator

Можно попросить его подтянуть контент сразу из нескольких дизайн-файлов, прочитать стикеры или текст из FigJam и добавить их в макет как аннотации. Еще агент умеет находить изображения в Figma Slides и переносить их в дизайн, например чтобы сразу применить к ним эффекты.

с тех пор затестили разные подходы и продолжаем. статусом делится creative technologist ⚪️ Прагматики ⚪️ влад. врубайте видосы. для тех, кто любит текстом: ⚪️ figma plugin. научили считывать логику сетки по трем мастер-макетам и давать правила. элементы больше не ливают за фрейм, но мелкие галлюцинации все равно вылезают. поняли, что фигма как слой неудобна для llm. ⚪️ web-app. взяли логику из веба и завайбкодили приложение. макет – это одна сущность в разных адаптивах. меняешь базовый макет, а ai-ассистент подхватывает правки промптом для всех ресайзов. ⚪️ resizer-ff (f*ck figma). просим модель перегнать три мастер-макета из фигмы в веб-код. дальше она сама генерит все ресайзы в браузере — по три версии на выбор. ⚪️ ai-агент astra. работает за пк как человек. открываешь фигму, даешь табличку со спеками — за 15–45 минут двигает курсором и собирает ресайзы. получился мидл-дизайнер за $100/мес. сейчас метим в решения на стыке веба и автономных агентов и параллельно уже шерим ресайзер клиентам 🤓

Он работает прямо на холсте и помогает не выпадать из процесса: можно просить менять макеты, собирать новые варианты, применять дизайн-систему, разбирать фидбек и автоматизировать рутину. www.figma.com/blog/workflow-lab-staying-in-the-flow-with-the-figma-agent/

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

По результатам тестовых агентство выбрало 4 человека, которые проходят на следующий этап: - Наталья Дремлюга @natalidizart - Likka Van @LikkaVan - Екатерина Богаткина @katya_kiwi - и ещё один участник, который попросил сохранить анонимность Поздравляем вас!!! Очень рады, что интенсив для вас продолжается уже на следующем этапе, и желаем удачи дальше — пусть всё сложится классно! 💚 Было много запросов увидеть работы ребят, которые прошли дальше, поэтому в посте выше собрали часть их тестовых — можно посмотреть, с какими решениями девочки прошли отбор и наставить огонёчков 🔥 😄 При отборе команда агентства смотрела не только на общую красоту работы, но и на композицию, типографику, визуальную иерархию, логику и структуру, нестандартность решений, качество генераций и техническую аккуратность макетов. Также было важно, насколько системно собрана работа и хорошо ли считывается главный месседж А всем, кто отправлял заявку, большое спасибо за участие и проделанную работу! ❤️ Сам факт, что вы дошли до тестового и сделали его — уже хороший профессиональный опыт! Забирайте работы в портфолио, учитывайте обратную связь и двигайтесь дальше — таких возможностей впереди ещё будет много! 🔥

Миша Наер работает в команде экспериментов Сбера, где нужно быстро собирать новые продукты на разных платформах. Поэтому он совмещает дизайн, фронтенд, исследование и работу с ИИ-агентами, а прототипы часто делает сразу в коде. Вместо длинной цепочки «нарисовать в Фигме, передать разработчику, ждать» он использует Paper, Кодекс и другие инструменты. Показывает голосовую клавиатуру, интерактивную читалку и рассказывает, как не утонуть в параллельных задачах. Внутри: – Как дизайнер может брать на себя часть фронтенда и быстрее доводить идеи до рабочего прототипа; – Почему Paper удобен для веб-проектов, если макет сразу должен превращаться в HTML и CSS; – Как Миша собирал сайт голосовой клавиатуры Type и добавлял в него анимации через агента; – Где заканчивается польза вайб-кодинга и начинается когнитивная перегрузка; – Почему важнее не название новой роли, а способность самому довести идею до работающего продукта. ➡️ Смотреть видео ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Главная тема мастер-класса — алгоритм верстки. Это мой метод последовательной сборки макета: 1. Сначала разбираемся, что именно нужно сказать 2. Потом определяем, как устроена эта информация 3. Далее собираем конструкцию макета 4. И только после этого занимаемся оформлением — шрифтами, цветами и спецэффектами Содержание → Структура → Конструкция → Стиль Каждый следующий шаг опирается на предыдущие, поэтому решения перестают быть случайными. На мастер-классе учимся применять алгоритм верстки на разных форматах, от книжных обложек до таблиц. Подробнее о методе с примерами

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

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

В предыдущих сериях нашего ODD: 2024: рок-концерт с официальной трибьют-группой AC/DC 2025: как мы пригнали Поршак и Ламбу и сбылась моя мечта о сверкающем гоночном шлеме В этом году мы с командой придумали концепцию: 🤟🤟🤟🤟🤟🤟🤟 И это оказалось чееертовски сложной идеей! Идея, связанная с играми, зрела у меня давно. Но звезды не складывались и мне не удавалось убедительно ее описать. А потом мы поехали смотреть нашу новую площадку. Я так влюбилась в ее мебель, декорации и общий вайб, что буквально за пару дней накидала то что было в голове. Изначально в моей концепции были преимущественно интеллектуальные и азартные игры. Эдакий вайб Казино Рояля с Дэниелом Крейгом и Евой Грин. Почувствовали? Но мы с командой подумали, что это слишком просто доработали, усилили, развили концепцию ииии защитили ее на бизнес. Скоро буду делиться макетами и спойлерить, что мы в итоге напридумывали, а пока зацените наш сайт: 🪘Тык на сайт Дизайн сайта делала Аня — старший дизайнер Orion soft Design team, собирала эту пушку-бомбу с помощью Claude.

В Купере исследователи пересматривают свою роль в продуктовой команде. Их задача — не просто провести исследование и передать рекомендации, а помогать принимать решения ещё до появления задачи в бэклоге. Для этого команда собирает карту продуктовых решений: что уже известно, какие есть гипотезы и где остаётся неопределённость. Влияние исследований бывает разным. Иногда оно видно сразу в изменённых макетах и приоритетах, иногда помогает отказаться от ненужной идеи или выбрать направление. Бывает и отложенный эффект, когда старые данные спустя время помогают принять новое решение. Чтобы находки не терялись, в Купере ведут базу исследований и отдельный бэклог побочных инсайтов. Внутри: – Какие четыре уровня влияния исследований выделяет команда Купера; – Почему исследователю важно видеть продуктовый контекст целиком; – Как карта решений помогает находить места для новых исследований; – Как переиспользовать данные прошлых исследований; – Почему исследователь должен участвовать в формировании стратегии и бэклога. ➡️ Смотреть видео ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Иногда шрифт выглядит красиво, но в работе сразу ломает весь макет. Это видно по нескольким признакам: он плохо читается, не держит кириллицу, спорит с визуальным стилем или перегружает композицию. Если шрифт требует слишком много компромиссов — лучше не тратить на него время. ARTMANAZ

С 15 по 20 октября проведём бесплатный интенсив по дизайну и AI. За 5 дней соберём 3 готовые работы для портфолио: 🔴Урок 1. Figma + плакат Разберём основные инструменты Figma и сразу применим их на практике. Сгенерируем визуальные элементы с помощью AI и соберём плакат, работая с композицией, типографикой и деталями. 🔴Урок 2. Рекламный макет Сгенерируем фотографию, подберём визуальное решение и соберём полноценный рекламный макет. 🔴Урок 3. Карточка для маркетплейсов Возьмём продукт и с помощью нейросети внедрим его в нужное окружение и соберём продающую карточку для маркетплейса. Разберём, как показать товар, выстроить композицию и сделать макет визуально сильнее стандартных шаблонных решений. И подарки 🎁: среди тех, кто пройдёт интенсив и выполнит задания, мы выберем 3 человек, которые получат любой наш интенсивный курс в подарок. Все будет проходить в этом канале, поэтому присоединяйтесь ⬇️ https://t.me/laboratordesign

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

Это очень редкая реклама с интересным графическим ходом. Как видно, довести до ума дизайн все равно не смогли. Предположу, что причиной явились не столько строгие требования редактора, сколько привычка. Тот, кто делал макет, просто не подумал, что можно без вреда избавиться от лишнего текста, а оставшийся сверстать поудобнее и ориентироваться на иллюстрацию и визуальный прием. Самое вопиющее здесь — повторы: 1) название; 2) картинка; 3) две строчки текста, в каждой из которых повторяется название; 4) слоган, в который тоже не забыли добавить бренд, а то вдруг аудитория не поймет, о какой газете речь.