12 atemberaubende Beispiele für Blogs im Mauerwerksstil

Das Layout Ihres Blogs kann einen großen Einfluss auf seinen Erfolg haben; Sie möchten nicht, dass Ihre Website zu überladen, zu beschäftigt oder auf andere Weise für die Besucher Ihrer Website unattraktiv ist. Geben Sie Vorlagen im Mauerwerksstil ein. Sie sind nicht Ihre einzige Option für ein übersichtliches Layout, aber der Stil kann Ihrer Website ein einzigartiges und erfrischendes Aussehen verleihen. Darüber hinaus gibt es genügend Flexibilität, um ein Layout zu erstellen, das zu Ihrem Branding passt, unabhängig von Ihrer Nische.

Glücklicherweise gibt es im Internet viele Blogs im Mauerwerkstil, die Sie inspirieren. In diesem Artikel heben wir zwölf Beispiele hervor, die Nischen wie Kunst, Schönheit, Essen und mehr abdecken. Werfen wir einen Blick auf jeden Blog – in keiner bestimmten Reihenfolge –, indem wir seine Merkmale hervorheben und seine positiven und negativen Aspekte skizzieren.

1. Neugierig

Curioos ist ein Blog für Kunstdrucke mit Arbeiten aus dem Künstlermarktplatz Curioos. Mit einem klaren Design mit einem durchgehend weißen Hintergrund, einer schwarzen Kopfzeile und klarem Text lenkt dieser Blog im Mauerwerk-Stil Ihre volle Aufmerksamkeit auf jeden vorgestellten Druck – ein wichtiger Aspekt eines bildlastigen Blogs.

Neben dem Mauerwerk-Layout enthält die Website auch Funktionen wie einen Pinterest-Button (der es den Lesern ermöglicht, ihre Lieblingsdrucke mit einem einfachen Klick zu teilen) und unendliches Scrollen, um die Besucher mit dem Inhalt zu verbinden.

2. Der blonde Salat

The Blonde Salad ist ein Mode-, Beauty- und Lifestyle-Blog, der nicht eingefasste Mauerwerksfliesen verwendet und sich stattdessen auf die natürliche Bildrandbreite verlässt, um Inhalte zu trennen und zu definieren.

Während Sie scrollen, wird die Kopfzeile mit dem Markenzeichen minimiert, um eine kleinere, statische Version anzuzeigen. Dies lenkt die Aufmerksamkeit auf die scrollende Slideshow sowie das darunter liegende Blogpost-Layout. Unten auf der Seite angekommen, werden Sie von einer Mehr… -Option begrüßt, die weitere Beiträge lädt, damit Sie sie lesen können.

3. süchtig

Hooked teilt seinen Inhalt mit dünnen, grauen Rändern und trennt jede Kachel sauber, ohne den Fokus vom gestaffelten Layout abzulenken. Hooked entscheidet sich für einen weißen Hintergrund mit schwarzer, fetter Schrift und ähnelt Curioos insofern, als es von seinem Kunstwerk – Street Art in Hookeds Fall – abhängt, um Textur und Tiefe zu verleihen.

Rechts neben der Anzeige von Maurer-Blog- Posts sehen Sie auch eine Seitenleiste (keine Funktion, die in Blogs im Maurer-Stil üblich ist) mit den typischen Abschnitten Über uns , Folgen Sie uns und Beliebte Beiträge .

4. Grüne Küchengeschichten

Green Kitchen Stories ist – Sie haben es erraten! – ein Food-Blog mit einer dünnen Anzeige und Overlay-Text, der beim Bewegen der Maus über jedes Bild angezeigt wird. Diese Designelemente lassen die vorgestellten Bilder sprechen und bieten den Benutzern einen frischen Farbtupfer und eine leicht zu navigierende Site.

Die Rahmenbreite der Kacheln sorgt für eine natürliche Trennlinie und die schlanke Optik trägt maßgeblich zur nahtlosen Darstellung der Site bei. Wenn Sie nach unten scrollen, wird auf der linken Seite ein statischer Pfeil für vorherige Beiträge angezeigt, sodass die Navigation auf der Website zum Kinderspiel wird.

5. OMFG. SO GUT.

OMFG. SO GUT. ist ein auf WordPress.com basierender Komfort-Food-Blog, der das Layout im Mauerwerk-Stil mit einem Display in voller Breite und unendlichem Scrollen nutzt.

Jede der Kacheln ist in zwei Teile geteilt – ein Bild oben und Text darunter – mit klaren und separaten Umrissen. Wie bei den anderen hier vorgestellten Websites bietet OMFG. SO GUT. enthält auch einen weißen Hintergrund, der dazu beiträgt, dass die Website sauber und aufgeräumt erscheint.

6. Marmelade & Toast

Jam & Toast – ein Poesie- und Design-Blog – nutzt einen weichen, grauen Hintergrund, statische Linksnavigation und Bildüberlagerungen, um eine einzigartige Website mit einem Mauerwerk-Layout zu erstellen, das sich von der Masse abhebt.

Wenn Sie durch die Site scrollen, werden Sie in der unteren rechten Ecke auch eine raffinierte Schaltfläche "Zurück zum Anfang" bemerken, um die Navigation zu erleichtern. Jam & Toast ist ein gutes Beispiel dafür, wie vielseitig ein Mauerwerk-Layout sein kann und verwendet eine Mischung aus Text- und Bildkacheln auf der Hauptseite.

7. Polienne

