<< Варианты разработки сайта >> 
   << Самостоятельное создание страницы >>
     1.1 Введение; структура сайта
     1.2 Подготовка текстов
     1.3 Графический дизайн сайта
     1.4 Создание страниц - код html
   << Создание сайта с помощью шаблонов >>
   << Разработка сайта студией веб-дизайна >>
   << Резюме: выбор оптимального варианта >>

1.3 Графический дизайн сайта

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

Дизайн сайта должен гармонично дополнять текстовое содержимое. Т.е - акцентировать внимание посетителя на важных моментах текстового содержания, графика должна органично дополнять текст.

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

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

Кстати - касаемо фона для страниц сайта. В рассматриваемом случае (самостоятельном создании простенького сайта) возможно два варианта дизайна фона страницы - либо заливка страницы/ее участков однородным цветом, либо использование маленьких изображений, которые потом располагаются "плиткой" - т.е друг к дружке - по всей странице.
Целесообразно рассмотреть варианты - в частности, на этом сайте я не использовал фоновые изображения, а старался сделать его в строгом и лаконичном стиле, кроме того, старался максимально уменьшить размер страниц для удобства навигации.
Но зачастую фоновые изображения весьма уместны - проект выглядит привлекательнее. Важно не использовать ярких и пестрых фонов, цвет фона дизайна страницы сайта должен гармонировать с остальной графикой и цветом текста на этой странице. Сам текст должен выделяться, легко читаться но в то же время не резать глаза - в частности, "кислотный" зеленый цвет на красном фоне будет читаем, но быстро утомит. Рекомендую использовать нейтральные, спокойные цвета фона или фонового изображения при создании дизайна страниц сайта.
Интересное сочетание - темный цвет фона и светлый текст. Немного непривычное, но комфортное для глаза - т.к экран монитора неестественно яркий и контрастный и поэтому полностью белый фон часто утомляет глаза - старайтесь так же его избегать.
И последнее относительно дизайна фона страниц - у всех страниц сайта фон должен быть одинаковый. Исключение может составлять лишь основная страница - "вход" на сайт.

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

Помните, что лучший дизайн - тот, которого не замечаешь.

<<- Предыдущая
На предыдущую страницу

  Написание HTML-кода ->>
1. Самостоятельное создание страницы