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

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

Адаптированный дизайн

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

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

Адаптивный дизайн

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

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

• Егор Михайлов's blog
• 1987 просмотра