Web
Адаптивный интерфейс
Интерфейс с общей структурой для телефона, планшета и большого экрана.
- Статус
- Эксперимент · Концепт
Задача
Сохранить порядок контента и понятную навигацию при любом размере экрана.
Личный вклад
Сценарий перестройки, компонентная модель и управление breakpoint собраны в одном интерактивном прототипе.
- Крупные зоны перестраиваются по доступной ширине
- Клавиатура и touch используют одинаковые действия
Результат
Посетитель двигает breakpoint и сразу видит переход 3D-макета между desktop, tablet и mobile.
Материалы
Next.js, TypeScript, React Three Fiber и оригинальная геометрия интерфейса.