Адаптивный дизайн сайта

Компьютер для пенсионеров. Адаптивный дизайн сайта.

Приветствую Вас уважаемый посетитель блога «Пенсермен»!

Почему вдруг я поднял тему про адаптивный дизайн сайта, спросят меня многие мои подписчики. А это как раз в некотором смысле ответ на другой вопрос некоторых моих читателей — пенсионеров: «Зачем надо было менять дизайн?» Не подумайте что я вздумал менять основную тематику блога. Нет, но экскурс в сайтостроение, на мой взгляд, лишним нашему брату не будет.

Итак, попытаюсь объяснить зачем же всё-таки мне понадобилась эта «свистопляска». А ответ лежит на поверхности. Вы ещё, надеюсь, не успели забыть старый дизайн, где на самом верху было написано: «Pensermen.ru — в ногу со временем!» Так вот эта самая «нога времени» и дала мне пендель в одно место, чтобы я от него не отставал.

Вспомните как выглядел старый дизайн сайта:

>
Адаптивный дизайн сайта старый вид

В своё время это был вполне себе нормальный вид. И как сейчас многие выражаются, в тренде того времени. Не скрою, мне его вид тоже очень нравился. Основой послужил простой вордпресс шаблон Divishion-Wordpress. А выглядело он примерно так, как на этом сайте:

Адаптивный дизайн сайта базовый шаблон

Согласитесь, что между этими двумя картинками совершенно нет ничего общего. Но благодаря приобретённым курсам Евгения Попова и его личного блога, мне удалось совершить такое преображение внешнего вида шаблона. Кстати, это скриншот с его видеоуроков поэтому там присутствует его авторская надпись. Жаль, что уже нет возможности сравнить мой старый сайт и его личный блог.

Буквально с неделю назад он тоже поменял дизайн своего блога. А то бы можно было увидеть очень большое сходство. Да я и не скрываю. Мне очень хотелось сделать более менее оригинальный дизайн. Вот я и взял за образец его сайт. И буквально всё что получилось скопировал. Под словом скопировал, я имею ввиду стили CSS. Кстати, такое действие не является плагиатом.

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

В чём разница между статическим и адаптивным дизайном сайта


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

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

Плюсы адаптивного дизайна

Итак, самое главное преимущество адаптивного дизайна для пользователя это его удобство! Я уже не говорю о всех плюсах для веб-мастера, то есть для меня. Да, на мой взгляд, это моей основной аудитории читателей думаю не очень то интересно. Хотя мы же, в какой то мере проводим ликбез по этой теме. Тогда перечислю все плюсы.

  • Шаблон подстраивается под разрешение монитора (поэтому иногда говорят не адаптивный, а резиновый);
  • В большинстве случаев уже не требуется горизонтальная прокрутка;
  • Всё содержимое отображается на одинаковом расстоянии от краёв;
  • Лучше подходит для смартфонов и уже не нужно делать отдельную мобильную версию сайта;
  • Приветствуется поисковыми системами, а значит повышается посещаемость.

Ну вот пожалуй и всё. Могу ещё добавить, что последнее время значительно увеличилось количество посетителей, использующих мобильные устройства. Эта цифра по статистическим данным посещения моего блога pensermen.ru в настоящее время находится в районе 15%. Согласитесь, это уже приличная цифра. А адаптивный дизайн сайта как раз и поможет привлечь посетителей, да и в первую очередь создаст удобства для просмотра необходимого материала.

Теперь уже точно всё. Желающие могут высказать своё мнение по поводу изменения дизайна сайта в комментариях. Поддерживаете ли Вы новый адаптивный дизайн сайта?

Удачи Вам! До скорых встреч на страницах блога «Пенсермен».

Поделитесь статьёй с друзьями в соц. сетях:

Статья оказалась полезной? Введите свой email, подпишитесь на обновления сайта:

На Ваш e-mail придёт письмо от сервиса FeedBurner. Обязательно кликните там по ссылке, чтобы активировать вашу подписку


комментария 2
  1. Николай

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

  2. CharlessKa

    Должен Вам сказать Вы заблуждаетесь.

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

Подписаться, не комментируя