Супрематики – детям

Мы сделали новую айдентику для главного детского магазина в нашей прекрасной стране – Центрального детского магазина, который гордо стоит на Лубянке с 1957 года. В 2025 году ЦДМ постепенно трансформируется из магазина в Центр детских впечатлений, что требует от айдентики куда большей эмоциональной составляющей, чем в ней было. Поэтому мы нарисовали нежно ностальгирующий шрифтовой логотип, дополнили его полными лампового тепла иллюстрациями и паттернами и сопроводили ретро-пиктограммами для навигации. Весь проект теперь на главной нашего сайта.
Изображение поста

Pattern Hero — плагин позволяет быстро создавать и настраивать паттерны из выбранных элементов.

Плагин "Zalgo Patterns Generator" by Max Tcvetkov Данный плагин позволит вам генерировать уникальные паттерны из текста

Изображение поста

📖 Вышел Журналус № 471. Как скрыться от исполинского милиционера среди двухсот когнитивных искажений

• Цитаты из книги Эллен Лаптон «Драматургия дизайна. Как, используя приёмы сторителлинга, удивлять графикой, продуктами, услугами и дарить впечатления» • Необычный процедурный алгоритм для создания векторных иллюстраций • Как менялись иконки Adobe за последние 20 лет • Как генеративный ИИ влияет на творческие процессы • Почему дизайнерам стоит поменять профессию • Вводное руководство по работе с SVG в вебе • Как ИИ влияет на пользовательские паттерны поиска информации • Зачем командам регламенты и чек-листы и как они помогают в работе • Как подготовиться к презентации без предварительных текстов и слайдов • Уникальные иллюстрации, созданные 40 лет назад на первых Mac • Коллекция нейрокороткометражек • Статья OpenAI с советами по работе с новым GPT-5
Изображение поста
Привет! На связи Кристина – дизайнер и преподаватель в UPROCK 👋🏼
Предлагаю вам сегодня разобрать интересную тему: графические приемы в UX/UI. Часто я слышу от студентов: «Графика – это сложно, у меня не получится, у меня нет нужного скилла». На самом деле графика в интерфейсах не обязана быть сложной, наоборот, простые формы могут стать изюминкой вашего проекта. 🟨 Самый простой пример – квадрат. Казалось бы, что может быть проще и причем тут графика? А именно из квадрата можно собрать бесконечное количество решений: – паттерны для фонов – легкий акцент или декоративный элемент – простая иллюстрация – и даже целая композиция Наши студенты часто удивляют меня тем, как они применяют этот прием. Кто-то использует квадраты в айдентике, кто-то собирает из них иллюстрации вроде пиксельных персонажей, а кто-то внедряет паттерн прямо в сайт. Самое важное – в графике нет ничего недосягаемого. Простые формы доступны каждому: попробуйте добавить их в свои проекты, и вы увидите, как даже минимальный прием делает визуал эффектнее, креативнее и выразительнее. ✨ Не бойтесь экспериментировать с графикой, подключайте творчество и фантазию и, уверена, вы удивитесь результату. ⚡️ И, как обычно по пятницам, делимся с вами подборкой полезных статей, которые рекомендуем к прочтению на этих выходных 😊 📖 Лучшая типографика 1920-х годов – от Futura до Industria Gravur Рассмотрим несколько самых знаковых шрифтов этого времени. 📖 Как дизайнеру создать личный бренд Разберем вопрос создания личного бренда для дизайнера: что это такое, зачем он нужен и с чего стоит начать. 📖 Действия в таблицах: рекомендации по проектированию Узнаем, какие паттерны существуют в этой области и как они применяются в реальных продуктах.‍ 📖 Полезные ресурсы для дизайнеров Подборка ресурсов, которые сделают вас сильнее как UX/UI-дизайнера. 📖 Microsoft vs Apple: две философии, два пути Apple и Microsoft — две крупнейшие технологические компании с разной философией и видением, которые на протяжении многих лет соревнуются за лидерство на рынке. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыСтатьи по UX/UI
Niceverynice — коллекция компонентов, паттернов и решений разных компаний.
niceverynice.com/components
Ключевые проблемы дизайн-менеджмента (2/2)
#Менеджмент Об управлении в дизайне спорят все, кто оказывается на управленческих позициях. Ведь нет идеального руководителя, процесса, компании или продукта. Роль дизайн-менеджера заключается в нащупывании возможностей в рамках текущего контекста. А хороший менеджмент это всегда про решительность, рассудительность и способность идти туда, куда большинство пойти побоятся. — Как превратить проблемы в возможности? Дизайн-менеджмент — это выстраивание рабочих процессов, межличностных коммуникаций и стратегических планов. Чтобы преодолеть ключевые проблемы, нужен системный подход. Рассмотрим шесть пунктов, которые помогут решать эти проблемы комплексно: 1. Дизайн как часть бизнес-стратегии • Включение дизайн-лидеров в стратегические обсуждения развития бизнеса. • Связь UX-метрик (NPS, LTV, Retention) с финансовыми показателями. • Выстраивание производственных процессов, где дизайн участвует в принятии решений с самого начала. 2. Настройка производственных процессов • Организация коротких релизных итераций для быстрой проверки гипотез. • Организация инструментов (Дизайн-системы, базы знаний, пользовательские паттерны) для ускорения работы и обеспечения консистентности. • Роли, функции, зона ответственности в кроссфункциональной команде: (исследователи, разработчики, аналитики, менеджеры, дизайнеры). 3. Коллаборация между командами • Документация, гайды, прототипы, результаты исследований вместо абстрактных ТЗ. • Совместные воркшопы, сессии дизайн-мышления, где все участвуют в генерации идей. • Формат работы и взаимодействия с применением гибких методологий и высокой степенью автономности. 4. Развитие дизайн-команды • Гибкие роли дизайнеров с возможностью переключения между задачами. • Внутреннее обучение и менторинг: курсы по софтскилам (для ведения переговоров и проведения презентаций для бизнеса), курсы по хардскилам (изучение и внедрение новых технических инструментов). • Внешнее обучение: отправка дизайнеров на вебинары, интенсивы и др. типы обучения, согласно персональному плану развития каждого. • Честные KPI: оценка не по количеству нарисованных макетов, а по результативности в принятых решениях и влиянии на продукт. 5. Адаптация к новым технологиям • Регулярный аудит инструментов: что устарело, что пришло этому на смену. Какие AI-инструменты ускоряют реализацию рутинных задач. • Эксперименты с неиспользуемыми цифровыми форматами (AR/VR, голосовые интерфейсы, чат-боты, и т.д.) 6. Доказательство ценности дизайна • Метрики дизайн-эффективности: время на выполнение задач, снижение числа ошибок пользователей. • A/B-тестирование всего: от кнопок до навигации, от логотипов до анимации. • Гипотезы, их подтверждение / опровержение, измерение показателей и фиксация клиентских отзывов после внедрения конкретных дизайнерских решений (новый онбординг, новая панель навигации, новый кей-вижуал). Дизайн-менеджмент — это система Недостаточно просто нанять талантливых дизайнеров. Необходимо выстроить процессы, дать влияние дизайнерам и научиться измерять вклад их работы в общее дело. Дизайн-руководители, которые внедряют эти решения, получают: → Быстрые релизные итерации вместо бесконечных правок дизайна. → Синхронизацию команд вместо конфликтов между дизайнерами и другими специалистами. → Измеримый рост продукта и команды вместо субъективных оценок топ-менеджеров.
Изображение поста
Сверхцветовой барьер — камерный воркшоп от Щёлочи, Координаты и реф³. 24/08
Куратор воркшопа: артем³ — арт-директор, специализируется на брендинге, визуальных системах и креативных методологиях. Автор курсов и визуальных практик, создатель реф³ Что будет происходить: Лекция — как ограничения делают нас креативнее, о пользе рамок и о нестандартных подходах к работе с материалами — когда условия заставляют выходить за привычные паттерны взаимодествия. Когда нельзя использовать цвет — начинает работать что-то другое. Будем исследовать, как мыслить формой, как разделять объекты без цветов и контрастов, и как создать выразительный плакат, имея в распоряжении только белую бумагу. Кому подойдёт: Всем, кто любит бумагу Что понадобится: Вы. Опционально — ножницы и клей 📌 Воркшоп пройдёт в это воскресенье, 24 августа в 14:00 в Координате. 🔡 Для участия нужна регистрация, места ограничены. 📎 Зарегистрироваться здесь*** (обязательно укажите, что вы «от щёлочи») *** МЕСТА ЗАКОНЧИЛИСЬ, ЗАПИСЬ В ЛИСТ ОЖИДАНИЯ
Изображение поста
Плагин «Tylify» by Luca
Плагин для удобного создания бесшовных паттернов, с платными опциями 🧙‍♂️ Скачать плагин 🧙‍♂️ #plugin
Изображение поста
Психология дефицита
Статья об искусственно создаваемом ощущении срочности при онлайн-покупках. Как черные паттерны влияют на наше принятие решений и заставляют действовать быстрее Читать на дизайнерс | #статья
Изображение поста
Думаю, мы все с вами сталкиваемся с бесстыжими темными паттернами, но в этот раз они меня прям взбесили.
Я активный пользователь Т-банка (скучающий по временам, когда это был самый удобный банк эвер). Каждый месяц я выбираю себе кэшбеки, 😭 прости господи. Ну и конечно почти все они соответствуют мемам в интернете: "скидка 12% на товары для левшей", "5% химчистка смокингов" и "2% на товары из бересты". Вылезает мне такого рода список, нужно выбрать 4 пункта. Выбираю один осознанно, три остальных от балды. Помню что-то там про START от Т-банка. Жму 🙂 кнопку применить кэшбеки... Мне приходит смс о том, что я успешно зарегистрировалась в стриминговом сервисе START, и что мол 30 дней бесплатно, а потом денежки будем списывать за подписку. Круто. Захожу на сайт STARTа и пытаюсь отключить подписку. Вижу сообщение выше на скрине. Вы серьезно?! Иду в Т-банк, пишу в поддержку, с 10 раза меня понимают и вроде как отключают подписку. На уточняющий вопрос ТОЧНО ЛИ ответа не поступило. Узнаем в следующем месяце 😄 Делитесь своими подгораниями.
Изображение поста
EXAT — генератор абстрактных паттернов.
🔗 Figma Community ▫️ #tools
Изображение поста
🌄 Что бизнесу важно знать о полиграфии
Полиграфия — это физическое продолжение вашего бренда. Рассказываем о том, что важно учитывать при заказе печатной продукции, чтобы получить наилучший финальный результат и сэкономить свои ресурсы. 🍋 То, что красиво на экране, не всегда красиво в руках Размеры на экране могут обмануть: логотип кажется крупным, шрифт — читаемым. А на визитке всё вдруг превращается в пятнышко. 💜 Совет: всегда проверяйте макет в масштабе 1:1. Даже обычная чёрно-белая распечатка подскажет, насколько всё пропорционально и уместно расположено. 🍋 Разные цели — разные цветовые модели Передача цвета на экране происходит за счет свечения пикселей, на бумаге — цветовые пигменты смешиваются во время печати. 🌽 Поэтому и цвета определяются через разные цветовые пространства: RGB и CMYK — два разных способа отображения цвета в мире дизайна. 🔹RGB имеет расширенную цветовую гамму — эта модель идеально подходит для дисплеев и веб-дизайна, но не всегда точно воспроизводит печатные оттенки. 🔹CMYK точнее передаёт цвета на бумаге, но её гамма ограничена: не все «экранные» цвета можно физически воспроизвести. 🌽 В типографиях используются два типа красок: 🔹Триадные (полупрозрачные) краски для полноцветной печати. Выпускают 4 цвета: голубой, пурпурный, жёлтый и чёрный. Путём наложения этих красок друг на друга получаются все остальные цвета. 🔹Непрозрачные смесевые краски. Одна краска — один цвет. Изготавливаются по каталогам с фиксированными параметрами цвета. Самая популярная марка для дизайна полиграфии — Pantone. Советы: 🔹Если нужен точный оттенок — используйте Pantone. 🔹Если важна насыщенность — подбирайте бумагу и краски вместе с дизайнером. 🔹Если печатаете фото или иллюстрации — триадные краски подойдут, но цвета всё равно «съедаются» и требуют цветопробы. 🍋 Не только «глянцевая или матовая» бумага 🔹Тонкая бумага может просвечивать: текст будет проглядываться с другой стороны или смешиваться с изнанкой 🔹Жёлтая или шершавая бумага может сделать цвета тусклыми или грязными 🔹Глянцевая бумага выглядит эффектно, но может пачкаться 🔹Матовые варианты — стильно, но они могут «съедать» яркость, краска на них ложится хуже 💜Оптимально: выбрать бумагу вместе с дизайнером под конкретную задачу С другой стороны: 🔹Прозрачную бумагу можно использовать как дизайнерский приём: например, в упаковке с полупрозрачным паттерном 🔹Глянцевые и матовые участки можно сочетать как акценты 🔹На плотной бумаге можно применять тиснение, вырубку, фигурные отверстия — они усиливают тактильный эффект 🍋 Основные способы печати 🔹Офсет — распространенный способ печати крупных тиражей. Он требует предварительной подготовки форм, но зато: обеспечивает высокую чёткость, стабильно передаёт цвета и выгоден при больших объёмах. 🔹Для малых партий чаще используют цифровую печать. Она не требует дополнительной подготовки, но может быть дороже за единицу и менее стабильна по цвету на длинных тиражах. Советы: 🔹Цифровая печать — выгодно при малых тиражах и тестовых образцах 🔹Офсет — оптимально от среднего тиража и выше (условно от 500 экземпляров — зависит от изделия) 🔹Чем выше тираж — тем ниже стоимость за экземпляр при офсете 💜Важно, если вы планируете допечатывать материалы: офсет требует постоянства: если меняется хоть что-то (бумага, краска, текст), результат может измениться. 🍋 Миллиметры имеют значение Даже если макет идеален — типография может чуть сместить линию сгиба или реза. Погрешность в 1–2 мм может срезать важный текст или нарушить композицию. Что делать: 🔹Не пренебрегать безопасными отступами. 🔹Учитывать переплёт и брошюровку. 🔹Согласовывать с типографией параметры макета ДО печати, а не после. 🍉 Полиграфия — это часть вашего бренда Даже самый креативный дизайн можно испортить дешёвой бумагой или неучтённой технологией печати. Поэтому, если вы работаете с дизайнером, слушайте его рекомендации. Мы не усложняем — мы защищаем ваш визуальный образ от типичных ошибок и экономим ваше время, ресурсы и нервные клетки 😉
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Зайки... Ловите программу курса «Плакатная графика в Figma, 7 дней — 7 работ»
Все уроки и материалы будут доступны в течение года. Для большей мотивации курс мы проведем в виде марафона. На занятия вы будете тратить не более 25–50 минут в день. Но если будете отставать — ничего страшного, заниматься в дальнейшем можно будет в своём темпе. Марафон нужен в первую очередь, чтобы смотреть в общем чате на работы одногруппников. Каждый день — новая тема и сильная работа в портфолио: • Формы, маски, стекла и образы • Плагины, типографика и вау-композиции • Теория близости и контрасты • Фоны и эффекты • Текстуры и фильтры • Работа с референсами • Курсовой проект 💥 📚 Теория после марафона: • Как просто подбирать цвет • Где дизайнеру искать заказы • Фриланс, студия или продуктовая команда • Стратегия развития граф-, веб- и UX/UI-дизайнера 🛠 Мини-уроки вне марафона: • Photoshop. Обзор + 1 работа в портфолио • Illustrator. Обзор + 1 работа в портфолио • Логотип в Figma. Обзор + 1 работа в портфолио • Figma для полиграфии: отступы под обрез, CMYK и миллиметры 📦 Материалы: • Шаблоны постеров • Подборка шрифтов • Сетки и композиции • Текстуры и паттерны • Цветовые палитры • Референсы 👉 Если вы всё ещё не записались на старт… Вот ссылка на регистрацию. Выберите удобный тариф, оставьте ФИО и Telegram для связи.
Изображение поста
Ура 🥳🥳🥳
В ближайшие несколько лет Figma станет основным инструментом графического дизайнера. Это стало ясно после конференции, на которой команда подтвердила активную работу над внедрением цветовой модели CMYK. Графика — неотъемлемая часть и ключевой навык любого профессионального веб-дизайнера. Сегодня вечером мы анонсируем предзапись и дату выхода нового курса. Плакатная графика в Figma — старший брат «Марафона по новым инструментам». Сильный, насыщенный, нацеленный на практику и реальные коммерческие проекты. ⭐️ Что тебя ждет на курсе: • Шаблоны постеров • Подборка шрифтов • Сетки и композиции • Текстуры и паттерны • Цветовые палитры • Плагины и гайды • Разборы работ • Мини-уроки • Чек-лист по композиции • Гайд по трендам • Чат дизайнеров • Марафон «7 постеров» • Референсы • Сертификат от лицензированной школы 💳 Тарифы курса: Мы разработали сетку тарифов для того, чтобы абсолютно каждый смог принять участие в этом событии... Аналогов которого нет и не будет. Базовый минимум — 4 900 ₽ Доступ к урокам, материалам и чату. Оптимальная классика — 7 900 ₽ Всё из базового + проверка и разбор курсовой работы от Зубкова. Роскошный максимум — 29 900 ₽ Всё из оптимального + персональные разборы всех 7 домашних работ от Зубкова. Вечером мы откроем предстартовую предзапись на курс и секретный сюрприз для тех, кто уже знаком с качеством наших образовательных программ… Огонь!? 🔥
Изображение поста
Как обещал делюсь новым кейсом. Год назад в хелоу робо пришел проект на котором мне дали возможно сделать все с нуля. От айдентики до продукта, для компании по созданию спортивной одежды на заказ.
Часть работы с айдентикой оказалась сложнее чем я себе представлял, но заставила работать мозг по-новому. Ядром продукта стал кастомайзер, экран на котором юзер может менять любые детали от паттерна на вещах до цвета ниток которыми сшивают вещь. Больше деталей про каждую фичу и картинок можно посмотреть в самом кейсе. 🚩Кейс
😮 Нейродизайн: почему мозг не замечает очевидного
В статье рассказали, почему пользователи пропускают важные элементы интерфейса и действуют нелогично. Объяснили, как работает фовеальное зрение (чёткое восприятие области в 2–5 градусов) и почему мозг отфильтровывает большую часть информации, обращая внимание лишь на небольшую часть элементов. Разобрали основные паттерны сканирования (F-паттерн, Z-паттерн и модель слоёного пирога), правило 7±2 и типичные ошибки его применения. Описали, как удерживать внимание по мере скролла и как ненавязчиво направлять пользователя к целевым действиям, избегая эффекта баннерной слепоты. Внутри: – Как учитывать особенности фовеального зрения; – Почему мозг игнорирует часть интерфейса; – F-паттерн, Z-паттерн и визуальные каталоги; – Правило 7±2 в интерфейсах; – Воронка внимания при скролле; – Как тестировать изменения с помощью тепловых карт. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Всем привет!
Пустые состояния нередко упускаются из виду при проектировании цифровых продуктов. Хотя с ними сталкиваются только 2️⃣➖5️⃣🔤 пользователей, продуманные пустые состояния могут повысить юзабилити, укрепить индивидуальность бренда и создать эмоциональную связь с аудиторией.  📌В статье «Пустые состояния: краткое практическое руководство» мы разберем, что такое пустые состояния, какова их типичная структура, когда их использовать и какие распространенные паттерны есть в этой области. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
📱 Заливка паттерном в иллюстраторе
Люди не читают — они сканируют. Наше внимание последовательно курсирует по странице и собирает контент.
Это похоже на игру в змейку. В новом видео рассказали про паттерны сканирования и поделились принципами, которые улучшат дизайн.