С каким разрешением создать макет?

Question

[Venya]

Если вы собрались отрисовать адаптивный макет сайта в Photoshop то есть с учетом разных разрешений экрана, то с какими разрешениями бы вы создавали макеты в Photoshop ?
Поясните за вертикальный скролл. С учетом его какие цифры задавать в Photoshop ?

Answer 1

[goandkill]

30% мониторов в мире - 1366 Х 768 px.
www.hobo-web.co.uk/wp-content/uploads/B-ww-jun-aug...

Но есть и меньше, поэтому за стандарт принята ширина 960px. Но в современном вэбе уже можно делать 1024px, ~95% аудитории точно покроете.

Отсюда же и выводы по высоте. 768 (как самая популярная высота) - ~150 (шапка браузера, скролы, меню) = 630px
Что является примерной самой популярной видимой областью одного экрана браузера.

Удачи!

Comments

[Venya]

Спасибо за ответ, поясни еще за скролл (вертикальная полоса прокрутки) Если я берусь создавать макет под разрешение 1366, то макет я создаю 1342px потому что скролл 24px ?

[goandkill]

Venya Смотри, тут уже всё зависит от контента и частных нужд.
Может быть и так, что скролов не будет, ни горизонтального, ни вертикального.

Ширина макета, по большому счету, не имеет особого значения. Значение имеет только рабочая область. Остальное будет обрезаться и не важно по какой причине, скрол или маленький экран.

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

Ширина мкета регулируется в любой момент во время работы, так что, повторюсь, это не очень важно.

Так что, если берешься делать под 1366, то пусть и будет на выходе 1366, но с рабочей шириной 1024

[Venya]

goandkill: В смысле контентная часть сайта будет располагаться на этих 1024px а сам макет будет шириной 1366. Так ?

[goandkill]

Да. Все верно. Посмотрите например на страницу с результатом поиска google: контент в 960, а шапка 100% ширины (какой бы широкий не был монитор, элементы разъезжаются по углам)

[Venya]

goandkill: Благодарю за ответ, теперь все понятно.

[goandkill]

Venya: можешь отметить его решением) Тогда всем, у кого возникает подобный вопрос, будет легче найти ответ.

[Venya]

goandkill: Ой забыл, спасиб за напоминание =)