в иллюстрировании: наглядные композиции и технические решения
Что такое изометрия
Изометрическая проекция (с греч. ἴσος равный + μετρέω измеряю) – это разновидность аксонометрической проекции, при которой в отображении объемного трехмерного объекта на плоскость коэффициент искажения (отношение длины спроецированного на плоскость отрезка, параллельного координатной оси, к действительной длине отрезка) по всем трем осям один и тот же.
Простыми словами, это частный случай объемной визуализации объекта на плоскости по заданным геометрическим параметрам.
Определяющая характеристика слова изометрическая в описании проекции в греческом языке, в сущности, означает равный размер: в этой проекции масштабы по всем осям – OX, OY, OZ – равны. В других видах проекций это условие не действует.
Рисунок 3.1 – Схема представления осей OX, OY, OZ в изометрической прямоугольной проекции
Наряду с прямоугольной изометрической проекцией также применяются косоугольная фронтальная и косоугольная горизонтальная проекции (см. на рис. 3.2).
В эволюции визуальных решений для рекламы и интерфейсов изометрический стиль (isometric) дизайна иллюстраций пришел на смену привычным решениям flat design и 3D.
Рисунок 3.2 – Косоугольная фронтальная и косоугольная горизонтальная проекции (слева направо)
Изометрический дизайн – это псевдообъемный стиль визуального изложения композиции физических объектов (в развернутой изометрической проекции), предлагающий иллюстративный ряд, аналогичный трехмерному воспроизведению, но с фиксированной или движущейся по направляющим объектам композицией (на переднем или заднем плане).
Рисунок 3.3 – Рекламная иллюстрация в правильной изометрической проекции для представления ремонтного транспортного шипа в разрезе.
Выполнена техническим дизайнером по чертежу от производителя в псевдообъемном разрезе в графическом редакторе Adobe Photoshop.
На визуализацию этой иллюстрации затрачено всего 8 часов с учетом корректировок заказчика
С точки зрения коммерческой ценности изометрическая иллюстрация позволяет визуализировать технические характеристики объекта (товара) в применении к реальности.
Рисунок 3.4 – Примеры изометрических проекций объектов в реалистичной визуализации на плоскости
Визуальное сравнение стилей: flat design, 3D и isometric design
Рассмотрим основные стили визуализации иллюстраций и пиктограмм для дизайна актуального на 2021 г. веб-интерфейса.
Рисунок 3.5 – Параллельное сравнение иллюстраций в стилях flat design, realistic 3D и isometric design (слева направо)
По смыслу плоский дизайн удобен для восприятия при малом и среднем масштабе в качестве элементов веб- и мобильного интерфейса (адаптивного дизайна) в виде масштабируемой векторной графики (SVG) для нажатий на функциональные элементы.
Сравнение реалистичного 3D-изображения и его изометрической аналогии с технической