Адаптивность сайта: а может ли не быть?

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

Своим появлением термин «адаптивность» обязан прежде всего стремительному росту популярности мобильных устройств с возможностью доступа в интернет. Резкая «интернетизация» гаджетов привела к значительному увеличению разрешений и размеров экранов, которые отображают контент из Всемирной паутины. Вполне логично появилась и проблема корректного отображения этого контента на разных устройствах, имеющих разные экраны и разрешения, разные браузеры и операционные системы. Решать эту проблему с той или иной степенью успеха пытались различными способами, пока не был придуман адаптивный дизайн.

адаптивность сайта

Адаптивный, мобильный и «резиновый» дизайн – это не одно и то же. История вопроса

Нередко встречается недопонимание в двух типах верстки – тянущейся (резиновой) и адаптивной. А между тем они отличаются кардинально. Можно даже сказать, что не имеют между собой ничего общего.

«Резиновые» макеты в свое время стали хорошей альтернативой самым первым, наиболее аскетичным и наименее универсальным статичным сайтам, в которых параметры страницы (прежде всего ширина) были строго зафиксированы и составляли определенное количество пикселей. Ширина выбиралась исходя из наиболее распространенного в конкретный момент времени разрешения экранов.

К началу XXI века на территории нашей страны подавляющим типом отображаемых интернет-содержимое устройств были 17-дюймовые электронно-лучевые (кинескопные) мониторы с разрешением 1024*768 пикселей. И за основу брался именно этот размер – для него стандартным считалась ширина сайта в 960 точек (такой размер еще и сейчас можно встретить в отдельных шаблонах). При этом на более старых (14- и 15-дюймовых) мониторах с разрешением 800 на 600 пикселей сайт не помещался на экране. А на более совершенных дисплеях (уже тогда были «тринитроны» и прочие серьезные кинескопы с разрешением, например, 1600 на 1200 точек) область пустых полей была едва ли не такой же, как полезное пространство, задействованное под отображение сайта.

А потом мир поменялся в очередной раз – на смену «квадрату» с соотношением сторон 4:3 пришли широкоформатные «прямоугольники» со сторонами 16:10 и 16:9. И разрешений стало еще больше – появились 1366*768, 1440*90, 1920*1080. Сейчас настройки экрана в операционной системе на ПК предлагают на примерно 15 (!!!) типовых разрешений экрана.

И «резиновый» дизайн стал в те годы очень хорошей и важной альтернативой статичному оформлению страниц. В нем ширина указывалась не в абсолютных величинах (то есть в пикселях), а в относительных (в процентах). При таком варианте дизайна содержимое занимало определенную ширину экрана вне зависимости от его разрешения. Однако, такие макеты разрабатывались в подавляющем большинстве для персональных компьютеров и ноутбуков и оказались не готовы к стремительному наступлению мобильных устройств с маленькими экранами.

 

Одно время появилась тенденция, выросшая в большую самостоятельную индустрию – создание отдельных версий сайтов непосредственно для мобильных устройств. Но с приходом адаптивного дизайна (его еще называют кросс-платформенным) необходимость в мобильных версиях отпала раз и навсегда.

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

Получая данные от принимающего устройства, такой макет видоизменяется, опираясь на так называемые контрольные точки, благодаря чему его восприятие остается неизменным. И количество текста на экране остается примерно таким же – чего не было в «резиновом» дизайне, когда при открытии на смартфоне на экране вместо страницы текста отображался лишь один абзац.

Адаптивность – ненужный наворот или жизненная необходимость?

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

Бывают и исключения. Есть ряд ниш и сфер (в основном В2В), где подавляющее большинство клиентов, например, использует для просмотра сайта и взаимодействия только стационарный компьютер или ноутбук. В такой ситуации адаптивная версия сайта может быть не нужна. Но, чтобы сделать такой вывод, нужно точно знать, кто ваш клиент и чем он пользуется.

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

адаптивность сайта

А если Вам нужен эффективный и продающий сайт с адаптивным дизайном – обращайтесь!

Подпишись на обновление, это бесплатно!
Нажимая на кнопку вы даете свое согласие на обработку персональных данных
Поделиться:
0 комментариев
Присоединиться к обсуждению...
Войти с помощью:
Нажимая на кнопку вы даете свое согласие на обработку персональных данных
Мы в социальных сетях: