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

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

#animation #interactive #ui

Открыть в Figma

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

Дмитрий Подлужный написал о проектировании интерфейсов интерактивных экранов.

— Надо понимать размеры экрана, для которого проектируете. В идеале — иметь доступ к устройству. Если доступа нет, создайте макет в натуральную величину;
— Важную роль играет расположение экрана: на какой высоте, под каким углом он находится, каким будет освещение;
— Вертикальные экраны требуют явного обозначения интерактивности. Например, с помощью подсказки «Нажмите, чтобы начать»;
— Наклонённые экраны сразу воспринимаются как интерактивные. А разные их участки доступнее, чем на вертикальных экранах;
— Размещайте элементы управления в легкодоступных зонах;
— Контент и навигация (интерактивные элементы) должны заметно отличаться визуально;
— Обеспечьте заметный отклик на действия пользователя;
— С большим экраном естественнее взаимодействовать ладонью или несколькими пальцами, а не только кончиком одного пальца;
— Минимизируйте количество нажатий, ручного ввода текста и других действий, требующих высокой точности;
— Двигать рукой утомительнее, особенно если она остаётся на весу;
— Избегайте утомительных действий вроде долгой прокрутки, частого перетаскивания объектов;
— Зоны клика должны быть больше самих элементов, особенно если пользователь смотрит на них под углом;
— Экраны большие, но пользователь находится близко к ним, на расстоянии вытянутой руки, и его поле зрения ограничено;
— Не разбрасывайте элементы по экрану, чтобы не заставлять человека поворачивать голову. Это утомляет;
— Используйте анимацию, чтобы привлечь внимание к определённым элементам;
— Дайте возможность перемещать экранную клавиатуру в удобное место на экране;
— Автоматически возвращайте экран в исходное состояние, если он долгое время не используется, чтобы следующему пользователю было удобно начать взаимодействие.

#interactive_display

Коллекция из 50 кнопок.

• Набор из 50 готовых стилей кнопок
• Демонстрация элементов через платформу X/Twter
• Разнообразие визуальных решений и состояний

#buttons #collection #uicomponents #interactive

Открыть в Figma

Сайт от Obys с ярким, живым интерфейсом. Большие заголовки, асимметрия, градиенты и мелкие анимации делают страницу запоминающейся.


#ui #interactive #webdesign

Интерактивная анимация сайта, посвященного проблематике сохранения лесов и устойчивости лесного хозяйства

Смотреть сайт

#Menu #interactive

Сайт от Obys с ярким, живым интерфейсом. Большие заголовки, асимметрия, градиенты и мелкие анимации делают страницу запоминающейся.

nlc.obys.agency
#ui #interactive #webdesign

Сайт от Obys с ярким, живым интерфейсом. Большие заголовки, асимметрия, градиенты и мелкие анимации делают страницу запоминающейся.


#ui #interactive #webdesign