Корпоративный веб-сайт на 100%. Требуйте от сайта большего!
Шрифт:
♦ Презентации
♦ Графические элементы, входящие в фирменный стиль
♦ Фотографии
♦ Коллажи (композиции из фотографий)
♦ Записи действий на экране (screencasts)
♦ Видео– или flash-ролики
♦ Подкасты (аудиоролики)
♦ Контекстные ссылки
♦ Интересные факты (желательно с численными данными)
♦ Выходы на конкретные действия , например: «Купить», «Скачать», «Оставить комментарий», «Отправить
♦ Графические баннеры , содержащие только текст и оформленные как врезка или цитата
♦ Схемы (в том числе, «карты памяти»), поясняющие содержание материалов
♦ Рекламные тизеры (то есть баннеры, содержащие некоторую интригу, недосказанность)
Очень часто оформлению и поддержке контент-страниц не уделяется должного внимания, что приводит к массе разочарований со стороны пользователей, сравнивающих их с первой страницей. Главное, к чему вы должны стремиться, – это дать пользователю ответы на все возникающие у него вопросы (например, подробно рассказать о товаре или предоставить исчерпывающую информацию о режиме работы сервисного центра). При этом важно не «замусорить» сайт.
32. Иллюстрации
Иллюстрации выполняют множество функций – наглядно демонстрируют товар или услугу, создают настроение, упрощают понимание сложного вопроса, развлекают и т. д. Типичными примерами иллюстраций являются фотографии, имиджевые картинки, пиктограммы, коллажи, иконки.
При подготовке и использовании иллюстраций мы рекомендуем придерживаться следующих принципов:
♦ Желательно использовать иллюстрации только в том случае, если визуальный образ значительно лучше передает информацию, чем текст, видео– или аудиоролик (например, почти всегда и везде в индустрии высокой моды)
♦ Все иллюстрации должны быть осмысленными , важно избегать «просто имиджевой» или «пустой» графики. Это хорошо для рекламного билборда, но не для сайта
♦ Не рекомендуется выносить в графические файлы информацию, важную с точки зрения работы поисковых роботов (например, большие объемы текста)
♦ Иллюстрации не должны вводить в заблуждение (важно избегать иллюзии кликабельности у непредназначенных для этого изображений)
Для разных типов иллюстраций, скажем для рисованной графики, могут возникать другие, довольно специфические требования. Например, требование «поддерживать единое направление теней во всех иллюстрациях».
Иллюстрации, выполненные в различных цветовых гаммах, можно подобрать с помощью сервиса labs.ideeinc.com
Какие бывают иллюстрации
Не существует единой, общепринятой классификации или даже устоявшихся названий типов иллюстраций, используемых на веб-сайтах. Можно говорить только о наиболее распространенных примерах (не претендуя на терминологическую строгость), к числу которых относятся:
♦ Навигационные и служебные иллюстрации – значки, пиктограммы, иконки, «ползунки», кнопки,
корзины для покупок, и т. д.♦ «Продающие» иллюстрации , демонстрирующие товар или услугу, графики котировок акций, подчеркивающие преимущества и т. д.
♦ Имиджевые иллюстрации – любые изображения или фотографии, не несущие прямых бизнес-функций, но создающие настроение или необходимый образ
«Исторически» так сложилось, что у нас многие любят использовать пиктограммы и иконки . В случае качественного исполнения они действительно очень украсят ваш сайт.
Лучше один раз увидеть, чем сто раз услышать! Старайтесь не забывать эту народную мудрость
Но не менее ответственной и трудоемкой задачей является создание значительного количества «мелкой» графики – такой, как кнопочки (доступные, недоступные, нажатые), стрелки, чекбоксы, управляющие элементы постраничной навигации и буллеты, отличающие профессионально сделанный сайт от пестрого любительского шедевра. Их роль, к сожалению, часто недооценивают, сосредоточивая все внимание на баннерах.
«Продающие» и «имиджевые» иллюстрации, как правило, дополняют слоганами. Подробнее мы это обсудим в теме «Промоблоки».
На иллюстрации существует определенная мода. Например, сегодня принято использовать фотографии энергичных молодых людей для создания позитивного настроения.
Очень часто применяют фотографии фруктов (особенно зеленых яблок и спелых апельсинов), снабжая их броскими слоганами. Раньше модным считалось использование фотографий музыкальных инструментов и рыцарских замков.
Визуальное мышление
Современный пользователь Интернета все больше склоняется к визуальному восприятию информации. Отсюда все дизайнерские тренды последних лет – большие графические заголовки, яркие баннеры, крупные кнопки, осмысленные пиктограммы и т. д. Пользователь не хочет тратить ни одной дополнительной секунды на то, чтобы вникать в какие-либо описания или преодолевать лишние сложности. Помните об этом, когда будете заказывать иллюстрации для вашего сайта.
Форматы графических файлов
В Интернете сложилась практика использования трех типов графических форматов, хорошо поддерживаемых всеми основными браузерами:
• GIF – для простых немногоцветных или анимированных изображений, а также изображений с эффектом прозрачности;
• PNG – для полноцветных изображений или изображений с эффектом прозрачности;
• JPG – для полноцветных и/или текстурных изображений.
Псевдотрехмерную графику лучше использовать только для демонстрации «физического объема» объекта
Выбор необходимого формата изображения для неспециалиста может оказаться затруднительным в силу довольно большого количества тонкостей и нюансов работы с каждым из них (например, особенностей компрессии изображений). Поэтому лучше поручите это вашему подрядчику.