Вдохновение
Крутые кнопки, анимации и стили, которые можно прямо сейчас утащить в свой пет-проект.
1 Основы вкуса
Почему ИИ-дизайн выглядит шаблонно и как это исправить
Почему ИИ-дизайн сайтов выглядит одинаково и дёшево: дефолтный градиент, безликий шрифт, текст по центру, эмодзи. И 4 принципа вкуса, которые это лечат.
Цвет и контраст в интерфейсе: палитра и тёмная тема
Палитра интерфейса без боли: один-два акцента плюс нейтральные, контраст текста 4,5 к 1, и почему тёмная тема - это тёплый серый, а не чёрный фон.
Шрифтовые пары и сетка: типографика для новичков
Как выбрать шрифт, собрать рабочую шрифтовую пару, построить лесенку размеров и иерархию заголовков и посадить всё на сетку с единым шагом отступов. На пальцах, для новичков.
2 Детали, которые решают
Красивые кнопки и эффект стекла: как сделать дорогой интерфейс
Как сделать красивую кнопку и эффект liquid glass: форма, мягкая тень, контур, состояния hover и active, размытие фона. Плюс готовые брифы для нейронки.
Микроанимации и переходы в интерфейсе: тайминг, easing, амплитуда
Микроанимации и переходы в UI: как тайминг, плавность (easing) и амплитуда делают интерфейс живым. Разбираем обратную связь, появление элементов и доступность.
Живые фоны и градиенты: как оживить фон сайта
Живые фоны и градиенты для сайта: радиальное свечение, mesh-градиент, медленное движение и зерно. Как оживить фон и не перебрать с эффектами.