12 splendidi esempi di blog in stile muratura

Il layout del tuo blog può avere un enorme impatto sul suo successo; non vuoi che il tuo sito sia troppo disordinato, troppo occupato o comunque poco attraente per i visitatori del tuo sito. Inserisci modelli in stile muratura. Non sono la tua unica opzione per un layout ordinato, ma lo stile può offrire al tuo sito un aspetto unico e rinfrescante. Inoltre, c'è abbastanza flessibilità per aiutarti a creare un layout che corrisponda al tuo marchio, indipendentemente dalla tua nicchia.

Fortunatamente, ci sono molti blog in stile muratura sul Web per ispirarti. In questo pezzo, evidenzieremo dodici esempi, coprendo nicchie come l'arte, la bellezza, il cibo e altro ancora. Diamo un'occhiata a ciascun blog – in nessun ordine particolare – evidenziandone le caratteristiche e delineandone i lati positivi e negativi.

1. Curiosità

Curioos è un blog di stampe d'arte, con opere provenienti dal mercato degli artisti di Curioos. Con un design pulito caratterizzato da uno sfondo bianco solido, una barra di intestazione nera e un testo nitido, questo blog in stile muratura concentra la tua piena attenzione su ogni stampa in primo piano, un aspetto importante di un blog ricco di immagini.

Oltre al layout in muratura, il sito incorpora anche funzionalità come un pulsante Pinterest (che consente ai lettori di condividere le loro stampe preferite con un semplice clic) e lo scorrimento infinito per aiutare a mantenere i visitatori legati al contenuto.

2. L'insalata bionda

The Blonde Salad è un blog di moda, bellezza e lifestyle che incorpora piastrelle in muratura senza bordi, basandosi invece sulla larghezza naturale del bordo dell'immagine per separare e definire il contenuto.

Mentre scorri, l'intestazione con marchio si riduce a icona per rivelare una versione più piccola e statica. Ciò richiama l'attenzione sulla presentazione a scorrimento e sul layout del post del blog sottostante. Raggiungendo la parte inferiore della pagina, sei accolto da un'opzione più... , caricando più post da esaminare.

3. agganciato

Hooked divide il suo contenuto utilizzando sottili bordi grigi, separando in modo pulito ogni piastrella senza distogliere l'attenzione dal layout sfalsato. Optando per uno sfondo bianco con lettere nere e in grassetto, Hooked è simile a Curioos in quanto dipende dalla sua opera d'arte - arte di strada nel caso di Hooked - per aggiungere consistenza e profondità.

A destra del display del post del blog in muratura, noterai anche una barra laterale (non una funzionalità comune nei blog in stile muratura) con le tipiche sezioni Chi siamo , Seguici e Post popolari .

4. Storie di cucina verde

Green Kitchen Stories è – hai indovinato! – un blog di cucina, con un display a larghezza ridotta e testo in sovrimpressione che viene visualizzato al passaggio del mouse su ogni immagine. Questi elementi di design consentono alle immagini in primo piano di parlare e forniscono agli utenti un nuovo tocco di colore e un sito facile da navigare.

La larghezza del bordo delle piastrelle fornisce una linea di divisione naturale e l'aspetto sottile contribuisce in modo significativo alla visualizzazione senza interruzioni del sito. Scorrendo verso il basso viene visualizzata una freccia statica dei post precedenti sul lato sinistro, che semplifica la navigazione nel sito.

5. OMFG. COSÌ BUONO.

OMFG. COSÌ BUONO. è un blog di comfort food basato su WordPress.com che sfrutta il layout in stile muratura con un display a tutta larghezza e scorrimento infinito.

Ciascuna delle tessere è divisa in due parti - un'immagine in alto e un testo in basso - con contorni distinti e separati. Come con gli altri siti in primo piano qui, OMFG. COSÌ BUONO. incorpora anche uno sfondo bianco, che aiuta il sito Web ad apparire pulito e ordinato.

6. Marmellata e pane tostato

Jam & Toast, un blog di poesia e design, utilizza uno sfondo grigio tenue, navigazione statica a sinistra e sovrapposizioni di immagini per creare un sito Web unico con un layout in muratura che si distingue dalla massa.

Mentre scorri il sito, noterai anche un elegante pulsante torna in alto nell'angolo in basso a destra per facilitare la navigazione. Jam & Toast è un buon esempio di quanto possa essere versatile un layout in muratura e utilizza un mix di riquadri di testo e immagini nella pagina principale.

7. Polienne

Polienne è un blog di lifestyle, moda e viaggi che emula lo stile e la semplicità con il suo display a tutta larghezza e il bordo nero avvolgente. Il sito semplifica le cose incorporando un logo e un menu nell'angolo in alto a sinistra, che si fonde perfettamente con il design della muratura.

