Правила расположения графического материала

Правила расположения графического материала

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

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

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

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

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

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