Сегодня: 26 июля 2017 года, среда

Поиск по сайту


Дизайнерский форум

Рассылка

Наша кнопка

Мы рекомендуем

Графика: советы для начинающих

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

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

Никогда не используйте чужие графические элементы на своем сайте!

Можно брать картинки из «клипарта», продаваемого на CD-дисках, но ни в коем случае не стоит «воровать» авторские кнопки, баннеры и прочие элементы. Опустим морально-этическую сторону и перейдем к практической. Все объекты, находящие на вашем сайте должны гармонировать с основным дизайном, в этом и состоит индивидуальный стиль. Но если вы будете использовать сторонние элементы, «заточенные» под конкретный сайт, вместо продуманного дизайна получится смешение стилей, и как результат, полное отсутствие какой-либо индивидуальности. В «клипарте» все рисунки, как правило, имеют стандартный вид, поэтому проблем с ними не возникает.

Фоновый рисунок должен быть нейтральным!

Прежде чем выбрать фоновый рисунок для сайта, подумайте о потенциальных посетителях ресурса: будет ли им удобно читать текст на таком фоне. Фоны «природной» тематики не используются профессиональными дизайнерами.

Делите картинки большого размера на части!

С помощью графического редактора, например Adobe Photoshop, изображение разрезается на части, которые затем «склеиваются» во время вставки в таблицу, размещенную на веб-странице. Таким нехитрым способом можно значительно увеличить скорость загрузки веб-сайта.

Графические изображения могут быть использованы в качестве ссылок!

Добавив в html-код строку <a href="адрес"><img src="адрес"></a>, вы получите обыкновенную ссылку. Только вместо текста будет использоваться изображение и при этом существует возможность работы с тегами, применяемые для формирования текстовой гиперссылки. Поддерживаются атрибуты BORDER (создает рамку), LINK (цвет обычной ссылки) и ALINK (цвет активной ссылки).

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

Графическое изображение, содержащее текстовые надписи, должно быть сохранено в gif-формате. Сохраняя изображения в этом формате, позаботьтесь о наличии прозрачного фона.

Перед публикацией изображения в Интернете, оптимизируйте его (уменьшите объем файла) в графическом редакторе. Это способствует повышению скорости загрузки веб-страницы.
Дизайн навигатор - Photoshop, уроки фотошоп, шаблоны сайтов