Passando con il mouse sulle immagini viene visualizzata una barra delle informazioni che include le meta informazioni del post e la chiarezza è migliorata con una sovrapposizione in scala di grigi. Mentre Polienne non usa scorrimento infinito, che fa uso impaginazione - sia attraverso i numeri, così come accanto e frecce precedenti in fondo.

8. Amanda Celeste

Amanda Celeste è un altro blog di WordPress.com, questa volta incentrato sull'interior design e sullo stile: il design nitido ed elegante ha attirato la nostra attenzione, rendendolo degno di inclusione.

Questo blog in stile muratura a tutta larghezza utilizza un'intestazione in grassetto e una barra dei menu statica e un insolito bordo nero su tre lati. Per quanto riguarda il layout in muratura, è simile ad altri presenti nell'elenco. Passando il mouse su ogni immagine viene visualizzato un testo in sovrimpressione Leggi di più e i bordi spessi del contenuto dividono i riquadri.

9. Vanity Teen

Vanity Teen offre le linee pulite che ti aspetteresti da un blog di moda e stile per adolescenti. Presenta uno sfondo bianco e un testo nero, ma utilizza anche bordi rosa salmone per rompere ogni piastrella in muratura. Sebbene non ci siano effetti al passaggio del mouse o scorrimento infinito, il design è un eccellente esempio della versatilità offerta dai blog in stile muratura.

Simile a molti altri siti, Vanity Teen include un'intestazione a scorrimento. Offre anche una freccia "torna all'inizio", proprio come Jam & Toast, che è una funzionalità sobria che è importante per l'esperienza dell'utente.

10. Alex in Feverland

Alex in Feverland è un altro buon esempio di un blog WordPress.com che ottiene lo stile della muratura nel modo giusto. Con un focus sul design illustrativo, questo sito Web mostra in modo pulito il lavoro dell'autore, separandoli con larghezze di bordo larghe e linee pulite. Le animazioni al passaggio del mouse sono fluide e piacevoli e la sovrapposizione mostra semplicemente il nome di ogni pezzo. È un'eccellente vetrina del minimalismo, così come un layout in muratura.

Infine, il sito incorpora una barra laterale sinistra statica che include un logo, una navigazione sparsa e tre pulsanti dei social media. Nel complesso, è sobrio e bellissimo da vedere.

11. Jeff Hawe

Jeff Hawe è un fotografo specializzato in viaggi e architettura. Il suo blog utilizza una tipografia audace, ma non a scapito del suo lavoro. Utilizza bordi stretti per separare ogni immagine, il che potrebbe far sembrare le cose anguste, ma consente invece alle immagini di apparire come un insieme coeso.

Come alcuni degli altri siti menzionati in questo elenco, lo scorrimento infinito viene utilizzato per aiutare a mantenere il lettore sul posto, una tecnica classica per la conservazione.

12. Juule Kay

Il nostro ultimo blog in stile muratura è Juule Kay, un blog di moda che è probabilmente il blog più ricco di immagini in questo elenco. C'è poco testo sul display e le dimensioni variabili dell'immagine e i bordi naturali spessi per aiutare a generare spazio.

Il sito Web incorpora una semplice barra dei menu a sinistra e presenta uno scorrimento infinito: le animazioni qui sono fluide. Passando il mouse sulle immagini viene visualizzato un riquadro bianco con testo nero, in linea con il resto del design. Tutto sommato, questo sito è un buon esempio di coesione nel design. Anche le immagini in primo piano hanno schemi di colori simili, che mostrano ulteriormente la bellezza dei layout in stile muratura.

Conclusione

Indipendentemente dalla tua nicchia, ci sono due elementi principali che ogni blog deve incorporare: stile e funzionalità. Il primo ha un forte impatto sull'esperienza dell'utente e determina il modo in cui il contenuto viene distribuito e consumato. La funzionalità si presta anche a una migliore esperienza di lettura e può persino aumentare le classifiche dei motori di ricerca del tuo blog.

Come abbiamo mostrato, i blog in stile muratura forniscono contenuti in modo coerente e funzionale. Inoltre, un layout in muratura può offrire flessibilità, rendendolo un'opzione eccellente per i blogger in una varietà di nicchie. Non importa quale look stai cercando, qui troverai sicuramente uno stile che ti ispirerà!

Quali sono alcuni dei tuoi elementi preferiti dei blog in stile muratura che abbiamo descritto sopra? Fateci sapere nei commenti qui sotto!

Immagine in miniatura dell'articolo di tovovan / shutterstock.com.