Особенности отзывчивого веб-дизайна. Настройка разрешения экрана

Давайте поговорим об особенностях адаптивного веб-дизайна, а также рассмотрим дополнительные идеи.

Разные устройства имеют отличающееся друг от друга разрешение экрана. Каждый день появляются новинки, которые отличаются от предшествующих по параметрам.

Наиболее популярными являются iPhone, IPad и продвинутые смартфоны, по прихоти пользователя многие устройства могут переключать ориентацию страницы с книжной на альбомную. Как создать один дизайн для таких ситуаций?

В дополнение к проектированию ориентации страниц мы должны рассмотреть сотни различных размеров экрана. Да, можно сгруппировать их в основные категории, сделать дизайн для каждого из них, и чтобы каждый дизайн был гибким, как это необходимо.

Но это будет неправильно. Кроме того, многие пользователи не обновляют свой браузер, что само по себе оставляет слишком много вариаций различных размеров экрана.

Morten Hjerde и несколько его коллег определили статистические данные примерно для 400 устройств, реализованных между 2005 – 2008 годами.

Наиболее распространенные из них:

На протяжении многих лет относительная разница размеров экрана увеличилась. Самый большой экран отличался в 23 раза от маленького. Наиболее маленькие экраны имеют портретную, а большие альбомную ориентацию, между ними находятся телефоны, которые могут изменить ориентацию, как на альбомную, так и на портретную. В целом доминирующим размером экрана является разрешение 240 х 320.

Производитель маленький экран большой экран
Sony Ericsson 128 х 160 176 х 220
Nokia 128 х 128 176 х 208
Samsung 128 х 160 176 х 220
Siemens 130 х 130 132 х 176


У каждого производителя была своя вариация для модели с большим и маленьким экраном. С тех пор выпускается еще больше устройств. Очевидно, что мы не можем продолжать создавать индивидуальные решения для каждого из них. Итак, как же нам быть в этой ситуации?

Пример текстов для продвижения: Кожаный чехол подставка для ipad 4 thebeaver.ru.

Создание и продвижение сайтов в поисковых системах. Дизайн. Телефон (383) 286-20-83 © 2008-2011. Компания "Штальбер".
AMCMS
Работает на: Amiro CMS