Запись выступления на Дизайн-выходных в Казани:

«Дизайн-система как инструмент формирования мышления продуктового дизайнера» Философия и подходы, с помощью которых дизайн-система может формировать определённый майндсет, поощрять и направлять ход мыслей дизайнера в нужную сторону. 📱 Смотреть на YouTube - - #дизайнвыходные #казань #выступление 🛫 Канал: UXFLOW • Сергей Мухин Сайт: uxflow.ru
Изображение поста

Magma — CG-студия ONY и новый партнер на курсе «3D-дизайнер»

Во время обучения студенты курса «3D-дизайнер» проходят практику под руководством дизайнеров крупных брендов и получают фидбэк на свои проекты. Это реальный опыт, который можно указать в резюме и добавить в портфолио. Знакомим с новым партнером. ● Что такое Magma? Magma — это студия CG-дизайна от агентства ONY, где энергия молодости сочетается с решимостью, а креатив направляет наш этический подход. ● С кем студия успела посотрудничать? С Яндекс Go, Kaspersky, Sber Devices, S7 и многими другими крупными брендами. ● Каким будет бриф для студентов? В рамках четвертого модуля студенты получат тот же бриф, с которым работают наши штатные специалисты. Это даст уникальный опыт в реальных условиях и позволит понять, как мы ведём проекты в студии. ● Будет ли у студентов возможность стать частью студии Magma? Да! Те студенты, которые особенно впечатлят команду студии, смогут присоединиться к команде. → Курс «3D-дизайнер» стартует сегодня, 28 мая, а до 29 мая включительно действует скидка 55%.

Всем привет!

Курсор — это не просто указатель на экране. Это важный инструмент взаимодействия, который может усиливать интуитивность интерфейса, направлять пользователя и даже вызывать эмоции. Последние тенденции в UX/UI-дизайне привлекли к нему ➡️ особое внимание, превратив его в динамичный компонент.   📌В лонгриде «Курсор» мы рассмотрим роль курсора в UX/UI-дизайне: как его внешний вид, поведение и интерактивность могут улучшать пользовательский опыт, делать интерфейс интуитивно понятным и визуально привлекательным. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста

💬 Визуализация ≠ просто график

Ваш график — это интерфейс. Его задача — не просто отображать данные, а делать их ПОНЯТНЫМИ. Причесать график — значит превратить сухие цифры в понятный, эстетичный и юзабельный сторителлинг. Давайте разберёмся, как. 📌 Чеклист "идеального графика" 1. Задача → Вид графика Проверь: решает ли график свою задачу? 🔘Сравнение → Bar chart 🔘Динамика → Line chart 🔘Частотность → Histogram 🔘Корреляция → Scatterplot ❗️Закон Теслера (Law of Conservation of Complexity): уберите лишние детали, оставьте только нужный тип визуализации. 2. Оси и масштаб 🔘Всегда начинайте ось Y с нуля, если это не противоречит задаче. 🔘Убедитесь, что шаги по осям читаемы и равномерны. 🔘Подписи: лаконично, без научной фантастики вроде "1.2E4". Закон Миллера (Miller’s Law): 👁‍🗨 Пользователь может удержать в уме ~7 единиц информации. Ограничьте количество точек или групп. 3. Цвет 🔘Используйте цвет по смыслу, а не по вкусу. 🔘Максимум 4–5 цветов в одном графике. 🔘Цвета должны быть различимы для людей с дальтонизмом (проверяйте в симуляторах). Закон Якоба (Jakob’s Law): 🎨 Пользователи ожидают знакомое. Используйте общепринятые цвета: красный — плохо, зелёный — хорошо. 4. Типографика и подписи 🔘Не перегружайте график текстом. 🔘Шрифт — читаемый (не меньше 12px). 🔘Все подписи должны быть понятны без сноски. Закон Фиттса (Fitts’s Law): 📌 Чем ближе и понятнее информация, тем быстрее её "считают". 5. Легенда 🔘Она должна быть однозначна, компактна, расположена рядом. 🔘Если можно обойтись без легенды (вписав значения прямо в график), сделайте это. 6. Интерактивность (если релевантно) 🔘Подсказки при наведении. 🔘Фильтрация / сортировка. 🔘Возможность "отключить шум" (например, скрыть ненужные серии). Закон Хика (Hick’s Law): ⏱️ Чем больше выбор, тем дольше решение. Давайте пользователю контроль, но дозировано. 7. Общий визуальный стиль 🔘Линии и столбцы одной толщины. 🔘Отступы = воздух = читаемость. 🔘Используйте сетку, но мягкую, ненавязчивую. ✨ Бонус: "Волосатые" графики — признак боли Если ваш график напоминает ежика из Excel: 🟣12 метрик на одной оси 🟣8 цветов радуги 🟣3 линии тренда и прогноз до 2050 — это не график, это инфошум. Упростите. Разбейте на серию визуализаций. ✔️ Итог: идеальный график... 🔵Решает одну задачу. 🔵Визуально ясен. 🔵Приятен глазу. 🔵Учит и направляет, а не сбивает с толку. 🤪 Графики, как и волосы, любят уход: Раз в неделю — расчесать. Раз в месяц — подстричь. Раз в квартал — перекрасить. Пишите в комменты ваши самые криповые трустори про графиковую малярию =)👇❤️
Изображение поста
Плагин Rulers Guides Helper — для точной настройки направляющих и изменения нескольких фреймов одновременно с сохранением их относительного положения.
Направляющая в
В данном видео вы научитесь создавать заданную траекторию движения объектов с возможность редактирования этой траектории. #tools #tutorial Bivermation Adobe Animate
В 20 бете команды Extend curve/vertex/sheet и push face, научились расширяться до цели.
Лофт теперь показывает вам точку ребра где кривые направляющие не касаются профилей. 📐
📍 Что важно проверить перед публикацией статьи?
Делимся чек-листом для финальной проверки материала. 1️⃣ Убедитесь, что текст хорошо читается. Вёрстка текста должна быть максимально простой, чтобы пользователю было легко читать. 2️⃣ Проверьте отступы — они должны быть одинаковыми. Между разделами достаточно «воздуха», нет «прилипших» друг к другу смысловых блоков. 3️⃣ Примените типограф ко всем текстовым блокам. Он заменит неправильные кавычки и тире, а также уберёт «висячие» предлоги. 4️⃣ Соблюдайте визуальную иерархию. Не забудьте оформить лид под обложкой, разделите статью на главы и подглавы. 5️⃣ Разнообразьте визуальное оформление. Например, используйте контрасты в типографике, добавьте графику и изображения. 6️⃣ Продумайте дизайн обложки. Самое главное — чтобы заголовок хорошо читался и не спорил с изображением. 7️⃣ Направляйте внимание читателя. Если статья длинная, добавьте якорные ссылки. Не оставляйте тупик в конце страницы — добавьте плитку со ссылками на другие материалы по теме. Узнать подробнее, как быстро и качественно верстать статьи на Тильде, можно в статье 👉 https://tilda.education/articles-how-to-make-articles-on-tilda
Изображение поста
Всё больше склоняюсь к мнению о том, что художник не рассказывает, не учит, не приукрашивает, не повторяет, не настаивает и даже не размышляет — он просто направляет фонарик в темноте на то, что ему приглянулось.
Остальным, кто заходит в эту комнату без фонарика, остаётся смотреть на освещенную художником область и размышлять — почему он светит именно сюда и почему именно с этого угла? Вся бутафорская критика сразу становится смешной, если именно так себе картину представить. — Ты не правильно светишь! — Тебе че, заняться больше нечем? — Я бы лучше посветил. — Он светит каждый раз на одно и тоже. Вы же сами заходите в тёмную комнату, где фонарик есть только у меня. Можете остаться, а можете пойти в другую. А можете взять фонарик и тоже начать на что-то светить — может и в вашу комнату кто заглянет?
Изображение поста
Набор сеток и направляющих.
• Сетки для веба, мобильных приложений и печатных макетов • Универсальные юниты — пиксели, pt, rem и другие • Оптимизировано под работу в Figma • Идеально для старта проекта или выработки единой системы #grids #templates #layout Открыть в Figma
Как создать понятную навигацию в таблице? 🤔
Словарик дизайнера (43) 📎 Шапка таблицы — это заголовочная часть таблицы, в которой указаны наименования строк таблицы. 👉🏻 Почему это важно? Шапка таблицы – это своеобразная навигация, которая показывает, что находится в каждой колонке. Она направляет взгляд зрителя и делает таблицу более структурированной. 💡 Как использовать? Оформляя шапку таблицы помни, что она должна быть читаемой, визуально отдаленной и не кричащей. Здесь можно использовать жирное начертание, цвет фона, изменение кегля или выравнивание по центру. ✅ Важно, чтобы шапка не сливалась с «телом» таблицы и при этом не доминировала. Ее задача – помочь навигации. #словарикдизайнера
Изображение поста
Техника бумажной анимации в
Как использовать направляющие и таблицы интервалов для создания гладкой покадровой анимации на примере бумаги за 8 минут. Это полезное упражнение для аниматоров. Смотреть с субтитрами (ссылка) #tutorial #animation MoGraph Mentor Adobe Animate
Unreal Engine 5 + Mehrspieler wie Dark Souls Action RPG +BP! [DEU]
🛡 Title: Unreal Engine 5 + Mehrspieler wie Dark Souls Action RPG +BP! Info: Class… Расширенная разработка игр, как создать многопользовательскую экшен-RPG-игру, похожую на Dark Souls, с использованием UE5 Bluepr. ✅ ЧЕМУ ВЫ НАУЧИТЕСЬ • Вы узнаете, как эффективно использовать Blueprint для быстрого создания функциональных базовых механик RPG — без кастинга! • Вы узнаете, как создавать сложных противников под управлением искусственного интеллекта с различными разрушительными атаками и заклинаниями. • Мы создадим систему характеристик для хранения здоровья, выносливости и маны для игрока и ИИ. • Вы научитесь подбирать предметы и прикреплять их к игроку (начнем с мечей, щитов и шлемов). • Я покажу вам, как быстро редактировать персонажей и сетки с помощью Blender, чтобы вы могли использовать их в своей игре. • Blender: Не волнуйтесь, я проведу вас по программе Blender для изучения содержания курса. • Вы узнаете, как создать открытый мир класса ААА с помощью Quixel Bridge и БЕСПЛАТНЫХ ресурсов Megascan. • Вы узнаете, как настраивать звуковые эффекты и частицы, чтобы улучшить качество вашей игры. • Все, чему вы научитесь, призвано помочь вам применять и развивать эти навыки в ваших собственных проектах. • Добавьте собственную анимацию, звуковые эффекты, предметы и многое другое! • Вы узнаете, как создать систему Souls XP. • Курс постоянно расширяется и растет со временем, и не претендует на звание полноценной игры, но вы узнаете больше, а я буду направлять вас на этом пути! 💾  ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #курсы #Unreal_Engine #3d #free #бесплатно Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс
Классика, да, но каждый раз эти алгоритмы находят способ удивить.
Ролик про кейс за ~2 недели – 10к Лайтовый рилс за 20 часов – 14к (upd: 22к 💀) Вероятнее всего дело в триггерном действии. В любом случае, еще раз убеждаемся в неэффективности ведения сторис и желательности направлять весь видеоконтент в рилсы.
Изображение поста
Как настроить поля слайда в фигма?
В Figma можно настроить поля слайда с помощью направляющих или Layout Grid. Разбираем на практике в новой щепке. Смотреть на других платформах: YouTube Vk RuTube #фигма
Magma — CG-студия ONY и новый партнер на курсе «3D-дизайнер»
Во время обучения студенты курса «3D-дизайнер» проходят практику под руководством дизайнеров крупных брендов и получают фидбэк на свои проекты. Это реальный опыт, который можно указать в резюме и добавить в портфолио. Знакомим с новым партнером. ● Что такое Magma? Magma — это студия CG-дизайна от агентства ONY, где энергия молодости сочетается с решимостью, а креатив направляет наш этический подход. ● С кем студия успела посотрудничать? С Яндекс Go, Kaspersky, Sber Devices, S7 и многими другими крупными брендами. ● Каким будет бриф для студентов? В рамках четвертого модуля студенты получат тот же бриф, с которым работают наши штатные специалисты. Это даст уникальный опыт в реальных условиях и позволит понять, как мы ведём проекты в студии. ● Будет ли у студентов возможность стать частью студии Magma? Да! Те студенты, которые особенно впечатлят команду студии, смогут присоединиться к команде. → Курс «3D-дизайнер» стартует 28 мая. Поступайте и забирайте себе в портфолио работу по брифам больших брендов еще во время обучения.
#InstagramTips
🔐Instagram тестирует «секретные Reels» — ролики, доступ к которым нужно… отгадать Instagram пробует новый формат вовлечения: некоторые Reels теперь можно посмотреть только после ввода правильного кода. Функция пока видимо тестируется, но уже вызвала интерес и обсуждения. Как это работает? При прокрутке ленты вы можете увидеть ролик с иконкой 🔑. Вместо привычного видео — затемнённый экран и поле для ввода кода. Рядом — подсказка, которая направляет на правильный ответ. Угадали? Получили доступ к видео. Всё просто. 📌Идея в том, чтобы зрители внимательнее читали подписи, разгадывали подсказки и чувствовали, что открыли что-то «тайное». 📎Пока неизвестно, станет ли функция доступной для всех. Но в Instagram уже появилась пометка «Coming soon». 👀 — если интересно Зебра
Изображение поста
Анимация по направляющим в
В данном видео вы узнаете как создавать для объектов анимацию по направляющим с возможностью их редактирования. #tutorial #tools Bivermation Adobe Animate
ИПИ : МЫ НАЧИНАЕМ
Уже в детстве, направляя свет настольной лампы на стекло, Богдан понимал: настоящее волшебство не мелькает в экране — оно случается между отражением и тенью. Он не коллекционирует технику — он возвращает ей голос. Старые кодоскопы, ржавые линзы, коробки с историей. Всё это — не мусор, а инструменты для проекций, которые двигают не сюжет, а восприятие. Сегодня он откроет свой рабочий стол для всех, кто готов собирать не просто аппарат, а понимание. Воркшоп начнётся через несколько минут. Берегите глаза и готовьтесь к свету. Кто не придёт — останется за границами проекции. Присоединиться к воркшопу
Изображение поста
Отзыв от Марины Заваловой, выпускника 6 потока курса "Нарратив в видеоиграх":
От души рекомендую записаться на курс. Я нашла работу еще до того, как он закончился, и удивилась, насколько уверенно себя чувствую на новом месте. Благодаря огромному пласту информации и практики, у меня сформировалось понимание об игровых процессах и возможностях, сколько усилий нужно, чтобы внедрить ту или иную фичу, что нужно сделать, чтобы удерживать внимание игрока, какие есть для этого приемы. Отдельная благодарность Маше, которая выкладывалась на полную на вебинарах и направляла в создании новеллы. Уже задумываюсь, не записаться ли на еще один курс. Набор на новый поток курса Марии Кочаковой "Нарратив в видеоиграх", все подробности и регистрация по ссылке. #отзыв
Изображение поста