Дизайн Ecologico

июня 9, 2016  
Категория Дизайн

Сегодня хочу вас познакомить с одним замечательным сайтом – Ecologico.ru. Всех его прелестей и возможностей мы сейчас касаться не будем, лучше посмотрите сами и вы обязательно найдете полезные и интересные для себя материалы. А вот в дизайне у него давайте чуток поковыряемся.

Сайт сделан на cms WordPress, за основу взят платный шаблон от Goodwin’а BlogPost.

Про верстку этого шаблона стоит сказать отдельно. Дело в том, что она “резиновая”. На протяжении уже большого промежутка времени идут споры какая верстка лучше. С жесткими размерами или динамически растягиваемая “резина”. Мое мнение, что на данный момент “резиновую” верстку на обычных сайтах со множеством различных блоков применять не следует. Или обязательно указывать в верстке не только минимальную ширину, но и максимальную. Уж очень большой разброс по разрешениям пользовательских мониторов. На одном разрешении сайт будет смотреться гармонично и законченно, на другом весь дизайн может быть окончательно испорчен. Есть, конечно, достаточно примеров качественной “резины”, но такие сайты должны делаться только профессиональными дизайнерами и верстальщиками.
В целом дизайн смотрится вполне не плохо. Цветовая карта сайта достаточно широкая.

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

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

При изменении разрешения экрана верстка меню ломается, что совсем не красиво.

Пример оформления простого верхнего меню, которое мне нравится, можете посмотреть на Watercolor. В шапке есть невидимый баннер (зачем?) и блок с кратким описанием блога.

Блоки нужно немного опустить вниз.

Очень понравился логотип. Свежо и приятно смотрится. Только вот автомобильчик вырезан не очень аккуратно. Спускаемся чуть ниже. И сразу видим при большом разрешении сломавшийся блок RSS.

Заголовки верхних блоков можно чуть увеличить для лучшей читаемости.

Очень гармонично смотрится листик в информации о статье, а вот иконки в виде плюсика я бы разнообразил. Тем более, что шаблон это позволяет сделать. Оформление анонсов и самих постов понравилось. Все читаемо и приятно выглядит. Можно поработать с оформлением блоков сайдбаров, добавить им немного индивидуальности, применив фоны.
Подвал сайта. Строгий и классический стиль. Вроде бы и не к чему придраться. Но с другой стороны, его можно увеличить и придать ему красочности добавив фоновое изображение.
Заканчивая этот мини-обзор хочу вам сказать, что заниматься дизайном сайта с “резиновой” версткой очень тяжело. Достаточно много получается ограничений и сложностей. И следует очень хорошо взвесить все плюсы и минусы, прежде чем выбрать “резину”.

 

Комментарии закрыты.