Галерея

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

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

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

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

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

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

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

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

Фотография

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

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

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

NFT-коллекции

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Стиль рамки

Выберите из классической (традиционное дерево), современной (лаконичная чёрная), минималистичной (тонкая обводка), декоративной (с орнаментом) или без рамки.

Стиль стены

Задайте внешний вид стены галереи. Варианты: белая, тёмная, бетон или деревянные текстуры.

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

Отрегулируйте интенсивность и цвет точечного освещения для идеальной атмосферы галереи.

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

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

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

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

Стиль дока

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

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

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

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

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

Кнопки дока

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

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

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

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

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

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

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

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