Какую ширину макета сайта выбрать

Здравствуйте.
Планирую переделать дизайн для своего сайта. Основная причина - плохое отображение на мобильных устройствах (сайт не адаптивный).
На данный момент ширина макета 980px
Я посмотрел статистику по разрешению экранов всех посетителей за последний квартал (прикрепляю ниже картинкой).
Статистика такая:

• 1366х768 - 22% посетителей
• 1280 - 17% посетителей
• 1920 - 10% посетителей
• 320 - 9% посетителей
• 1024 - 7% посетителей

Цель: сделать дизайн, который будет оптимален для всех самых популярных разрешений экранов.
Вопрос: какую ширину макета выбрать? И стоит ли делать адаптивный дизайн (какие есть плюсы и минусы).
Помогите, пожалуйста, советом, ссылками, а то уже всю голову сломал.

0

Оставить 980px и добавить медиазапросы для мобильных устройств...

1

Согласен.980рх- оптимально
Адаптивный сделать стоит,минусов я у него не вижу,а плюсы - сайт будет нормально выглядеть на всех устройствах.

1

Спасибо большое за советы.

Решил делать адаптивный дизайн.
В связи с этим вопрос, какую ширину макета для прорисовки в .psd выбрать?
Достаточно ли будет сделать один макет шириной 1300 px или нужно делать макет под каждое популярное расширение?

0

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

Сообщение от Tiganzh Достаточно ли будет сделать один макет шириной 1300 px или нужно делать макет под каждое популярное расширение?

Обычно макеты делают с учётом наименьшей ширины моника(1024px на сегодняшний день) с учётом области прокрутки - ширина макета составит 980px... Но опять же всё зависит от макета и Ваших потребностей... Вы можете сделать макет и на 1300px, при условии, что Ваш макет будет адаптироваться под 1024px... Опять же всё зависит от расположения элементов, отступов и прочих параметров, также надо спланировать отсутствие горизонтальной прокрутки при переходе с большего разрешения на меньшее...

0

Проектирую сайты под такую ширину:
Очень маленькие устройство -Телефоны (<768px)
Малые устройства - Планшеты (≥768px)
Средние устройства - Декстопы (≥992px)
Большие устройства - Десктопы (≥1200px)
Обычно делаю два макета - под десктопы и под мобильные.

0