Adaptive, отзивчив, гума дизайн - какво е това

В началото на ерата на уеб дизайн, когато по-голямата част от потребителите достъп до интернет от компютри, монитори са имали със същата резолюция на екрана, правят дизайна на сайта беше лесно. Това беше достатъчно, за да обикновен статичен дизайн на фиксирана ширина на екрана и да бъдат сигурни, че по-голямата част от потребителите ще видите на сайта по такъв начин, както е предвидено.

Въпреки това, за да използвате този термин - "адаптивен дизайн" все още може лесно да се сблъскват с несъответствия, няколко различни разбиране на значението му и различни уеб дизайнери. Нека се опитаме да разберем какви са възможностите за настройка на дизайна на сайта, чрез промяна на разделителната способност на екрана и как правилно да се обадите.

"Каучук" дизайн се появи доста дълго време, дълго време от страната до рамо със статичен, определен дизайн. Основната му функция е, че ширината на колона се дава в проценти, а не пиксела, така че дизайнът "гума" за всяка резолюция на екрана се разтяга до пълната ширина на екрана. За да се направи такъв дизайн, особено при използване на оформлението на блок е малко по-сложно, отколкото фиксирана, но потребителят няма да видите празните полета на страницата. Трябва да се отбележи, че дизайнът на каучука първоначално стана доста широко използвани в RuNet, а разработчиците на Запад за дълго време остава ангажиран към статичен дизайн.

2) Adaptive дизайн

3) "отзивчиви" дизайн

Крайният метод, който дойде на разработчиците, се е превърнала в "отзивчиви" дизайн (инж. Responsive дизайн), който контрира конвенционалния "адаптивна" дизайн (инж. Adaptive дизайн), въпреки че към днешна дата тези термини често са объркани и консумират по подобен начин. "Адаптивен" дизайн съчетава характеристиките на адаптивна и каучук дизайн - тя се адаптира автоматично към ширината на екрана, както и гума, а в процеса на приспособяване към да промените местоположението на размера на блока, изображения, може да се появи, да изчезне или да промените някои елементи (например, конвенционалните хоризонтално меню можете да промените падащото меню, и така нататък. н.).

В общи линии, някои от методите, за да изберете за вашия сайт, вие решавате.

И накрая, няколко примера.

Сайтове, където можете да видите "отзивчиви" (отзивчив) дизайн в действие:

И тук той се опитваше да демонстрира разликата между видовете дизайн. Опитайте се да изберете един от 4-те опции и poizmenyat ширината на прозореца на браузъра. Тук адаптивна - адаптивен дизайн, течност - каучук, отзивчив - отзивчив, и статично - статичен.

Все още не разбирам какво адаптивна, отзивчив, гума дизайн? Задайте въпрос във форума.