Размеры макета сайта

[Rassell]

день добрый!
Интересует вопрос: какие должны быть размеры макета сайта в фотошопе, чтобы в конечном счете получить «адаптивный» шаблон, т.е. шаблон, который будет открываться на любом устройстве (компьютер, мобильник, планшет и т.д.) ?
Движки для которых ориентирован макет - Vbulletin и DLE.

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

 

[inturned]

Вы раздел не перепутали? Верстка и фотошоп это разные вещи.

Впервые пытаюсь сделать сам макет. Объясните чайнику.

По сути.
Можно использовать такие макеты:
320* - мобильные
768* - планшеты

Также интересует вопрос правильно я все делаю или нет? Сначало делаем макет, затем верстку и все готово?

1. Делаете макет
2. Верстаете все экраны (включая @media всех экранов. тут я делаю как минимум 5 разных разрешений)
3. Тесты, правки
4. Все готово

 

[Вадя]

Можно делать под Bootstrap сетку -
Extra small
<576px
Small
≥576px
Medium
≥768px
Large
≥992px
Extra large
≥1200px

В инете можно найти уже готовый PSD с направляющими.

Если нужен дизайн под ретина экраны, то все размеры умножаете на 2.

 

[frei]

Все зависит от того, когда элементы дизайна нужно переместить.

 

[Admink0]

Я бы сказал, что больше не от размера зависит, а от наполнения.
Тебе нужно сделать такой фон и расположение блоков, которое возможно будет сверстать под любое устройство.
А вообще 2000хOver9999
Обычно такие присылают на верстку.

 

[alex_me]

Сначало делаем макет, затем верстку и все готово?

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

p.s. Да, а размеры ты определяешь сам в процессе верстки.
В основном это брейкпонты по горизонтали.
Они могут быть любыми в зависимости от дизайна.
и неоднократно меняться в процессе работы.
И их количество - тоже.

 

[Get-Web]

Ширина макета должна быть 1920px это все что вам нужно знать о размерах.

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

По поводу последовательности. Макет > Верстка > Адаптация под CMS

 

[alex_me]

Ширина макета должна быть 1920px

У меня разрешение экрана 2560px. И это не самое большое разрешение.
Если уж рисовать макет, то для каждого брейкпойнта.
А понять, сколько брейкпойнтов нужно и на какую ширину, можно в процессе верстки. В каждом разделе они разные
Вот и выходит, что все нарисованное лишь приблизительная схема, а сам макет рождается в процессе верстки.

 

[Get-Web]

У меня разрешение экрана 2560px. И это не самое большое разрешение.

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