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