12 потрясающих примеров блогов о стиле масонства

Опубликовано: 2017-05-18

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

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

1. Любопытные

Блог Curioos

Curioos - это блог о художественной печати, в котором представлены работы с рынка художников Curioos. Этот блог в стиле каменной кладки с чистым дизайном, сплошным белым фоном, черной полосой заголовка и четким текстом фокусирует ваше внимание на каждом представленном принте - важном аспекте блога с большим количеством изображений.

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

2. Блонд салат

Блог о белокуром салате

The Blonde Salad - это блог о моде, красоте и образе жизни, в котором используется каменная кладка без границ, вместо этого для разделения и определения содержимого используется естественная ширина границы изображения.

По мере прокрутки фирменный заголовок минимизируется, открывая статичную версию меньшего размера. Это привлекает внимание к слайд-шоу с прокруткой, а также к расположению сообщения в блоге под ним. Достигнув нижней части страницы, вы встречаетесь с опцией « Еще…» , загружающей больше сообщений для просмотра.

3. На крючке

Подключенный блог

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

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

4. Истории о зеленой кухне

Блог Green Kitchen Stories

Green Kitchen Stories - это вы уже догадались! - блог о еде с тонким дисплеем и наложенным текстом, который отображается при наведении курсора на каждое изображение. Эти элементы дизайна позволяют показанным изображениям говорить, и они предоставляют пользователям свежий всплеск цвета и удобный для навигации сайт.

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

5. OMFG. ТАК ХОРОШО.

OMFG. ТАК ХОРОШО. блог

OMFG. ТАК ХОРОШО. - это блог о комфортной еде, основанный на WordPress.com, в котором используется макет в стиле каменной кладки с дисплеем во всю ширину и бесконечной прокруткой.

Каждая из плиток разделена на две части - изображение вверху и текст внизу - с четкими и отдельными контурами. Как и в случае с другими представленными здесь сайтами, OMFG. ТАК ХОРОШО. также включает белый фон, который помогает веб-сайту выглядеть чистым и лаконичным.

6. Джем и тосты

Блог о джеме и тостах

Jam & Toast - блог о поэзии и дизайне - использует мягкий серый фон, статичную левую навигацию и наложения изображений для создания уникального веб-сайта с каменной кладкой, которая выделяется из толпы.

Прокручивая сайт, вы также заметите изящную кнопку перехода вверх в правом нижнем углу для облегчения навигации. Jam & Toast - хороший пример того, насколько универсальным может быть макет кирпичной кладки, и на главной странице используется сочетание текстовых и графических плиток.

7. Полиен

Блог Polienne

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

При наведении указателя мыши на изображения открывается информационная панель, содержащая метаинформацию записи, а четкость улучшается за счет наложения оттенков серого. Хотя Polienne не использует бесконечный свиток, он действительно использует разбиение на страницы - как по номерам, а также следующий и предыдущий стрелок в нижней части.

8. Аманда Селеста

Блог Аманды Селесты

Amanda Celeste - еще один блог WordPress.com, на этот раз посвященный дизайну и стилю интерьера - четкий и стильный дизайн привлек наше внимание, что делает его достойным включения.

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

9. Vanity Teen

Блог Vanity Teen

Vanity Teen предлагает чистые линии, которые вы ожидаете от подросткового стиля и модного блога. Он имеет белый фон и черный текст, но также использует розовые рамки, чтобы разбить каждую плитку кладки. Хотя здесь нет эффекта наведения изображения или бесконечной прокрутки, дизайн является отличным примером универсальности, которую предлагают блоги в стиле каменной кладки.

Как и многие другие сайты, Vanity Teen включает в себя прокручиваемый заголовок. Он также предлагает стрелку «назад вверх», как и Jam & Toast, - это недооцененная функция, важная для взаимодействия с пользователем.

10. Алекс в Feverland

Блог о стиле каменной кладки Alex in Feverland

Alex in Feverland - еще один хороший пример того, как блог WordPress.com правильно использует стиль каменной кладки. Этот веб-сайт, ориентированный на иллюстративный дизайн, четко отображает работы автора, разделяя их широкими границами и чистыми линиями. Анимация наведения плавная и приятная, а наложение просто демонстрирует название каждой части. Это отличная демонстрация минимализма, а также планировка кладки.

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

11. Джефф Хау

Блог Джеффа Хаве о каменной кладке

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

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

12. Джуле Кей

Блог Джуле Кей о каменной кладке

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

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

Заключение

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

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

Что вам больше всего нравится в блогах о каменной кладке, которые мы рассказали выше? Дайте нам знать в комментариях ниже!

Миниатюра статьи, сделанная tovovan / shutterstock.com.