✨ Интерфейс начинает ощущаться дорогим не из за одной большой идеи, а из за десятка мелочей
Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво.
Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки.
Внутри:
– Как text-wrap: balance помогает убрать сиротские слова и сделать текст аккуратнее;
– Почему вложенные элементы выглядят лучше с концентрическим скруглением;
– Как анимировать иконки контекстно, чтобы интерфейс ощущался живее;
– Зачем делать текст чуть более crisp на macOS через сглаживание;
– Почему для обновляющихся чисел лучше использовать табличные цифры;
– Чем interruptible-анимации лучше фиксированных keyframes в интерактивных сценариях;
– Почему enter-анимации лучше разбивать на части и слегка стеггерить;
– Как сделать exit-анимации мягче и менее навязчивыми;
– Почему иногда выравнивать нужно не геометрически, а оптически;
– Когда тень работает лучше границы;
– Зачем добавлять изображениям тонкий внутренний outline.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы