12 个令人惊叹的砖石风格博客示例

博客的布局对其成功有巨大的影响； 您不希望您的网站太杂乱、太忙或对您网站的访问者没有吸引力。 输入砖石风格的模板。 它们不是您获得整洁布局的唯一选择，但这种风格可以为您的网站提供独特而令人耳目一新的外观。 此外，还有足够的灵活性来帮助您创建与您的品牌相匹配的布局，而不管您的细分市场如何。

幸运的是，网络上有很多砖石风格的博客可以激发您的灵感。 在这篇文章中，我们将重点介绍十二个例子，涵盖艺术、美容、食品等领域。 让我们来看看每个博客——没有特定的顺序——突出他们的特点并概述他们的积极和消极。

1. 古玩

Curioos 是一个艺术版画博客，展示来自 Curioos 艺术家市场的作品。 凭借纯白色背景、黑色标题栏和清晰文本的简洁设计，这个砖石风格的博客将您的全部注意力集中在每个特色印刷品上——这是一个大量图像的博客的一个重要方面。

除了砖石布局外，该网站还包含 Pinterest 按钮（读者只需单击即可分享他们最喜欢的印刷品）和无限滚动等功能，以帮助访问者保持对内容的关注。

2. 金色沙拉

The Blonde Salad 是一个时尚、美容和生活方式博客，它结合了无边框砖石瓷砖，而是依靠自然图像边框宽度来分隔和定义内容。

当您滚动时，品牌标题会最小化以显示较小的静态版本。 这引起了对滚动幻灯片以及下面的博客文章布局的注意。 到达页面底部，您会看到一个更多...选项，加载更多帖子供您阅读。

3. 上瘾

Hooked 使用细的灰色边框划分其内容，干净地分隔每个图块，而不会将焦点从交错的布局上移开。 选择带有黑色粗体字的白色背景，Hooked 与 Curioos 相似，因为它依赖于它的艺术作品——在 Hooked 的案例中是街头艺术——来增加纹理和深度。

在砌体博客文章显示的右侧，您还会注意到侧边栏（不是砌体风格博客中常见的功能），其中包含典型的关于我们、关注我们和热门文章部分。

4. 绿色厨房故事

绿色厨房故事是——你猜对了！ – 一个美食博客，具有窄幅显示和覆盖文本，悬停在每个图像上时显示。 这些设计元素使特色图像能够说话，并为用户提供清新的色彩和易于导航的网站。

瓷砖的边框宽度提供了自然的分割线，纤薄的外观对网站的无缝显示有很大贡献。 向下滚动会在左侧显示一个静态的“以前的帖子”箭头，让浏览整个网站变得轻而易举。

5.OMFG。 超好的。

OMFG。 超好的。 是一个基于 WordPress.com 的舒适美食博客，它利用砖石风格的布局，全宽显示和无限滚动。

每个图块都分为两部分——顶部的图像和下方的文本——具有不同且独立的轮廓。 与这里的其他特色网站一样，OMFG。 超好的。 还结合了白色背景，这有助于网站看起来干净整洁。

6. 果酱吐司

Jam & Toast——一个诗歌和设计博客——利用柔和的灰色背景、静态左侧导航和图像叠加来创建一个独特的网站，其砖石布局在人群中脱颖而出。

当您滚动浏览网站时，您还会注意到右下角有一个漂亮的返回顶部按钮，以便于导航。 Jam & Toast 是一个很好的例子，展示了砖石布局的多功能性，并在主页上混合使用了文本和图像块。

7. Polienne

Polienne 是一个生活方式、时尚和旅游博客，通过其全宽显示和全站点黑色边框环绕来模仿风格和简约。 该网站通过在左上角加入徽标和菜单来使事情变得简单，这将其无缝融合到砖石设计中。

将鼠标悬停在图像上会显示一个包含帖子元信息的信息栏，并且通过灰度叠加提高了清晰度。 虽然 Polienne 不使用无限滚动，但它确实使用了分页——通过数字以及底部的下一个和上一个箭头。

8. 阿曼达·塞莱斯特

Amanda Celeste 是 WordPress.com 的另一个博客，这次专注于室内设计和风格 - 清新时尚的设计引起了我们的注意，值得收录。

这个全宽砖石风格的博客使用粗体标题和静态菜单栏，以及不寻常的三边黑色边框环绕。 至于砖石布局，它与列表中的其他布局相似。 将鼠标悬停在每个图像上会显示“阅读更多”文本叠加层，粗内容边框将图块分隔开。

9. 虚荣青少年

Vanity Teen 提供您期望从青少年风格和时尚博客中获得的简洁线条。 它具有白色背景和黑色文本，但也使用鲑鱼粉色边框来分解每个砖石瓷砖。 虽然没有图像悬停效果或无限滚动，但该设计是砖石风格博客提供的多功能性的一个很好的例子。

与许多其他网站类似，Vanity Teen 包含一个滚动标题。 它还提供了一个“返回顶部”箭头——就像 Jam & Toast 一样——这是一个对用户体验很重要的低调功能。

10. 亚历克斯在 Feverland

Feverland 的 Alex 是 WordPress.com 博客正确使用砖石风格的另一个很好的例子。 该网站专注于说明性设计，清晰地展示了作者的作品，用宽边框宽度和干净的线条将它们分开。 悬停动画流畅且令人愉悦，叠加层仅展示了每件作品的名称。 这是极简主义的绝佳展示，也是砖石布局。

最后，该站点包含一个静态的左侧边栏，其中包括一个徽标、稀疏导航和三个社交媒体按钮。 总的来说，它看起来低调而华丽。

11. 杰夫·霍

Jeff Hawe 是一位专门从事旅行和建筑的摄影师。 他的博客使用大胆的排版，但不以牺牲他的工作为代价。 它使用紧密的边框来分隔每个图像，这可能会使事情感觉局促，但反而使图像看起来像是一个有凝聚力的整体。

与此列表中提到的其他一些网站一样，无限滚动用于帮助将读者留在现场——这是一种经典的保留技术。

12. 朱尔·凯

我们最后一个砖石风格的博客是 Juule Kay，这是一个时尚博客，可以说是这个列表中图片最多的博客。 显示的文本很少，可变的图像大小和厚实的自然边框有助于产生空间。

该网站包含一个简单的左侧菜单栏并具有无限滚动功能——这里的动画很流畅。 将鼠标悬停在图像上会显示一个带有黑色文本的白色框，与设计的其余部分保持一致。 总而言之，这个网站是设计凝聚力的一个很好的例子。 即使是特色图片也有相似的配色方案，这进一步展示了砖石风格布局的美感。

结论

无论您的细分市场如何，每个博客都需要包含两个主要元素——风格和功能。 前者严重影响用户体验，并决定内容的交付和消费方式。 功能还有助于提供更好的阅读体验，甚至可以提高您博客的搜索引擎排名。

正如我们所展示的，砖石风格的博客以一种有凝聚力和功能的方式提供内容。 此外，砖石布局可以提供灵活性，使其成为各种利基博主的绝佳选择。 无论您想要什么样的造型，这里肯定有一种风格可以激发您的灵感！

我们上面介绍的砖石风格博客中有哪些您最喜欢的元素？ 请在下面的评论中告诉我们！

文章缩略图由 tovovan/shutterstock.com 提供。