Перейти к основному содержанию

Галерея

Превращайте ваши произведения искусства, фотографии или дизайны в захватывающую 3D-галерею. Зрители могут прокручивать оформленные в рамки работы, размещённые на виртуальной стене галереи.

Создать галерею

Что такое галерея?

Проект «Галерея» создаёт интерактивную 3D-галерею, где ваши изображения отображаются как оформленные в рамки произведения на виртуальной стене. Зрители могут плавно прокручивать коллекцию, наслаждаясь элегантным музейным опытом.

  • Горизонтально прокручиваемая галерея с плавной навигацией
  • Профессиональное представление работ в рамках
  • Рамки, которые можно включить, выключить и перекрасить
  • Точечное освещение каждого произведения
  • Отлично выглядит на всех устройствах

Лучшие сценарии использования

Художественные портфолио

Демонстрация картин, иллюстраций или цифрового искусства

Фотография

Показ фотоколлекций в элегантной галерейной обстановке

Дизайнерские работы

Представление работ по графическому дизайну или визуальных проектов

NFT-коллекции

Профессиональная выставка цифровых коллекций

Витрины товаров

Демонстрация товаров в стиле галереи

Галереи мероприятий

Публикация фотографий с мероприятий и памятных моментов

Создание галереи

Шаг 1: Загрузите работы

В редакторе проекта перейдите на вкладку «Контент» и загрузите изображения:

  • Изображения: загружайте файлы JPG, PNG или WebP
  • PDF-файлы: загрузите PDF, и каждая страница станет отдельным произведением
  • Несколько файлов: загружайте сразу несколько файлов

Для лучшего результата используйте изображения высокого разрешения. Галерея автоматически подстраивает размеры работ под соотношение сторон.

Шаг 2: Организуйте работы

После загрузки вы можете:

  • Перетаскивать работы для изменения порядка
  • Добавлять названия к каждой работе
  • Удалять ненужные работы
  • Загружать дополнительные работы в любое время

Шаг 3: Настройте внешний вид

На вкладке «Настройки» настройте:

  • Рамка: включите или выключите рамку вокруг работ
  • Цвет рамки: подберите под ваш бренд или эстетику галереи
  • Цвет стены: цвет фоновой стены галереи
  • Точечное освещение: настройте прозрачность подсветки и уровень общего света

Шаг 4: Добавьте интерактивность

Сделайте галерею интерактивной с помощью hotspots. Добавьте кликабельные точки на любую работу для ссылок на страницы покупки, информацию об авторе или связанный контент.

Настройки галереи

Настройте галерею на вкладках «Меню» и «Настройки»:

Стиль рамки

Включите или выключите рамку вокруг работ, а когда она включена — подберите её цвет.

Стиль стены

Задайте цвет стены галереи или загрузите собственную текстуру и настройте масштаб её повторения.

Настройки освещения

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

Показать элементы управления

Включение и выключение навигационного дока. В доке отображаются кнопки навигации, управление масштабом и переключение полноэкранного режима.

Показать названия

Отображение названий работ под каждым оформленным произведением.

Стиль дока

Настройте внешний вид дока управления: размер, цвет фона, обводку, цвет кнопок, цвет иконок и многое другое.

Как зрители перемещаются по галерее

Ваша аудитория может исследовать галерею несколькими способами:

Прокрутка/Смахивание

Используйте колёсико мыши или сенсорное смахивание для плавного перемещения по галерее. Движение постепенное и естественное.

Кнопки дока

Используйте кнопки-стрелки в навигационном доке для точного управления. Мгновенный переход к первой или последней работе.

Клавиатура (компьютер)

Используйте клавиши-стрелки для навигации между работами. Home/End — переход к первому/последнему произведению.

Масштабирование

Приближайте работы кнопками дока, чтобы рассмотреть детали.

Советы по созданию отличных галерей

  • Используйте изображения высокого разрешения для чёткого отображения работ
  • Выбирайте стиль рамки, который дополняет ваш художественный стиль
  • Добавляйте названия для контекста к каждой работе
  • Используйте hotspots для ссылок на страницы покупки или дополнительную информацию
  • Протестируйте прокрутку на компьютере и мобильных устройствах
  • Подберите цвет стены, чтобы ваши работы выделялись

Связанная документация