website promotion on the Internet
Что такое адаптивный веб-дизайн? По сути, это время, когда дизайн сайта реагирует на размер экрана. Другими словами, веб-сайт, созданный для ответа, принимает к сведению высоту и ширину экрана (фактически видимой областью обычно является окно браузера, как в Internet Explorer) и корректирует макет веб-страницы в соответствии с видимой областью. , соответственно (согласно тому, что веб-дизайнер или креативный директор считает целесообразным).
Хотя это чаще всего используется в веб-макетах, адаптивный веб-дизайн может значительно перевесить внешний вид. Созданный в основном с использованием кода, указанного в медиазапросах (см. Мою статью Media Query), адаптивный веб-дизайн позволяет создавать веб-страницы независимо от видимой области.
Адаптивные примеры веб-дизайна
Хорошим примером использования может служить веб-сайт, оптимизированный под мобильные устройства, а также настольные компьютеры, где ссылки в меню выше могут быть меньше в раскрывающемся списке, чем турник. более. Этот тип детализации поддерживается адаптивным веб-дизайном.
Если в плане есть сетка, в которой 10 миниатюр прекрасно помещаются на обычном мониторе компьютера, эти миниатюры должны быть ужасно подходят для 10 на iPad или iPhone. Благодаря адаптивному дизайну вы можете изменить его так, чтобы, если ширина устройства была такой же маленькой, как у iPad, на него помещалось только 7 миниатюр. Тогда, возможно, 4 на iPhone.
Многие контактные формы веб-сайта сопровождаются боковой панелью (или двумя) для продажи и других целей. Это отлично подходит для настольного компьютера, но по умолчанию на смартфоне форма и боковая панель слишком малы для чтения. Благодаря адаптивному веб-дизайну можно создать форму для заполнения экрана, а боковую панель можно спрятать, поместить под нее, «заменить» другой уменьшенной версией с таким же сообщением, практически все возможно.
Отзывчивый веб-дизайн и ликвидные аспекты
В течение долгого времени существовали шаблоны веб-страниц, которые соответствовали размеру (обычно, в частности, ширине) окна браузера, известному как жидкие макеты. Они все еще используются сегодня, хотя они никогда не были так распространены, как типичная фиксированная разметка, которую вы найдете на большинстве сайтов (где разметка остается неизменной, независимо от ширины видимой области). Жидкие аспекты очень часто используются для мобильных устройств, потому что они могут быть приняты во внимание, чтобы соответствовать любому размеру экрана мобильного устройства. Этот тип внешнего вида обычно очень прост, например, сетка с миниатюрами или список кнопок. Но если вы возьмете тот же внешний вид и позволите ему увеличить ширину настольного монитора, он обычно слишком слабый, слишком растянутый или все слишком велико.
Чувствительный веб-дизайн включает в себя использование как жидкостных, так и фиксированных аспектов для всех размеров экрана.