Адаптация дизайна для других устройств

Опубиковано: 20.11.2013 г., автор: admin, просмотров: 3473

Как только был создан интернет, веб страницы, и браузеры. Все выходили в интернет с помощью персональных компьютеров. У всех было одинаковое разрешение, одинаковые мониторы и т.д. поэтому можно было, не беспокоится. Аренда выделенного сервера возможна тут. Создание дизайна не занимало много времени. Автор сайта был полностью уверен, то, что пользователь увидит его сайт, так как он задуман. Однако технологии развиваются с большой скоростью, и сейчас люди выходят в сеть со смартфонов, ноутбуков и нетбуков. Естественно разное разрешение экрана, заставит пользователя нервничать на таком сайте. Естественно все подняли тревогу и придумали решение этой проблемы. Они создали сайты специально для телефонов, например wap сайты. Позже разрешение у всех аппаратов стало увеличиваться. Ну и естественно пользователь хочет увидеть полноразмерную версию сайта, а не урезанную. Вот тут и стали придумывать, как сделать как можно лучше, и пришли к мнению, что адаптивный дизайн- это замечательная идея. Это очень разностороннее понятие, поэтому тут стоит разобраться. Первый подвид это резиновый дизайн. Такой дизайн появился довольно давно, смысл заключается в том, чтобы при каком-то определённом разрешении он растягивался на весь экран. Колонки сайта при таком дизайне выполняется с помощью процентов, а не пикселей. Но сейчас очень большой разброс разрешений, поэтому потребовалось придумать что-то новое. Адаптивный дизайн то же понравился разработчикам сайтов. Идея в том чтобы сервер автоматически определял устройство, с которого вошли на сайт, и давал ему такую версию сайта, которая ему нужна. Естественно уменьшенная версия сайта, например, для телефона существенно уменьшалась по весу по сравнению с полноценной версией. Самый улучшенный дизайн назвался отзывчивым. Он соединил в себе резиновый и адаптивный. Он умеет автоматически настраиваться под разрешения аппарата, но в тоже время умеет перемещать колонки и блоки для более улучшенного обзора сайта. Идея такого- дизайна очень замечательная, но и тут не обошлось без недостатков. Он взял в себя новейшие CSS конструкции, поэтому старые версии прошивок и ОС не могли на него зайти, ну и естественно из-за этого сильно увеличился вес такого сайта, он стал очень громоздким. Если бы я создавал профессиональный сайт, то естественно выбрал бы именно этот вариант. Такой дизайн немного замедляет работу, но сегодняшние технологии даже не смотрят на это. У смартфонов нашего поколения большой запас оперативной памяти, да и с хорошим процессором. Он даже не почувствует. Лишь бы интернет был хороший.



Похожие материалы

    Последние из рубрики

    ОтменитьДобавить комментарий