3D-логотип для вашего сайта
Статические логотипы являются стандартом, потому что создание интерактивного раньше означало наем специалиста. Создайте знак здесь, и вы сможете разместить его на своем сайте как нечто, что люди могут захватывать и вращать — одна строка кода для встраивания, никаких 3D-библиотек для установки и ничего для самостоятельного хостинга.
Готовый логотип можно опубликовать и вставить на любую страницу как встраиваемый элемент — один фрагмент кода, который вы вставляете туда, куда нужно. Не нужно добавлять 3D-фреймворк в ваш бандл, загружать файл модели на CDN, и ничего не сломается при пересборке вашего сайта.
Если вы предпочитаете владеть файлом, экспортируйте модель и настройте ее самостоятельно — она открывается в стандартных веб-3D-вьюверах и в любом 3D-приложении. Этот путь требует больше работы, но дает вам полный контроль над тем, как она загружается и ведет себя.
3D-логотип — это плоские цветовые области, которым придана толщина, поэтому это простая геометрия без текстур для загрузки — доля веса отсканированной или скульптурной модели. Это важно, когда он находится в главном разделе, который должен загружаться быстро.
Поскольку он освещен, а не нарисован, вы можете выбрать фон и переместить блик, чтобы он соответствовал вашей странице. Логотип, созданный для темного главного раздела, и логотип для белого фона — это одна и та же модель с разным окружением.
Почему Mixos
Интерактивный 3D-логотип на главной странице выполняет особую функцию: он придает странице ощущение продуманности, а не просто сборки, и дает посетителю занятие в первую же секунду. Причина, по которой большинство сайтов не имеют такого логотипа, не во вкусе, а в стоимости — исторически это означало наем 3D-моделлера, веб-разработчика, знакомого с 3D-библиотеками, и бремя поддержки, которое никто не хотел брать на себя.
Сегодня есть два основных способа: встраивание (embed) или файл модели. Embed — это фрагмент кода, который вы вставляете; просмотрщик, файл и хостинг обрабатываются автоматически, и он продолжает работать, даже если вы меняете дизайн страницы. Файл модели — ваш: вы размещаете его, выбираете просмотрщик, точно решаете, как он загружается — это больше контроля и больше работы, и это правильный выбор, если логотип должен участвовать в чем-то более сложном, чем просто вращение.
Что бы вы ни выбрали, геометрия вам поможет. Логотип, построенный из плоских цветовых областей, представляет собой несколько простых форм с однородными цветами и без текстур изображений, что обеспечивает небольшой размер загрузки и дешевый рендеринг. Это существенное отличие от размещения фотограмметрического скана или скульптурного ассета в геройском блоке.
Самое важное дизайнерское решение — это сдержанность. Знак, который медленно вращается в состоянии покоя и реагирует на перетаскивание, воспринимается как продуманный; тот, что постоянно быстро крутится, — как заставка. Настройте освещение так, чтобы оно соответствовало разделу, в котором находится логотип, сохраняйте движение минимальным и позвольте ему быть тем, что люди замечают во вторую очередь, а не в первую.
Создание логотипа бесплатно с бесплатным аккаунтом. Публикация встраиваемого элемента (embed) или загрузка файла модели для самостоятельного хостинга требует платного тарифа.
Для встраиваемого элемента (embed) — нет. Это фрагмент кода, который вы вставляете на свою страницу, так же, как вы добавили бы встроенное видео. А вот для работы с файлом модели и его самостоятельной настройки потребуется человек, знакомый с веб-3D-просмотрщиком.
3D-логотип — это простая геометрия с плоскими цветами и без текстурных изображений, поэтому по 3D-стандартам это небольшой файл. Тем не менее, он больше, чем PNG, поэтому размещайте его там, где он оправдывает свое место — в геройском блоке, а не в заголовке каждой страницы.
Да, и посетитель может вращать его пальцем так же, как мышью. Стоит проверить, как он выглядит на экране телефона, потому что мелкие детали знака быстро исчезают на маленьком экране.
Тогда вам нужна версия для печати — тот же знак экспортируется как STL для 3D-принтера, что является другой страницей и другим файлом, отличным от веб-встраиваемого элемента.
Никаких загрузок, настроек, лицензий. Автоматически текстурируйте свою первую модель и создавайте настоящие PBR-материалы за считанные минуты.