Минутка редизайна:
Редизайн ИИшки Copilot командой дизайнеров Microsoft.
Мне вообще просто эстетика ролика нравится, что дизайнеры показывают структуру, модульность, сетки, то есть то, что пользователь видит как оболочку, внешнее.
Обновление сетки
→ Перетаскивайте колонки и строки для изменения порядка
→ Автоматическое позиционирование
→ Автоматическое создание строк
Grids Generator — плагин поможет быстро создать сетку для вашего проекта.
СЕГОДНЯ ТОТ САМЫЙ ДЕНЬ!
САМЫЙ ЛУЧШИЙ ДЕНЬ!
Мы начали!
Да, у нас маскот — фея Графема 🌸
Почти все на потоке обычно дорабатывают чужие шрифты, а при попытке сделать своё получали не оч результат.
Мы это изменим!
Все понимают, что это "тот самый скилл, самый лучший скилл" (простите у меня песня заела).
Сегодня вдарили по базе и избавлялись от страхов, от желания всё подчинить сетке, смотрели как легко можно управлять формой графемы и что даже самые странные и страшные буквы становятся милыми, когда ты к ним с нежностью.
Уже к концу недели у каждой в кейсах будет первая работа 🪄
Последняя возможность присоединиться!
✨ Интерфейс начинает ощущаться дорогим не из за одной большой идеи, а из за десятка мелочей
Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво.
Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки.
Внутри:
– Как text-wrap: balance помогает убрать сиротские слова и сделать текст аккуратнее;
– Почему вложенные элементы выглядят лучше с концентрическим скруглением;
– Как анимировать иконки контекстно, чтобы интерфейс ощущался живее;
– Зачем делать текст чуть более crisp на macOS через сглаживание;
– Почему для обновляющихся чисел лучше использовать табличные цифры;
– Чем interruptible-анимации лучше фиксированных keyframes в интерактивных сценариях;
– Почему enter-анимации лучше разбивать на части и слегка стеггерить;
– Как сделать exit-анимации мягче и менее навязчивыми;
– Почему иногда выравнивать нужно не геометрически, а оптически;
– Когда тень работает лучше границы;
– Зачем добавлять изображениям тонкий внутренний outline.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
