Дизайн и креатив
Plus
Модальные окна без лишних слов: что говорит WCAG
Состояний у элемента минимум пять: обычное, hover, нажатое, фокус, недоступное. Макет без них…
Дизайн и креатив Закрытый раздел
Интерфейсы, типографика, цвет и всё про красивое.
Нужна подписка Plus или Mega на этот раздел
Дизайн и креатив
Plus
Модальные окна за вечер: мысли вслух
Кнопка обязана выглядеть нажимаемой: тень, градиент или граница — выбор вторичен, аффорданс…
Дизайн и креатив
Mega
Мой подход к Пустые состояния: чек-лист дизайнера
Анимация объясняет переход, а не украшает: 200 миллисекунд достаточно, чтобы глаз понял, откуда появился…
Дизайн и креатив
Mega
Карточки: частые ошибки
Показывайте макет заказчику в контексте: мокап на телефоне отвечает на вопросы, которые фрейм в Figma…
Дизайн и креатив
Plus
Мой подход к Карточки: разбор кейса
Один акцентный цвет на экран: когда выделено всё, не выделено ничего. Иерархия важнее богатства…
Дизайн и креатив
Mega
Микроанимации: 200 мс, которые продают
Анимация оправдана, когда объясняет: откуда появился элемент, что нажалось, куда делось. Декоративное движение —…
Дизайн и креатив
Plus
Дизайн-система на салфетке: токены за один вечер
Начните с четырёх списков: цвета, отступы, радиусы, тени. По 4–6 значений в каждом — этого хватает продукту на…
Дизайн и креатив
Plus
Тёмная тема без боли: токены вместо дублей
Тёмная тема — не инверсия, а второй набор токенов: фон, поверхность, границы, текст. Если цвета прописаны руками в макете — вы обрекаете себя на два макета…
Дизайн и креатив
Mega
Мой подход к Отступы: частые ошибки
Отступы — язык интерфейса: связанные элементы стоят рядом, несвязанные разделяются. Нарушение ритма читается как…
Дизайн и креатив
Mega
Как подступиться к Модальные окна — мини-гайд
Один акцентный цвет на экран: когда выделено всё, не выделено ничего. Иерархия важнее богатства…
Дизайн и креатив
Plus
Тёмная тема за вечер: опыт проекта
Кнопка обязана выглядеть нажимаемой: тень, градиент или граница — выбор вторичен, аффорданс…
Дизайн и креатив
Plus
Что я понял про Цветовой контраст — мысли вслух
Кнопка обязана выглядеть нажимаемой: тень, градиент или граница — выбор вторичен, аффорданс…
Дизайн и креатив
Plus
Заметки о Мобильное меню — принципы системы
Состояний у элемента минимум пять: обычное, hover, нажатое, фокус, недоступное. Макет без них…
Дизайн и креатив
Plus
Как подступиться к Карточки — практика за вечер
Отступы — язык интерфейса: связанные элементы стоят рядом, несвязанные разделяются. Нарушение ритма читается как…
Дизайн и креатив
Mega
Кнопки: мысли вслух и главные выводы
Тени и границы конкурируют: тень отделяет слой, граница очерчивает область. Смешивать их на одном элементе —…
Дизайн и креатив
Plus
Кнопки: принципы системы
Контраст проверяется инструментом, а не глазом: значения ниже 4.5:1 незаметны на хорошем мониторе и убивают читаемость на…
Дизайн и креатив
Mega
Мой подход к Отступы: разбор кейса
Пиксель-перфект живёт в токенах: значения из дизайн-системы переносятся в CSS-переменные без…
Дизайн и креатив
Plus
Кнопки: мини-гайд
Показывайте макет заказчику в контексте: мокап на телефоне отвечает на вопросы, которые фрейм в Figma…
Дизайн и креатив
Mega
Что я понял про Карточки — мини-гайд
Пустое состояние — это не ошибка верстки, а первый экран знакомства: текст «пока ничего нет» теряет…
Дизайн и креатив
Mega
Модальные окна: опыт проекта
Пиксель-перфект живёт в токенах: значения из дизайн-системы переносятся в CSS-переменные без…