UI Elegance ✨

Сайт Design Spells Авторы ведут твитер, а теперь запустили и сайт. Собирают кусочки интерфейсов, взаимодействия и пасхалки — похоже на мой канал, но примеры почти не пересекаются. В общем, если вам хочется еще больше приятных дизайнерских деталей, рекомендую к просмотру. @uielegance #ссылка

Текст внутри пустой упаковки галараствора «Сварщицы Екатерины» Еще один пример того, как дизайнеры прорабатывают пустые состояния даже в офлайне. Снаружи с дизайном всё тоже отлично, любители комиксов оценят. Фото #3 из канала @theweldercatherine @uielegance #офлайн #пустое_состояние

Сафари в macOS умно сокращает названия вкладок Если вкладка одна, у нее полное название. А вот если у у соседних вкладок названия начинаются одинаково, браузер удаляет повторяющуюся часть и экономит место. Пригодится, когда открыто много вкладок. @uielegance #apple #десктоп

Aic сделали красивый сайт к 25-летию агентства. Главная тема — переливающиеся драгоценные камни, вокруг которых построена верстка блоков. А мне особенно понравилось место с фотографиями-кристаллами сотрудников. Поделился @frolov_nd @uielegance #анимация

Сайт «84 — 24» Красивый лонгрид о том, как у автора случился кризис среднего возраста, и он решил восстановить Мак 1984 года. Кроме анимированных трехмерных моделей, взрыв-схемы, еще и текст сверстан с любовью — есть на что посмотреть. Работает только с десктопа. @uielegance #apple #анимация #десктоп

Анимация отправки письма у Column: кнопка после нажатия превращается в бумажный самолетик. Подсмотрено в твиттере Стивена Тея. @uielegance #анимация #форма

Иконка «Еще» в меню Jetbrains Space Частая проблема: в навигационном меню нужно подсветить выбранный пункт, но не всё помещается на экран. Jetbrains Space делает так: к трем точкам «Еще» добавляется пиктограмма раздела, выбранного в выпадашке. А также: как показать результаты поиска, скрытые внутри выпадающего списка. @uielegance #jetbrains #меню

Фильтры в SonarQube Необычная механика фильтров: при наведении выбирается группа значений, внутри нее можно продолжать двигать курсор и сужать выбор. Не нужно несколько раз прожимать чекбоксы. @uielegance #фильтр

В Recraft.ai, инструменте для создания изображений, тогл Add some love при включении превращается в сердечко. @uielegance #формы

В приложении Додо Пиццы курьер ездит на лыжах. Поделился @mikeozornin @uielegance #мобильные #анимация

В новом приложении Сбера для iOS появилось быстрое копирование деталей карты прямо с главного экрана. Отлично экономит время, но анимацию можно чуть ускорить. @uielegance #сбер #мобильные

Amie обновили свой сайт, там теперь еще красивее. В шапке трехмерное демо продукта, а в футере — крутой genie-like эффект: содержимое сайта засасывается в логотип продукта. По доброй традиции плавно работает только на самых новых компьютерах. @uielegance #amie #анимация

Supernotes очень аккуратно переизобрели выпадающее меню в шапке сайта. Оно показывает не просто ссылки на внутренние страницы, а краткое содержание, главную суть. Плюс приятная анимация. Спасибо за находку, @helionthefirst @uielegance #меню

Быстрый выбор периода на графике Сервис мониторинга Planetscale при просмотре графиков разбивает таймлайн на кликабельные элементы. В них удобнее целиться и быстрее выбирать, чем если бы это был обычный фильтр c выпадашкой. @uielegance #фильтр

Цепляющая глаз деталь на сайте Folk: стандартный курсор меняется на тематический при прокрутке. В блоке о совместной работе он становится знакомым по Фигме курсором мультиплеера, в продажах — знаком валюты, в почте — конвертом. @uielegance #анимация

Красивые эффекты удаления разных штук в интерфейсах, которые собрал Андреас Шторм и другие пользователи твиттера. Родоначальник всей этой красоты — удаление иконок из дока MacOS, poof animation (по ссылке забавная история). Жаль, что Apple не так давно его убрал. 🔗 Оригинал треда @uielegance #анимация

Пасхалка в чайнике Stagg EKG Почему бы не скоротать время за игрой в червячка прямо на подставке чайника, пока ждешь заваривания кофе. @uielegance #офлайн

У Webflow на странице 404 — забавный интерактив. Подсмотрено в твиттере Джордана Хьюза. @uielegance #страница_не_найдена

Убрать лишнюю модальность — прием, который можно брать на вооружение. Гугл Драйв при ручном выборе диапазона дат расширяет меню направо, а не открывает модалку. @uielegance #формы #google

На сайте Kitfort необычная выбиралка подарка: по цвету, цене и размеру. Да и весь сайт симпатичный и веселый: забавные киты, товары с глазами и реплики поверх фирменных кавычек. @uielegance #фильтр