Оформление на уебсайт - мобилна версия, отзивчив дизайн или каучуков сайт

уебсайт

Мобилна версия на сайта, отзивчив дизайн или течно оформление?

Здравейте! Както обикновено, от комуникацията с клиенти се раждат теми за писане и обсъждане на статии. Ето, наскоро ми изпратиха задача да създам уебсайт от нулата. В ТЗ, в допълнение към всички желания и изисквания към сайта, беше посочено: оформлението на сайта е адаптивно. След въпроса ми какво означават под адаптивно оформление, получих отговора, вие сте професионалист тук, така че разберете сами какво е, но ние се нуждаем от него.

Изглежда елементарно нещо, което, както се оказа, не всеки разбира. Може би не разбирам правилно, затова реших да задам въпрос по същата тема във форуми и социални мрежи. По принцип очакваме резултата - всеки със своето мнение и концепция.

Мненията бяха следните:

  • отзивчивият и отзивчив дизайн са две различни неща
  • дизайнът "заточен" за различни устройства е "адаптивен"
  • приспособяването към размера на прозореца на браузъра е каучуков тип оформление
  • различни версии на сайта (включително мобилни) - попада под концепцията за реагиращ дизайн

Като цяло, в тази кратка статия, нека разберем какво е какво. В края на публикацията ще дам таблица за сравнение на тези три типа.

Мобилна версия на сайта

http://www.pda.spb.mts.ru/
http://m.mvideo.ru/
http://m.kinopoisk.ru/

В десктоп браузъра мобилните версии на сайта, разбира се, изглеждат по-различно от обикновените версии. Принципът на заместване на сайта е следният: устройство или браузър се откриват, пренасочват към m.site.ru. Плюсовете и минусите могат да бъдат преценени в таблицата в края на публикацията.

Отзивчив дизайн (отзивчиво оформление на сайта)

URL адресът на сайта остава един и същ при различните адаптации, тъй като имаме един и същ сайт с еднакво оформление (най-често. Има и по-сложни опции). Примери можете да намерите тук. Ето няколко: