Разработка дизайна сайта! Что должно присутствовать!

Что же нужно учесть или на, что обратить внимание при разработке дизайна сайта? В данной статье попытаюсь рассказать о том, что вообще может присутствовать в дизайне сайта, на тот случай если Вы, не имея опыта уже его заказали, принимаете или не дай бог сами разрабатываете ))).

Навигация сайта.

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

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

В данном примере меню организовано маркированным списком. В дизайне должно быть нарисовано выпадающее меню если оно там есть! На выпадающем меню также должны быть активные пункты (те на которые навели указатель мыши).

Дополнительная навигация.

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

Оформление контента.

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

Разумеется текст и изображения на сайте тоже должны быть оформлены. В коненте также нужно оформить:

• ссылки
• выделения жирным
• наклонный шрифт
• текстовые блоки цитат (если таковые имеются) и т.д.

Еще есть Списки (до второго уровня вложенности) Это нумерованные списки и маркированные списки. Конечно хорошо бы было прозапас отрисовать два уровня вложенности (когда один список находится внутри другого).
Маркированный список

• Дизайн сайта 1
• Дизайн сайта 1
  • Оформление сайта 1
  • Оформление сайта 2
• Дизайн сайта 3
• Дизайн сайта 4

Нумерованный список

1. Дизайн сайта 1
2. Дизайн сайта 1
   1. Оформление сайта 1
   2. Оформление сайта 2
3. Дизайн сайта 3
4. Дизайн сайта 4

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

Формы.

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

Таблицы.

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

Дополнительно.

К дизайну должна быть приложена favikon в формате PNG.
Это такая иконка которая будет выводится в результатах выдачи и перед адресной строкой адреса вашего доменного имени.

# На дизайне должны быть группа иконок "карта сайта", "написать письмо". Разумеется это не обязательно но в последнее время это правило хорошего тона.
Дизайн должен помещаться на 990px ширины (основная часть, чтобы можно было сверстать на минимальную ширину для разрешения 1024х768) Дизайн должен быть в формате Adobe Photoshop (PSD). Как правило все работают с этим форматом. В данном формате картинки разбита на слои и с легкостью верстается. В противном случае (jpg, bmp) верстальшик если и возьмется за работу, то с увеличением стоимости. Кстати у некоторых студий в договоре результатом работ может быть jpg файл. Если сайт "разъезжается" на широких мониторах боковые картинки должны продолжаться, а не обрезаться. Если не разъезжается, то должна быть нарисована рамка или выровненный фон. При прорисовке форм, таблиц и других элементов страниц дизайнер должен включать все в один PSD файл в виде отдельных слоев/групп слоев (по умолчанию могут быть отключены) В дизайне должны использоваться стандартные шрифты для контентной области. Это связано с тем что в разных браузерах и на разных компьютерах есть стандартный набор шрифтов и если использовать нестандартные шрифты то выглядеть это разумеется будет у всех по разному.