Polienne ist ein Lifestyle-, Mode- und Reiseblog, der mit seinem Display in voller Breite und dem schwarzen Rand der gesamten Website Stil und Einfachheit nachahmt. Die Site hält die Dinge einfach, indem sie ein Logo und ein Menü in der oberen linken Ecke integriert, das sich nahtlos in das Mauerwerksdesign einfügt.

Wenn Sie mit der Maus über Bilder fahren, wird eine Informationsleiste angezeigt, die die Metainformationen des Beitrags enthält, und die Klarheit wird durch ein Graustufen-Overlay verbessert. Während Polienne nicht unendlich Scroll verwendet, macht es die Verwendung Paginierung - sowohl über Zahlen, sowie Next und Previous Pfeile unten.

8. Amanda Celeste

Amanda Celeste ist ein weiterer WordPress.com-Blog, der sich diesmal auf Innenarchitektur und Stil konzentriert – das klare und stilvolle Design hat unsere Aufmerksamkeit auf sich gezogen und ist es wert, aufgenommen zu werden.

Dieser Blog im Mauerwerk-Stil in voller Breite verwendet eine fette Kopfzeile und eine statische Menüleiste sowie einen ungewöhnlichen dreiseitigen schwarzen Randumbruch. Das Mauerwerkslayout ähnelt anderen in der Liste aufgeführten. Bewegen der Maus über jedes Bild zeigt einen Read mehr Text - Overlay, und dicke Inhalt Grenzen unterteilen die Fliese.

9. Eitelkeit Teen

Vanity Teen bietet die klaren Linien, die Sie von einem Teenie-Style- und Modeblog erwarten. Es verfügt über einen weißen Hintergrund und schwarzen Text, verwendet aber auch lachsrosa Umrandungen, um jede Mauerwerkfliese aufzubrechen. Es gibt zwar keinen Bild-Hover-Effekt oder unendliches Scrollen, aber das Design ist ein hervorragendes Beispiel für die Vielseitigkeit, die Blogs im Mauerwerksstil bieten.

Ähnlich wie viele andere Websites enthält Vanity Teen einen scrollenden Header. Es bietet auch einen „Back-to-Top“-Pfeil – genau wie Jam & Toast – eine unauffällige Funktion, die für die Benutzererfahrung wichtig ist.

10. Alex im Fieberland

Alex in Feverland ist ein weiteres gutes Beispiel dafür, dass ein WordPress.com-Blog den Mauerwerksstil richtig macht. Mit einem Fokus auf illustrativer Gestaltung stellt diese Website die Werke des Autors sauber dar und trennt sie durch breite Randbreiten und klare Linien. Die Hover-Animationen sind glatt und angenehm, und das Overlay zeigt einfach den Namen jedes Stücks. Es ist ein hervorragendes Beispiel für Minimalismus und ein gemauertes Layout.

Schließlich enthält die Site eine statische linke Seitenleiste, die ein Logo, eine spärliche Navigation und drei Social-Media-Buttons enthält. Insgesamt ist es unauffällig und wunderschön anzusehen.

11. Jeff Hawe

Jeff Hawe ist ein auf Reisen und Architektur spezialisierter Fotograf. Sein Blog verwendet fette Typografie, aber nicht auf Kosten seiner Arbeit. Es verwendet enge Grenzen, um jedes Bild zu trennen, was dazu führen kann, dass sich die Dinge beengt anfühlen, sondern die Bilder stattdessen als zusammenhängendes Ganzes erscheinen lassen.

Wie bei einigen anderen in dieser Liste erwähnten Websites wird unendliches Scrollen verwendet, um den Leser auf der Website zu halten – eine klassische Technik zur Aufbewahrung.

12. Jule Kay

Unser letzter Blog im Maurer-Stil ist Juule Kay, ein Modeblog, der wohl der bildlastigste Blog auf dieser Liste ist. Es gibt wenig Text auf dem Display und die variable Bildgröße und die klobigen natürlichen Ränder helfen dabei, Platz zu schaffen.

Die Website verfügt über eine einfache linke Menüleiste und bietet unendliches Scrollen – die Animationen hier sind flüssig. Wenn Sie den Mauszeiger über Bilder bewegen, wird ein weißes Feld mit schwarzem Text angezeigt, das dem restlichen Design entspricht. Alles in allem ist diese Seite ein gutes Beispiel für den Zusammenhalt im Design. Sogar die vorgestellten Bilder haben ähnliche Farbschemata, was die Schönheit von Layouts im Mauerwerksstil weiter zur Geltung bringt.

Abschluss

Unabhängig von Ihrer Nische gibt es zwei Hauptelemente, die jeder Blog integrieren muss – Stil und Funktionalität. Ersteres wirkt sich stark auf die Benutzererfahrung aus und bestimmt, wie Inhalte bereitgestellt und konsumiert werden. Die Funktionalität trägt auch zu einem besseren Leseerlebnis bei und kann sogar die Suchmaschinen-Rankings Ihres Blogs verbessern.

Wie wir gezeigt haben, liefern Blogs im Mauerwerksstil Inhalte in einer zusammenhängenden und funktionalen Weise. Darüber hinaus kann ein Mauerwerk-Layout Flexibilität bieten, was es zu einer ausgezeichneten Option für Blogger in einer Vielzahl von Nischen macht. Egal für welchen Look Sie sich entscheiden, hier ist mit Sicherheit ein Style dabei, der Sie inspiriert!

Was sind einige Ihrer Lieblingselemente der Blogs im Mauerwerksstil, die wir oben vorgestellt haben? Lass es uns in den Kommentaren unten wissen!

Miniaturansicht des Artikels von tovovan / shutterstock.com.