Дизайн сайтов

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

• Шапка сайта (как вариант вставка логотипа)
• Блок с новостями (что должно входить в него)
• Блок меню, тут возникает вопрос видел на сайтах делают меню ,как сверху (горизонтальное), так с боку (вертикальное), для чего это делается?
• Блок сайта находящийся снизу ,кажется footer, извиняюсь если ошибаюсь.

Укажите на недочёты моих познаний в данной сфере, покажите в чём я не прав и чего не договорил, заранее спасибо

 

Типичный сайт это

Код:

header
nav
main | aside
footer

Точнее будет.

Код:

Название сайта
Меню
Контент | Боковое меню
Футер

Если на сайте есть система пользователей. Не обязательно нужно делать форму входа в sidebar так как можно и на отдельной странице. Если блог должно быть ссылки на разделы в sidebar. Могу ещё превести примеры.

 

Спасибо большое, что касаемо размеров?
~%

Код:

Название сайта-5-10%(Это как пример что я хочу услышать)
Меню-?%
Контент | Боковое меню?%
Футер?%

Да бы не закосячить
И ещё вопросы, ты сказал что можешь привести ещё примеры...
Промо-сайт, информационный сайт(как вариант onepage'вый) ,какие блоки должны быть на этих типах сайтов?

 

Делай по центру, и адаптивно проблем не возникнет(1140px достаточно будет).

На onepage желательно разделять блоки на информации, например:

Код:

Текст текст текст    [Картинка]
Текст текст текст    [Картинка]
Текст текст текст    [Картинка]

Потом следущий блок

Код:

[Картинка]    Текст текст текст
[Картинка]    Текст текст текст
[Картинка]    Текст текст текст

Так же например вот хороший пример скажем что может.

Спойлер

 

Огромное спасибо!Теперь буду пытаться сделать что-то путное, поскольку первый блин чаще всего комом , на ведро выкладывать какашку не до дизайн нет смысла, буду спрашивать у знающих людей что не так