Иллюстрации для сайта
Задача: сделать «шапку» главной страницы сайта
Сайт создаётся для привлечения новых клиентов при помощи интеренет-рекламы. Сайт простой. Собственно, это развёрнутая презентация с описанием услуг. Посетитель должен сразу понять, чем занимается компания — монтажом теплоэнергетического оборудования. Оборудование очень разное, поэтому посетитель должен, не теряя времени, перейти к нужному. Наглядность и понятность — вот главные требования к «шапке».
Компания «Атон‑Интер» монтирует и ремонтирует трубы и сопутствующее оборудование. Для электростанций, для котельных, для химических производств. Набралось 7 отраслей. Горизонтальная полоса из 7 прямоугольных иллюстраций с подписями — естественное и правильное решение.
Как же проиллюстрировать эти 7 отраслей? Как выглядит трубопроводное оборудование центрального теплового пункта? Или трубопроводное оборудование холодильно-компрессорного цеха? К счастью, заказчик отнёсся к этой работе серьёзно. Специалист подобрал фотографии и описания оборудования. Вот, например, что я узнал об оборудовании и трубопроводах тепловых и атомных электростанций и об оборудовании газотурбинных установок.
Жёлтая конструкция в центре — турбогенератор — главная часть тепловой или атомной электростанции. Он и связанное с ним оборудование — объекты нашей работы. Турбогенератор всегда располагается в машинном зале. Он может быть как жёлтым, так и серым или голубым. Электростанцию следует показать как огромное помещение с одним или несколькими турбогенераторами.
Газотурбинная установка — это комплекс сооружений. В жёлтых трубопроводах — газ. Толстые вертикальные трубы — выхлопные. Сама газовая турбина небольшая, на этих фотографиях не показана и располагается в одном из помещений. Газовая турбина может стоять и на улице, но в наших широтах её обычно прячут в здание.
И так далее о каждом виде оборудования, с которым они работают. В большинстве случаев, это оборудование «некрасивое» и располагается в «некрасивых» местах. Во всяком случае, мне не удалось найти хотя бы 1 хорошую фотографию для каждой отрасли. Выход — пойти и сфотографировать. Но это дорого. И не всякого, кстати, пустят с фотоаппаратом в машинный зал электростанции.
Буду рисовать. В этом есть свои плюсы. Во‑первых, рисунок можно выполнить схематично. Это позволит прорисовать важные элементы и обобщить второстепенные. Во-вторых, это необычно. Народ уже сыт абстрактными картинками и фотомонтажами на главных страницах. Оригинальная и технически грамотная иллюстрация — редкость на подобных сайтах. Посетитель — а это обычно специалист — обратит на это внимание. Например, примерно так можно изобразить оборудование котельной:
В‑третьих, можно выполнить каждый из 7 рисунков с каким-нибудь преобладающим цветом. Это поможет разделить соседние рисунки:
В‑четвёртых, можно расположить объекты так, что сколько их ни зарезай, нужная часть картинки будет всегда видна. Это позволит сделать «тянущийся» сайт.
Все рисунки будут в изометрической проекции. Перспективная проекция хороша для отдельного рисунка. Но если их ставить вплотную друг к другу, перспективы рисунков станут конфликтовать. Технология рисования такая:
Набросок
Фотографии разных турбогенераторов на электростанциях я внимательно изучил, чтобы нарисовать нечто правдоподобное.
Контурный рисунок
Раскрашенный рисунок. Это готовая иллюстрация для раздела «ТЭС и АЭС. Оборудование и трубопроводы тепловых и атомных электростанций».
Таким же образом были выполнены остальные 6 рисунков:
ГТУ. Оборудование газотурбинных установок
Котельные установки, паровые и водогрейные котлы
ЦТП. Оборудование центральных тепловых пунктов
Хим. цеха. Оборудование химических, кислородных и ацетиленовых цехов
Холод. Оборудование и трубопроводы холодильно-компрессорных цехов
ГРП. Оборудование газораспределительных подстанций
Полученные иллюстрации были сверстаны в виде html-таблицы переменной ширины: