Корпоративный веб-сайт на 100%. Требуйте от сайта большего! - Роман Овчинников

«Исторически» так сложилось, что у нас многие любят использовать пиктограммы и иконки . В случае качественного исполнения они действительно очень украсят ваш сайт.

Лучше один раз увидеть, чем сто раз услышать! Старайтесь не забывать эту народную мудрость

Но не менее ответственной и трудоемкой задачей является создание значительного количества «мелкой» графики – такой, как кнопочки (доступные, недоступные, нажатые), стрелки, чекбоксы, управляющие элементы постраничной навигации и буллеты, отличающие профессионально сделанный сайт от пестрого любительского шедевра. Их роль, к сожалению, часто недооценивают, сосредоточивая все внимание на баннерах.

«Продающие» и «имиджевые» иллюстрации, как правило, дополняют слоганами. Подробнее мы это обсудим в теме «Промоблоки».

На иллюстрации существует определенная мода. Например, сегодня принято использовать фотографии энергичных молодых людей для создания позитивного настроения.

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

Визуальное мышление

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

Форматы графических файлов

В Интернете сложилась практика использования трех типов графических форматов, хорошо поддерживаемых всеми основными браузерами:

•  GIF – для простых немногоцветных или анимированных изображений, а также изображений с эффектом прозрачности;

•  PNG – для полноцветных изображений или изображений с эффектом прозрачности;

•  JPG – для полноцветных и/или текстурных изображений.

Псевдотрехмерную графику лучше использовать только для демонстрации «физического объема» объекта

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

33. Фотографии

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

При использовании фотографий в контенте веб-страницы мы рекомендуем убедиться в том, что:

♦ Качество всех фотографий приемлемо по характеристикам яркости, четкости, композиции и т. д.

♦ Для всех фотографий в коде страницы прописаны параметры высоты и ширины

♦ Все фотографии подписаны (снабжены комментариями в контенте страницы)

♦ Физический размер (в Кб) всех фотографий минимален, но достаточен для их качественного показа

♦ Есть возможность увеличить фотографию , кликнув по ней

♦ Все фотографии снабжены всплывающими alt-текстами

Что показать на фотографиях:

• образцы товара

• сотрудников, задействованных в работе с клиентами

• интересные моменты с мероприятий

• оборудование или обустройство офиса

Обратите внимание, что фотографии являются объектами авторского права. Соответственно, вы должны позаботиться :

♦ О приобретении прав на использование чужих фотоматериалов (например, купить их в фотостудии или в фотобанке)

♦ О заказе на изготовление оригинальных фотоматериалов

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

Персонализация

Показывая персонал, помните об «охотниках за головами»

Большинству Клиентов будет весьма приятно увидеть на сайте компании ее персонал, а не обезличенную информацию. Особенно целесообразно это делать в «точках контакта», чтобы посетители знали, к кому конкретно они обращаются.

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

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

Возможные варианты:

♦ Полностью свободное использование, без ограничений (так называемые произведения, находящиеся в Public Domain)

♦ Свободное использование в некоммерческих целях

♦ Бесплатное использование с разрешения автора (правообладателя)

♦ Платное использование с разрешения автора (правообладателя)

34. Шрифты

На каждом веб-сайте применяется собственный набор шрифтов («шрифт-сет»), как правило, задаваемый с помощью каскадных таблиц стилей (CSS).

Чем характеризуется шрифт

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

Ключевое свойство шрифта – удобочитаемость

Эти характеристики в сочетании с параметрами фона определяют такое ключевое для веб-сайта свойство шрифта, как удобочитаемость .