Адаптивный веб-дизайн или Responsive Web Design - это дизайн сайта или веб-страницы, обеспечивающий правильное отображение сайта на различных устройствах (персональные компьютеры, ноутбуки, планшеты, смартфоны), автоматически подстраивающийся под заданные размеры браузера. Главным преимуществом данного типа дизайна является универсальность сайта. Сайт, спроектированный таким образом, не нуждается в отдельных версиях для отдельных видов устройств.

Необходимость адаптивного веб-дизайна:

Во-первых, с каждым годом количество устройств с выходом в интернет растет. Мобильные устройства с выходом в интернет с каждым годом охватывают все большую и большую массу населения. Огромное количество устройств различаются размером экрана и разрешением, по этому фиксированный сайт, разработанный по старым технологиям не сможет правильно отображаться, на многих тысячах различных устройств. Для продвижения бизнеса очень важно, чтобы сайт хорошо смотрелся, а главное правильно отображался у любого пользователя, независимо от устройства используемого в данный момент. Во-вторых с ростом популярности мобильных устройств с выходом в интернет, произошло резкое увеличение мобильного трафика. С каждым годом доля мобильных устройств растет, в то же время классических, к которым можно отнести персональный компьютер или ноутбук медленно падает. Игнорировать пользователей сети использующих мобильные устройства, уже нельзя, это уже не несколько человек, а 30-35% от общего трафика то есть треть вашей аудитории, и им должно быть удобно пользоваться вашим сайтом, иначе они просто уйдут к конкурентам.

Адаптивный дизайн на примере сайта Perfect Art: