Адаптивный дизайн блога. Примеры выполненных работ

Разработка адаптивной версии — это дополнительная услуга. Ее можно заказать на этапе создания нового блога, а можно вернуться к этому вопросу позже, когда блог уже будет работать.

Суть адаптивного дизайна — в том, что мы продумаем, как будет выглядеть Ваш блог на экранах различных устройств (т.е. не только на стандартных мониторах, но и на планшетах и мобильных телефонах).

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

Пример разработки адаптивной версии в нашей студии

Это основной шаблон:
Макет рассчитан на стандартные экраны мониторов (1024-1920 пикселей по ширине).

Это 3 дополнительных макета:

Макет под планшеты (760 пикселей по ширине).

Обратите внимание, сайдбар убирается, меню и поиск трансформируются в кнопки. Упрощается фон.

Макет под мобильные устройства (480 пикселей по ширине).
Все блоки сужаются, в анонсах по ширине выводится уже не 3, а 2 рубрики.

Макет под мобильные устройства (320 пикселей по ширине).
Минимальная ширина, на экран помещается 1 рубрика с анонсами.

Дополнительные макеты с видом меню и поиска при нажатии

Все вместе:
(перейти к проекту http://priroda-znaet.ru/)

Аналогично разрабатываются макеты для всех типовых внутренних страниц блога. Затем макеты передаются в верстку.
Стоимость адаптивной версии блога на ВордПресс от 120$
Сроки 6-10 дней

Примеры адаптивных дизайнов, созданных в студии Блогоарт:

Блог ПостройБаню
http://postroibanu.ru/

Портал За городом
http://ribalych.ru/

Блог Ильи Озориана
http://bvipweb.ru/

Портал За городом (старая версия)

Портал Bizoomie
http://bizoomie.com/

Если Вы хотите заказать разработку адаптивного дизайна в нашей студии, пишите на почту blogoartru@gmail.com.
Мы ответим Вам в течении 24 часов, обсудим задание и назовем точную стоимость и сроки.