Почему 2013 год является годом отзывчивого веб-дизайна

Отзывчивый веб-дизайн

Вы наверняка заметили некоторую тенденцию разрабатывать сайты, которые хорошо отображаются как на обычном компьютере, так и на планшете или даже смартфоне. Дизайн таких сайтов дружественно изменяется в зависимости от устройства, с которого вы на него заходите. Подобная тенденция с каждым днем набирает обороты, некоторые блоггеры даже называют 2013 год - годом отзывчивого (адаптивного) веб-дизайна. Если не влиться в данное движение уже сейчас, то потом можно остаться за "бортом корабля". И вот почему.

Какие устройства потребители будут покупать вместо ПК? Ответ очевиден: планшеты и мобильные телефоны. По оценкам специалистов, в этом году продажи планшетов могут превысить 100 млн. штук. Телефоны тоже не отстают, в США большинство абонентов владеют смартфонами, а не обычными телефонами как было ранее. Мобильная связь развивается стремительными темпами. Постоянно повышаются скорости мобильного интернета, а его стоимость неуклонно снижается. Уже никого не удивишь безлимитным мобильным интернетом. Все это говорит о том, что доля мобильного трафика будет постоянно увеличиваться, подобный тренд нельзя пускать на самотек, особенно если ваш бизнес тесно связан с интернетом.

Раньше, при разработке веб-сайта, неуклонно приходилось задумываться и о создании других версий сайта под разные разрешения экрана. Некоторые серьезные проекты вынуждены создавать несколько мобильных приложений для популярных мобильных ОС, таких как iOC, Android и Windows Mobile. Однако прогресс не стоит на месте и уже сегодня можно создать всего один сайт, который будет замечательно отображаться как на ПК, так и на смартфоне с низким разрешением экрана.

Отзывчивый (адаптивный) веб-дизайн

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