Графика: печатная или онлайн, статическая или интерактивная

Независимо от того создаете вы графику для статической или интерактивной среды, важно сразу определиться с несколькими ключевыми вещами. Прежде всего, что мы имеем в виду, когда говорим «статическая» и «интерактивная»?

Статическую графику можно создавать для печати, для онлайн-медиа или для того и другого. Статическая графика – это та, которая представляет вашим зрителям все, что вы хотели, чтобы они увидели, не требуя от них никаких действий. Наибольшее, что статическая графика требует от зрителя, −это перевернуть страницу в книге, проскролить вниз экран или, возможно, увеличить изображение. Обычно, статическая графика демонстрирует информацию, не подлежащую изменению.

Интерактивную графику вы также можете создавать для печати и публикации онлайн, или для того и другого. Интерактивная графика обычно предоставляет зрителям возможность заглянуть глубже в информацию, часто требуя от них определенных действий. Сейчас, вы, возможно, думаете, «Интерактивная графика в печати»? Собственно, да. Хотя, конечно, этот вид графики не так распространен, как интерактивная графика в Интернете. Вот некоторые примеры:

• Интерактивные проекты;
• Художественные инсталляции;
• Кинеографы (мультфильмы, нарисованные в блокноте) /аналоговые анимации;
• Книги-«раскладушки», или открытки-«раскладушки».

Следовательно, статическая графика – не значит обязательно печатная, равно как и интерактивная – не значит обязательно онлайн.

Еще одно: антоним к слову «статическая графика» − не «интерактивная», а «изменяющаяся, двигающаяся, динамичная». Динамическая графика не требует взаимодействия со зрителем, но она и не статическая. Примеры таких графиков можно увидеть в любой кабельной новостной сети. Демонстрируют ли они необходимую информацию? Как правило, не всегда. Добавление динамики в информационную графику может удерживать внимание зрителей, по крайней мере, вначале. Но с течением программы или шоу, зритель устает. Динамическая графика часто выглядит впечатляюще, но вы должны всегда спрашивать себя, необходимо ли движение для донесения информации, и не злоупотреблять им.

А сейчас давайте сменим тему и поговорим о некоторых основных понятиях дизайна, о которых вы должны помнить, создавая статические и интерактивные, печатные и онлайн графики.

Что касается цвета, то прежде чем вы развернете палитру (а особенно если вы работаете с печатью), надо принять во внимание много вопросов. Вы работаете с полноцветным изображением или с черно-белым? Если вы работаете с цветом, подумайте, что именно вы выигрываете, ради чего затевать хлопоты? В конце концов, градация серого и двухцветная печать все еще могут сообщить много информации. Действительно ли необходима полноцветная печать?

Сколько цветов доступны для работы печати? С какой бумагой вы работаете? Цвета выглядят по-разному на газетной, журнальной и офисной бумаге для принтера. Или вы изощряетесь и помещаете графику на товар? Хорошая торговая компания приложит усилия, чтобы ваши тенниски, сумки, кнопки или наклейки выглядели великолепно, но вы же захотите предвидеть проблемы и вопросы заранее.

В Интернете многие из этих ограничений исчезают, но не все. Многим дизайнерам приходится работать в рамках цветовой палитры вебсайта. Они должны спрашивать себя: конфликтует ли зеленая цветовая гамма вебсайта с ярко-розовой графикой? Дополняет ли она фирменное оформление и дизайн логотипа? Ответы на каждый из этих вопросов влияют на то, каким зритель получит заключительный дизайн.

Отойдите на шаг и посмотрите на пространство, с которым вы работаете. Вам придется продумать размер графики как для печатной, так и для онлайн-версии.

В печати ваша графика ограничена размером страницы, но это может быть и хорошей новостью, поскольку вам нужно создать графику только в одном размере.

Онлайн часто приходится включать возможность масштабирования изображения или позволять пользователям открыть большую по размеру версию графику в отдельной вкладке браузера, но вы должны учитывать то, как масштабирование и скроллинг может влиять на восприятие пользователя. Хорошо спроектированная графика должна передавать ключевую информацию в ясной и изящной форме, требуя от пользователя минимум усилия.

Надо помнить и о мобильных устройствах, поскольку все больше людей выходят онлайн с помощью сотовых телефонов и планшетов. Помните, что приблизительно две трети владельцев сотовых телефонов используют их, чтобы просматривать информацию в Интернете, и двадцать процентов осуществляют интернет-поиск преимущественно с помощью телефона. 6 Трудно увидеть множество деталей на крошечном сенсорном экране, но вы же не хотите, чтобы пользователям приходилось щуриться, чтобы разглядеть вашу графику! Вы могли бы создать адаптивную графику, автоматически меняющую свой вид согласно размерам экрана пользователя, или отдельную графику специально для маленьких мобильных устройств. Принимая во внимание тенденции использования сети интернет на мобильных устройствах, это то, что вы должны помнить, публикуя визуализацию в интернете.