Табы и скролл
Необычное поведение табов на презентационном сайте: при скролле они перелистываются. Диковато, но интересно, для промо-сайта неплохой приём (в более сервисных интерфейсах, пожалуй, будет ту мач).
Кстати, сам сайт продукта интересен — много приятных и понятных линейных иллюстраций, ненавязчивая анимация, хорошие метафоры AI. За наводку спасибо @vladkorobov

Источник
#web #ui

Графики с паттернами
Очень понравился интеркомовский стиль графиков на продуктовом лендинге: деликатный паттерн из точек, единая палитра и вариативная толщина у линий здорово расставляет акценты и при этом делает график не скучным.

Чисто декоративный приём — конечно, не для отчётов и для глубокого анализа, но для презентаций и лендосов — вполне.

Источник
#ui #паттерн

Графики с паттернами
Очень понравился интеркомовский стиль графиков на продуктовом лендинге: деликатный паттерн из точек, единая палитра и вариативная толщина у линий здорово расставляет акценты и при этом делает график не скучным.

Чисто декоративный приём — конечно, не для отчётов и для глубокого анализа, но для презентаций и лендосов — вполне.

Источник
#ui #паттерн

UI на промо-сайте
Простая, чистая и очень красивая подача интерфейса на промо-сайте. Редко когда реальность позволяет так сделать, а тут весь сайт выдержан в таком духе.

Источник
#ui

UI на промо-сайте
Простая, чистая и очень красивая подача интерфейса на промо-сайте. Редко когда реальность позволяет так сделать, а тут весь сайт выдержан в таком духе.

Источник
#ui

Анимация бесконечной прокрутки.

• Бесконечный скроллер логотипов.

#animation #interactive #ui

Открыть в Figma

👨 Дизайн-телега

Nucleus: бесплатная библиотека компонентов UI для мобильного приложения.

• Более 300 компонентов (+ варианты)
• Более 50+ категорий компонентов (кнопки, переключатели, текстовые поля и т. д.)
• 36 скринов для примеров
• сетка 4pt

#UIk #iOS #app #UI

Открыть в Figma

👨 Дизайн-телега

Бесплатные финансовые компоненты: светлые и темные.

• Легко создавайте и настраивайте финансовые информационные панели, диаграммы и отчеты.

#finance #analytics #chart #ui

Открыть в Figma

👨 Дизайн-телега

UI сайта кроссовок

• UI страницы сайта продажи кроссовок

#ui

Открыть в Figma

Источник

👨 Дизайн-телега

Минималистичный и стильный UI K для интернет-магазинов.

• 60 экранов: каталог, карточки товара, корзина и др.
• Подходит под iOS и Android
• 3 визуальных стиля — на выбор
• Лёгкая настройка компонентов под любой бренд

#ui #ecommerce #mobile #k

Открыть в Figma

👨 Дизайн-телега

Мобильное приложение для путешествий

• UI мобильного приложения для путешественников

#UI #mobile

Открыть в Figma

👨 Дизайн-телега

Web-дизайн для автомобильной компании

• Простой дизайн для сайта с автомобилями

#ui

Открыть в Figma

Источник

👨 Дизайн-телега

Магия в мелочах
Нефункциональный приём из серии «как создать магию из ничего»: курсор светится, как приоткрытая дверь, сквозь которую пробивается таинственный свет чего-то скрытого и манящего.

Чудесная метафора ИИ и магического реализма в дизайне. За наводку спасибо каналу «Нора референсов».

Источник
#ui

Магия в мелочах
Нефункциональный приём из серии «как создать магию из ничего»: курсор светится, как приоткрытая дверь, сквозь которую пробивается таинственный свет чего-то скрытого и манящего.

Чудесная метафора ИИ и магического реализма в дизайне. За наводку спасибо каналу «Нора референсов».

Источник
#ui

Визуальная рифма
В концепте главного экрана приложения используется приятная визуальная рифма: графики перекликаются с позами и изгибами тела, а ещё краями модулей.

Судя по кейсу-источнику, приём в итоге не выжил, что вполне закономерно: ход не практичный, плохо дружит с корнер-кейсами, поддерживать и развивать его с реальными данными будет тяжело и бессмысленно. Но как look&feel — здорово.

За наводку на этих ребят спасибо любимому каналу от коллег — #ФФДД2Д

Источник
#ui

Лоадер для генерации
Способ скрасить ожидание при генерации AI-изображений: использовать не стандартный крутящийся лоадер и даже не скелетон, а анимированные точки или линии.

Увы, гифка шакальная и скачущая, но сам приём радует. Не первый раз встречаю подобное, и очень прикольно наблюдать, как рождается новый интерфейсный паттерн.

Источник
#ui #AI

Интерфейс браузера macOS.

• Светлая и тёмная темы.
• Макеты браузера с векторными фигурами и редактируемыми URL-адресами и значками, масштабируемые на 100%.
• Включает компоненты Google Come и Apple Safari (Catalina + Big Sur).
• Полностью изменяемый размер и возможность повторного использования в качестве библиотеки компонентов.

#browser #ui #UIk #macOS

Открыть в Figma

👨 Дизайн-телега

Nucleus: бесплатная библиотека компонентов UI для мобильного приложения.

• Более 300 компонентов (+ варианты)
• Более 50+ категорий компонентов (кнопки, переключатели, текстовые поля и т. д.)
• 36 скринов для примеров
• сетка 4pt

#UIk #iOS #app #UI

Открыть в Figma

Деликатная подсветка
Пример очень аккуратной подсветки позитивных и негативных трендов на дашборде: еле заметное декоративное свечение с края модуля. Не подходит для быстрого и однозначного считывания, но подходит для лёгкой декоративности в условиях, когда декоративность не особо приветствуется.

Источник
#ui

Бесплатные финансовые компоненты: светлые и темные.

• Легко создавайте и настраивайте финансовые информационные панели, диаграммы и отчеты.

#finance #analytics #chart #ui

Открыть в Figma

Источник