Не могли бы вы объяснить разницу между RWD (адаптивный веб-дизайн) и AWD (адаптивный веб-дизайн) простым способом?
Спасибо.
Отзывчивый дизайн и адаптивный дизайн
Ответ 1
Адаптивный (AWD): не обязательно установлен на жидкостной сетке; задает конкретные разрешения устройства (320, 768, 1024, et.al.); может иметь ширину (фиксированную) или относительную ширину (%), управляемую запросами медиа.
Отзывчивое (RWD): построено на жидкой сетке; будет изменяться с помощью браузера, независимо от разрешения экрана; содержимое может разваливаться и перестраиваться, если потребуется.
Вкратце: RWD похож на AWD, за исключением шага или двух, для будущего проектирования доказательств для неизвестных устройств, а также известных устройств.
Ответ 2
Макет жидкости
Настроится в стиле обложки по мере увеличения ширины экрана или уменьшено.
Адаптивная компоновка
Существуют предопределенные размеры, при которых запускаются разные макеты. Они называются точками останова. Адаптивная компоновка может быть либо жидкой или полностью статично!
Отзывчивая компоновка
Комбинация жидкостной и адаптивной компоновки. Обеспечивает оптимальный опыт.
Прогрессивное улучшение
Процесс соблюдения вашего контента (и ваших пользователей) путем применения технологии интеллектуальным способом, слой-на-слое. Прогрессивное улучшение не требует, чтобы вы предоставляли одинаковый опыт в разных браузерах.
Источник: http://bloggingexperiment.com/archives/responsive-web-design-rwd-vs-adaptive-web-design-awd.php
Ответ 3
Альтернативное определение, которое я видел, нарушает его, где происходит волшебство:
- Отзывчивая - клиентская сторона - та же страница возвращается на все устройства, но отображение страницы отвечает на устройства, как правило, используя JavaScript и CSS (особенно медиа-запросы).
- Adaptive - серверная информация передается серверу в отношении спецификаций устройства, и возвращается страница, адаптированная к этому устройству. Это будет использовать некоторые из тех же методов JavaScript/CSS, что и RWD, но некоторые из них могут быть разными/меньшими.
Источник: http://www.huffingtonpost.com/garrett-goodman/adaptive-design_b_2344569.html
Не знаете, как это определение сочетается с некоторыми из других, которые больше говорят о потоке содержимого страницы.
Ответ 4
Из мое сообщение в блоге по теме:
"Отзывчивый веб-дизайн", как придумал Этан Маркотт, означает "жидкость сетки, жидкостные изображения/медиа и медиа-запросы". "Адаптивный веб-дизайн", как Я использую его, это создание интерфейсов, которые адаптируются к пользователям (как по форме, так и по функции). Для меня "адаптивный веб-дизайн" - это еще один термин для "прогрессивного улучшения" который быстро реагирует на веб-дизайн (часто должен) быть неотъемлемой частью, но является более целостным подходом к веб-дизайну, поскольку он также принимает с учетом различных уровней разметки, CSS, JavaScript и вспомогательных технической поддержки.
Для записи я считаю важным сделать различие между "адаптивным веб-дизайном" и "адаптивными макетами", поскольку "адаптивный макеты" подразумевает только использование медиа-запросов, что не может быть сделано в прогрессивно расширенном виде. Адаптивные макеты, достигнутые в однако, в первую очередь, мобильный подход, скорее всего, является прогрессивным и, таким образом, средство "адаптивного веб-дизайна".
Ответ 5
разница между адаптивным веб-дизайном и адаптивным веб-дизайном шире и важнее различий, которые были предложены в этой теме. Разница не является ни матерью, в которой находится программная функциональность, ни какая единица измерения не используется в условиях CSS.
Ни один из термина (адаптивный или отзывчивый) не является брендом, поэтому мы не должны отклоняться от основных определений слов. В информатике ответ - это действие, событие или сообщение, генерируемое при некотором стимуле. Это определение взято из биологии. Дилатация зрачков в ответ на свет - отзывчивый дизайн.
Адаптация означает гораздо более высокую функциональность, чем просто запрограммированный ответ. СПОСОБНОСТЬ РАЗРАБОТАТЬ учеников, которые могут расширяться, - это адаптивный дизайн. Адаптация требует хранения истории и ее последующего приложения. В биологии адаптация требует ДНК для хранения адаптаций. В веб-дизайне адаптация может храниться в файлах cookie или в профиле учетной записи пользователя на сервере.
Начнем с более простого из двух. Хорошим формальным определением адаптивного веб-дизайна является следующее:
A отзывчивый веб-дизайн анализирует характеристики дисплея и мгновенно реагирует на отображение страниц способами, выходящими за рамки встроенных возможностей автоматического компоновки HTML, чтобы обеспечить удобный, функциональный и максимально видимый опыт в различные условия отображения.
Портативные устройства повысили важность этой дополнительной чувствительности к размеру. Многие такие методы проектирования сосредоточены вокруг добавления условий к CSS (каскадная таблица стилей или листов) или с помощью скриптов (например, JavaScript). Каждое условие, основанное на характеристиках отображения, улучшает общий пользовательский интерфейс, контролируя значения конкретных параметров стиля для набора элементов документа (тегов), определенных селекторами CSS. *
Используя определение словаря или общее определение компьютерной науки ADAPTIVE, макет документа адаптивного веб-дизайна должен разумно варьироваться на основе некоторых более высоких критериев, чем простой порог статического размера, критерии, которые оцениваются непрерывно. Хорошим определением адаптивного веб-дизайна является следующее:
Адаптивный веб-дизайн записывает шаблоны использования и условий использования и адаптирует со временем более быстро, всесторонне или индивидуально предоставляет пользователям контент и функциональность.
Некоторые из других применений термина ADAPTIVE в отношении веб-дизайна придают слишком большое значение тому, что является просто другой гибкой методологией дизайна, не более умной или более адаптивной, чем любая другая.
Простые адаптивные схемы могут быть запрограммированы в JavaScript для изменения CSS на основе данных JSON, возвращаемых из вызовов RestFUL на сервер, для получения прокрутки пользователя и выбора статистики из базы данных через SQL или NOSQL. Более продвинутая аналитика пользовательского опыта может использовать систему на основе правил (например, DRules или Prolog) или нечеткую логику, нейронную сеть или байесовские схемы, которые выполняются асинхронно.
Примером простого правила является: "Сортируйте ссылки в порядке от наиболее часто до наименее часто щелкнутых, и каждые 10 отображений помещают менее популярную ссылку на второе место, чтобы гарантировать, что элементы со временем могут стекать".
Тривиальные формы обратной связи являются общими механизмами обратной связи.
Ответ 6
просто:
RWD (отзывчивый): - это другая структура и дизайн веб-сайта, ориентированного на определенное устройство. (в основном речь идет о работе на стороне сервера, потому что мы говорим о разной структуре и разной функциональности)
AWD (Adaptive): - это другой дизайн с той же структурой, которая предназначена для определенного устройства. (в основном мы говорим о работе на стороне клиента, потому что речь идет только о разном дизайне)
обратите внимание, что обе технологии направлены на то, чтобы создать другой пользовательский интерфейс, более дружественный к определенному устройству
Ответ 7
Подробнее о RWD (Отзывчивый) и AWD (Adaptive) проверьте следующую ссылку
Ответ 8
Одна из лучших ссылок для различения жидкостной, фиксированной, адаптивной и адаптивной компоновки. http://teamtreehouse.com/library/build-a-responsive-website/introduction-to-responsive-web-design/fixed-fluid-adaptive-and-responsive-2. Простыми словами для стилей, применяемых на вашей странице html,
- Фиксированный макет: использование пикселей.
- Распределение жидкости: использование процента.
- Отзывчивый макет: использование только процентов с медиа-запросами
- Адаптивная компоновка: использование обоих пикселей и процентных соотношений со средствами массовой информации