Сегодня:
Блог: "Основы сайтостроения и веб дизайна"
сайтостроение

Переход на: Главная / Макет сайта /

Виды макетов сайта. Часть 4 Адаптивный макет сайта.

АвторАвтор: aklychin

Дата добавленияДата добавления: 31.05.2013

Число просмотровЧисло просмотров: 4963



Здравствуйте уважаемый читатель блога "Основы сайтостроения и web дизайна".


Продолжаем рассматривать тему «Виды макетов сайта». В предыдущих статьях нами были рассмотрены такие виды макетов сайта, как макет сайта с фиксированной шириной, резиновый макет сайта и эластичный макет сайта. В сегодняшней статье я представляю вашему вниманию адаптивный макет сайта, это уже четвертый вид макета сайта, который мы затрагиваем.


И так адаптивный макет сайта. Если говорить коротко, то адаптивный макет сайта – это подборка нескольких эскизов для различных разрешений экрана монитора. То есть при разработке макета сайта создается не один psd файл, а несколько, которые соответственно адаптированы под определенное разрешение экрана монитора и соответственно имеют различную ширину, но выполнены в одном стиле, имеют одинаковый перечень модулей, но иногда различное их расположение.


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


Адаптивный макет сайта


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


Что же мы наблюдаем при резиновой верстке. Если изменяются размеры модулей, то шрифты при этом остаются неизменными. Поэтому в огромном блоке у нас появляется малюсенький текст. Или, наоборот, в небольшом по ширине блоке нам предоставляется растянутый по вертикали огромный текс, который и читать не хочется. Опираясь на все это, можно сделать вывод, что адаптивный макет сайта практически решает проблемы в поведении сайта при изменении разрешения экрана, что касается соблюдения композиции сайта и его дизайна в целом.


Еще одним положительным моментом адаптивного макета сайта является тот факт, что на основе такого решения в дальнейшем будет не сложно сделать полный редизайн сайта. То есть при сохранении информационной и программной части сайта на него будет не сложно надеть новое одеяние, которое будет соответствовать текущему моменту.


Ведь не зря в современных web разработках, львиная доля отведена созданию сайтов на CMS (системах управления контентом). Где готовая система управления сайтом нуждается лишь в подключении к ней разработанного макета сайта.


Однако с якобы убийственными преимуществами адаптивный макет сайта имеет и свои недостатки. Во-первых, это сложность в его разработке. Понятно, что создавать придется не один макет, а несколько. Соответственно все это ведет к увеличению затраченного времени, как на проведение подготовительных работ, так и на самое исполнение макета. Больше времени придется поработать с графикой, что бы подобрать необходимые изображения и в дальнейшем подготовить их для размещения на макете адаптированном под то или иное разрешение экрана.


Адаптивный макет сайта


Еще одним недостатком при создании адаптивного макет сайта, является сложность в подборе шрифтов. Как известно шрифты при увеличении или уменьшении своих размеров меняют и свой внешний вид. Иногда это происходит не в лучшую сторону. А соответственно замена шрифта, это фактическое нарушение структуры дизайна, что при правилах хорошего тона в web-разработке крайне не допустимо. Именно поэтому при создании адаптивного макета сайта стоит особое внимание уделять подбору шрифтов для сайта.


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


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


Поделиться

Добавьте Ваш комментарий и оцените статью:

+ Добавлять комментарии и оценивать статью могут только зарегистрированные пользователи. Если Вы регистрировались, то просто авторизируйте свой аккаунт.


Комментарии к данной статье:


Подписаться на обновления блога

монетизация сайтаРеклама
заработок на сайтеПомощь

Понравился проект?

Внесите вклад в его развитие, пожертвовав любую сумму на один из кошельков:

Z255632435111

R174106546724

Деньги пойдут на оплату серверов, зарплату авторам уроков и развитие ресурса.

В примечании к платежу укажите Ваш email или логин на нашем проекте.

Администрация.

Статистика блога:

Статей: 107

Комментариев: 8

Зарегистрировано: 13

Все права защищены сopyright © Блог - "Основы сайтостроения и веб дизайна" 2012 - 2017