Виды дизайна – статичный, резиновый, адаптивный, отзывчивый
Все вы замечали, что элементы многих веб-страниц подстраиваются под расширение экрана. Но существует как минимум 3 вида дизайна, в которых используется такая подстройка – адаптивный, резиновый и отзывчивый. Чем же они отличаются?
Статичный – не меняет свою ширину и расположение элементов. При показе на мониторах с разной шириной и мобильных устройствах может отображаться весьма некомфортно, поэтому довольно редко используется.
Резиновый – давняя альтернативу предыдущему виду. Ширина колонок там задается не в точных числах, а в процентах. То есть, например, можно указать 40% или 60% от ширины страницы, и контент будет подстраиваться под разрешение монитора каждого уникального пользователя. Но создание сайтов с таким дизайном не очень перспективно, учитывая недостатки. Например, на разных устройствах элементы все равно разъезжаются, вылезают за границы, и очень сложно реализовать поддержку страниц на всех современных цифровых устройствах.
Адаптивный – сначала на сервере определяется вид устройства и его характеристики, а затем выдается соответствующая версия страницы. Так, например, если сервер определит, что на сайта зашли со смартфона, он выдаст страницу с маленькими изображениями и шрифтами. Можно сделать нескольким версияй сайта, каждая из которых оптимизирована под какое-нибудь устройство или ширину экрана.
Отзывчивый – объединяет в себе преимущества других видов. Лучше всего отображает страницы на разных устройствах. Недостатками можно назвать большие размеры страниц, а также использование современных скриптов, которые поддерживаются не всеми устройствами, что затягивает процесс загрузки.
Возможно, вскоре появятся и другие виды. Если вы закажете создание сайтов в Кургане, они позаботятся о том, чтобы страницы отображались правильно на разных мониторах и на разных устройствах.