Что такое адаптивный веб-дизайн? Определение адаптивного дизайна

Адаптивный веб-дизайн (Adaptive web design) – это дизайн веб-страниц, который обеспечивает отличное восприятие на разных устройствах, которые подключены к сети Интернет.

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

Впервые термин адаптивный дизайн ввел Итан Маркотт в своей статье в 2010 году. После им была выпущена книга «Responsive Web Design»,  посвященная этой технологии.

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

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

Принципы

• Гибкий макет на основе сетки
• Применение гибких изображений
• Работа с медиазапросами