Создайте иммерсивную 3D-галерею для портфолио за минуты. Для фотографов, дизайнеров, иллюстраторов и художников.
Автор Franco Cirulli
Обновлено
Почти любое творческое портфолио выглядит как сетка миниатюр. Этот формат придуман для просмотра, а не для рассматривания. Работу обрезают до квадрата, сжимают для быстрой загрузки и ставят рядом с девятью другими изображениями, которые борются за тот же взгляд. Трёхмерная галерея переворачивает это: одна работа за раз, в полный размер, в раме на стене, внутри пространства, по которому нужно пройти.
В этом руководстве: как собрать галерею, как подготовить изображения, чтобы они действительно хорошо выглядели, и что меняется в зависимости от профессии. Фотографы, архитекторы, тату-мастера, дизайнеры интерьеров и ювелиры используют один инструмент, но нуждаются в разном.
Разница не декоративная, а в том, как работает внимание. Сетка приглашает сканировать, поэтому посетитель идёт быстро и запоминает мало. Галерея приглашает идти, поэтому он замедляется и останавливается на конкретных работах. Эта смена темпа и есть весь смысл.
Потяните, чтобы осмотреться и переместиться по пространству. Эта галерея сделана на бесплатном плане, без кода.
Галерея показывает ровно то, что вы загрузили. Она не восстановит деталь, которой не было в файле, и не исправит смещение цвета. Пять минут аккуратности при экспорте важнее любых настроек рам.
Отбирайте жёстче, чем комфортно. Двадцать сильных работ читаются как портфолио с позицией. Шестьдесят неровных читаются как архив, и судить вас будут по худшей работе, а не по лучшей.
Инструмент один. Меняется то, что вы снимаете, как это упорядочиваете и что должен сделать посетитель в конце.
Показывайте меньше кадров, чем хочется. Десять–двадцать на галерею — рабочий диапазон. Но главный выигрыш для фотографов часто не портфолио, а выдача клиенту. Отправить свадьбу или коммерческую съёмку галереей вместо ссылки на скачивание меняет то, как воспринимают работу, и вы сами решаете, можно ли скачивать файлы.
Архитектура теряет больше всех в плоской сетке, потому что предмет пространственный. Группируйте по проектам, а не по типам изображений, и смешивайте внешние рендеры, интерьеры и фото со стройки, чтобы каждый проект читался как последовательность. Планы и разрезы загружаются как изображения и хорошо работают перед рендерами: посетитель понимает пространство до того, как увидит результат.
Клиенты выбирают мастера по портфолио, и на самом деле их интересует, как работа стареет. Показывайте заживший результат, а не только свежий, и подписывайте, где что. Смешивайте кадры целого размещения с деталями, чтобы читались и масштаб, и линия. И сделайте запись доступной в одно касание.
Поездка уже сама по себе рассказ, поэтому последовательность делает почти всю работу. Пятнадцать–тридцать кадров на направление, в порядке маршрута, а не по силе кадра. Смешивайте пейзаж с улицей, едой и портретом. Галереи из одних достопримечательностей читаются как фотобанк.
Еда продаётся аппетитом и деталью, а сжатие в соцсетях убивает и то и другое. Полное разрешение здесь и есть весь аргумент. Показывайте диапазон арт-дирекшена: сверху, под 45 градусов, макро и в интерьере, потому что именно это покупают рестораны и бренды.
Включайте фото до, когда они есть. Преображения — самое убедительное в интерьерном портфолио, потому что позволяют клиенту увидеть в этой истории себя. Помимо портфолио галереи работают как живой инструмент с клиентом: концепт-борды, палитры материалов и варианты мебели в одной ссылке.
Мелким предметам нужны несколько ракурсов и ориентир масштаба. Поставьте несколько видов одного изделия подряд, чтобы можно было пройти фас, профиль и деталь. Добавьте хотя бы одно фото на модели или в руке для каждого изделия, потому что по одной студийной съёмке масштаб оценить невозможно. Единство фона и света здесь важнее, чем в любой другой области.
Стоит честно сказать, где каждый вариант действительно лучше, потому что ни один не хуже остальных по всем параметрам.
На практике выбирать почти никому не нужно. Оставьте сайт, который у вас есть, и встройте галерею внутрь. Вы получите индексируемый текст и форму связи от сайта, а подачу — от галереи.
Галерея — обычная ссылка, поэтому она вставляется в iframe. Вставьте его там, где платформа разрешает свой HTML, подобрав высоту:
Задайте iframe высоту минимум 600 px на компьютере. Ниже галерея перестаёт читаться как пространство, а это и есть причина её использовать.
Прямота здесь экономит вам время. Есть случаи, где формат не годится:
Если ваша работа — умеренное число изображений, которые стоит рассмотреть внимательно, этот формат подходит. Если это каталог, то нет.
Создайте проект Галерея в i3Dify, загрузите изображения, выберите раму, цвет стены и освещение, добавьте метки с названиями или ценами и опубликуйте. Результат — одна ссылка, которой можно поделиться или встроить через iframe.
Минимум 1920 px по длинной стороне, экспорт в sRGB. Файлы в Adobe RGB или ProPhoto смещают цвет в браузерах. JPEG качества 80 обычно визуально идентичен качеству 100 при трети веса.
Бесплатный план включает 50 МБ на 3 проекта, это примерно 20–40 хорошо оптимизированных изображений на галерею. Примерно столько и стоит показывать.
Да. Жесты отвечают за осмотр, перемещение и масштаб. Большинство ссылок на портфолио открывают с телефона, поэтому это проверенное поведение, а не мысль напоследок.
К любой работе можно прикрепить ссылку на покупку, цену, размеры или ссылку на консультацию через метки. Оплата проходит в вашем магазине или на странице записи: галерея — витрина, а не касса.
Нет. Рамы подстраиваются под каждое изображение, поэтому вертикальные, горизонтальные, квадратные и панорамные работы показываются без обрезки и искажений.
Нет. Содержимое внутри трёхмерной сцены не индексируется. Если проект должен ранжироваться по текстовым запросам, публикуйте текст обычной страницей и встраивайте галерею внутрь.
Можно, но отдельные галереи по проектам или жанрам обычно работают лучше. Посетитель сразу попадает на релевантные работы.
Ваш редизайн внутри 3D-ноутбука, где страница прокручивается целиком, и экраны приложения на телефоне, к которому можно прикоснуться. Ссылка открывается в любом браузере — без аккаунта и без установки.
Галереи Pixieset выглядят так же, как у каждого фотографа в вашем городе. Вот формат 3D-альбома, которым пары действительно делятся, — и реальное сравнение затрат.
Превратите ваш контент в захватывающие 3D-проекты за секунды.
Создать галерею