Создание сайта INSIDEISM — искусство вложенных букв, шрифт и 3D

Используемые навыки 3D-дизайн JavaScript Дизайн сайтов Разработка шрифтов Сайт "под ключ"

Описание

INSIDEISM — авторская система Станислава Зайцева, в которой слово строится снаружи внутрь: следующая буква входит в предыдущую. Для проекта мы создали сайт под ключ с галереей, объяснением принципов и шрифтовым тестером. Посетитель не только знакомится с идеей, но и вводит собственный текст.

Работа включила дизайн сайта, разработку интерфейса, авторский шрифт Insideism Level 3 и трёхмерную графику. Самая сложная часть — сохранить единые правила формы в обычном наборе, пошаговой анимации и объёмной сцене.

Решение

Построили знакомство от визуального опыта к практике: объёмная буквенная композиция, манифест, авторские работы, принципы построения и тестер. Галерея показывает разные техники и позволяет открыть работу крупно.

Insideism Level 3 — OpenType-шрифт с поддержкой 328 509 трёхбуквенных сочетаний. При вводе текста он собирает группы с тремя уровнями вложения. Система использует вписание и перекрытие: внутренний знак занимает пространство внешнего, а часть контура при необходимости уступает ему место. Для выносных элементов предусмотрены оптические компенсации.

Анимации объясняют построение по шагам. В тестере посетитель проверяет правила на собственном слове и сопоставляет результат с примерами в галерее. Так экспериментальная типографика становится доступной через действие.

Разработка сайта выполнена на JavaScript с Three.js и WebGL; набор обеспечивает авторский OpenType-шрифт. Согласовали поведение 3D-сцены, анимаций и текстового интерфейса. Подготовили русский и английский варианты, мобильные композиции, управление и переходы между разделами.

Результат

Сайт стал средой для изучения INSIDEISM: можно рассмотреть форму, понять её устройство и самостоятельно составить слово. Галерея связывает шрифтовой инструмент с художественными работами автора.

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