Глава II. Дизайн и интерфейс школьного сайта.

Оформление графики

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

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

Формат графики.

Графических форматов существует большое количество (например, графический редактор Adobe Photoshop 7 предлагает сохранение в 16 различных форматах, но и это далеко не все возможные варианты), реально же в вебе имеет смысл вести речь о двух форматах: JPEG, GIF26.

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

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

Техническому специалисту может быть полезна информация в статье «Графические форматы» в русской Википедии, а также статья В. Мержевича «Азы компьютерной графики».

Здесь же стоило бы обратить внимание на критерии отбора изображений для публикации на школьном сайте, их подготовку к размещению на сайте в графических редакторах. Слишком часто в фотогалереях сайтов ОУ встречаются поделки, которые могут расцениваться исключительно как фотобрак27. Но здесь мы бы ушли в теорию фотографии, композиции кадра, в вопросы работы конкретных редакторов обработки изображений. Выскажем лишь пожелание: хорошо, чтобы технический редактор сайта, размещающий материалы в Сети, обладал хотя бы первичными навыками работы в Adobe Photoshop и некоторым художественным вкусом.


Сноски:

26: Редко, но все же можно встретить на школьных сайтах изображения в формате BMP. Изображения размером в несколько мегабайт невозможны для страницы сайта и встречаются на сайтах-поделках, авторы которых не имеют вообще никакого представления о графике и веб-дизайне в целом.

27: Именно на школьных сайтах ситуация с отбором и качеством фотоматериалов ужасная. На большинстве сайтов школ фотогалерея состоит из огромного количества малоудачных снимков. Примеры по понятным причинам не приводятся, но на каждом третьем школьном сайте, где есть фотографии, можно с этим столкнуться. Как авторы это могли вообще разместить, лично для нас — загадка.

 

 

←  Предыдущая глава | Содержание | Следующая глава  →