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