Размер сайта в пикселях для создания

Здравствуйте, друзья! Сегодня мы рассмотрим какой следует выбирать размер сайта в пикселях для создания. Данная тема стала особенно актуальна в последние несколько лет, поскольку у посетителей сайта экраны с разным разрешением. Встречаются, как и огромные мониторы 27-30 дюймовые, так и старые компьютеры и нетбуки. Также не стоит забывать, что последнее время все больше и больше люди выходят в интернет с мобильных устройств, то есть планшетов и даже смартфонов.

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

Существует такое понятие как Юзабилити. Когда я учился в университете я сдавал зачет по эргономике. Там мы изучали требования к юзабилити сайта. Эргономика — это наука об удобстве. Например, удобстве рабочего места, удобство обслуживания и т. д. Юзабилити сайта тоже рассматривается в рамках эргономики. Юзабилити сайта – это удобство сайта с точки зрения посетителя.

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

Существует несколько видов верстки: фиксированная, резиновая и адаптивная.

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

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

Адаптивная верстка — это верстка при которой есть фиксированная ширина сайта, и при этом используется независимое расположение блоков. Раньше фиксированная ширина сайта в пикселях использовалась 960. Сейчас 1170.

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

В заключение скажу, что оптимальный размер сайта в пикселях для создания является 1170 пикселей. И используйте только адаптивную верстку. Да она сложнее, но фиксированная и резиновая это уже вчерашней день. Если у вас уже есть сайт с резиновой или фиксированной версткой, то подумайте может стоит сделать редизайн и внедрить адаптивную верстку на ваш проект.

Жду ваших комментариев, в комментариях напишите какая у вас ширина сайта в пикселях, и какую верстку вы используете.

На этом все. Жду вас на страницах своего блога. Удачи!

С уважением Артем Чичков.

Updated: 20.06.2018 — 01:28

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


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

 




© 2018 https://artemchichkov.ru | Использование любых материалов сайта возможно только с разрешения автора.

Публичная оферта | Политика конфиденциальности | Отказ от ответственности | Гарантия возврата | Согласие с рассылкой