La maggior parte dei design dei blog fallisce in modo silenzioso. Il testo è buono, le foto sono buone, ma la pagina si presenta comunque come un semplice elenco di link che nessuno ha voglia di scorrere.
Un buon design per un blog risolve questo problema con il layout, non con la decorazione. Una griglia chiara, un titolo leggibile, un'immagine d'impatto per ogni post, e il lettore rimarrà.
I 12 esempi di design per blog che seguono sono tutti siti reali e funzionanti. Ognuno di essi risolve lo stesso problema, ovvero come far sì che lo scorrimento di una serie di post dia la sensazione di un luogo che valga la pena di leggere, e ognuno lo risolve in modo diverso.
Il loro catalogo spazia dalla fotografia di cibo all'architettura, dai servizi fotografici per matrimoni fino ad arrivare a un autore che non pubblica nemmeno una foto. Prendete spunto dalle idee di layout che meglio si adattano al vostro blog.
Cosa rende efficace il design di un blog?
Trascendendo l'aspetto estetico, i blog di successo condividono le stesse scelte strutturali:
- Una griglia, non una pila. Una griglia a due, tre o quattro colonne consente al lettore di scorrere molti articoli contemporaneamente. Una singola pila verticale, invece, nasconde tutto ciò che si trova al di sotto del primo articolo.
- Titoli di grande impatto. Su un blog, il titolo invoglia al clic più dell'immagine di anteprima. I design migliori gli conferiscono dimensioni e spazio adeguati.
- Un'immagine per post, fatta bene. Un'immagine principale coerente su ogni scheda è ciò che trasforma un elenco di link in una galleria.
- Un sistema di carte che si ripete. Stesso rapporto d'aspetto dell'immagine, stessa posizione del titolo, stessa spaziatura in ogni post. La coerenza è ciò che dà l'impressione di un lavoro ben progettato.
- Un modo per entrare per argomento. Le categorie, i tag o una barra laterale permettono al lettore di scegliere un percorso anziché scorrere alla cieca.
Blog della griglia editoriale
L'approccio da rivista: una griglia a più colonne che tratta i post come articoli di approfondimento. È ideale per blog con un archivio ricco e immagini di grande impatto.
Anwita + Arun
Anwita+Arun Utilizzano una griglia a quattro colonne in stile muratura, e la muratura è la parte intelligente. I loro post mescolano inquadrature verticali di confezioni di prodotti con immagini ampie di piatti impiattati.
Una griglia rigida le taglierebbe a metà. La disposizione a griglia (masonry) permette a ogni immagine di mantenere la propria forma, così la pagina rimane vivace anziché ingombra. Sotto ogni scheda sono presenti la data, il titolo e un breve estratto di una riga.
Prendi in prestito questo: Se le tue immagini hanno forme diverse, usa una griglia a mosaico. In questo modo, le foto verticali e orizzontali manterranno le loro proporzioni naturali, anziché ritagliare tutto in un quadrato.
In the Ether
Nell'etere Si apre con un'intestazione di grandi dimensioni "In the Ether" in un carattere serif sottile, per poi sfociare in una griglia a due colonne di immagini di grandi dimensioni. La scala è l'elemento centrale.
Logo di grandi dimensioni, immagini imponenti, quasi nessun altro elemento grafico. Sembra la copertina di una rivista piuttosto che un feed, che è esattamente il registro che un blog curato desidera.
Prendi in prestito questo: Un'intestazione con un grande logo testuale inquadra il blog come una vera e propria pubblicazione, non come un semplice elenco di aggiornamenti. Assegna un'altezza adeguata al blocco del titolo prima del primo post.
Atul Pratap Chauhan
Atul Pratap Chauhan Il layout presenta quattro colonne di fotografie di interni e del settore alberghiero, che potrebbero facilmente risultare affollate. I titoli centrati in maiuscolo e gli ampi spazi bianchi evitano questo effetto.
Il carattere è sobrio, la spaziatura è ampia e sono le immagini a parlare. Si tratta di una griglia densa che tuttavia trasmette una sensazione di calma, un equilibrio difficile da raggiungere.
Prendi in prestito questo: Una griglia a quattro colonne può comunque trasmettere un senso di calma. Centrate i titoli, mantenete i caratteri piccoli e lasciate che lo spazio bianco faccia il suo lavoro, in modo che la densità non si trasformi mai in confusione.
Kalina's Photography
La fotografia di Kalina Fa l'opposto della discrezione, e funziona. I titoli dei post sono enormi, scritti con un carattere serif audace che domina ogni scheda più della foto stessa.
Per un blog dedicato alla maternità e ai neonati, un titolo così incisivo è la scelta giusta. Le persone cercano l'argomento ("come scegliere il momento giusto per il servizio fotografico di maternità"), quindi le parole meritano la giusta enfasi. Una barra laterale con gli ultimi articoli permette di tenere sempre sott'occhio i lavori più recenti.
Prendi in prestito questo: I titoli dei post devono essere lunghi. Su un blog che le persone trovano tramite i motori di ricerca, il titolo è più efficace dell'immagine di anteprima, quindi assegnagli il ruolo dominante.
Layout minimalisti per blog
La sobrietà come scelta di design. Questi elementi riducono l'elenco all'essenziale.
Ryan Hainey
Ryan HaineyIl blog di [nome dell'autore] è il più sobrio di questa lista. Un titolo con la scritta "Blog" in serif, una griglia a due colonne e sotto ogni immagine solo una data. Nessun titolo, nessun estratto, nessun tag.
Per un fotografo di architettura, questa sicurezza è sinonimo di buon gusto. Le immagini sono talmente potenti da reggere da sole l'intera pagina, e l'eliminazione dei metadati le rende l'unico elemento che cattura l'attenzione.
Prendi in prestito questo: Se le tue foto sono di alta qualità, un annuncio quasi senza testo (immagine e data) è il layout più efficace che puoi scegliere. Ogni didascalia rimossa rende l'immagine ancora più incisiva.
Daniel Pullen
Daniele Pullen Il sito presenta una barra laterale sinistra fissa con i link alle categorie (Surf, Panorami, Cultura), mentre i post occupano il resto dello schermo come schede a tutta pagina con il titolo sovrapposto all'immagine.
Si tratta di un metodo chiaro per navigare in un archivio di grandi dimensioni. Il lettore può passare direttamente all'argomento desiderato e i titoli sovrapposti mantengono ogni scheda ordinata e ben organizzata.
Prendi in prestito questo: Una barra laterale di categorie fissa aiuta i lettori a navigare in un blog di grandi dimensioni per argomento, evitando di dover scorrere alla cieca. Sovrapponendo il titolo all'immagine, ogni post appare come un blocco unico e pulito.
Blog guidati dagli eroi
Questi si aprono con un'immagine a tutta larghezza prima del feed, utilizzando la prima schermata per impostare il tono o enunciare il punto.
Strike the Lights
Colpisci le luci Si apre con una foto a tutta pagina del dietro le quinte, sovrapposta a una sola riga di testo: di cosa tratta il blog e chi lo scrive. Poi iniziano i post.
Quel protagonista svolge un lavoro che la maggior parte dei blog trascura. Prima ancora di leggere un singolo post, si capisce subito che si tratta del blog di un fotografo professionista, un'immersione nel mondo della fotografia e dietro le quinte. L'impaginazione definisce le aspettative fin dalla prima schermata.
Prendi in prestito questo: Inizia con un'immagine principale che ne spieghi l'argomento. Una frase che ne riassuma lo scopo, accompagnata da una foto d'impatto, spiega al nuovo lettore perché dovrebbe rimanere.
Madison LaRoc
Madison LaRoc Qui viene utilizzato il modello più convenzionale, ed è proprio questo il punto. Un banner con la scritta "Ultimo post del blog" si sovrappone alla foto di una coppia illuminata da una luce ondeggiante, seguito da una griglia pulita a tre colonne con la data e il titolo in serif.
Non c'è niente di particolarmente elaborato, e non ce n'è bisogno. Per un fotografo di matrimoni, un blog semplice, di facile lettura e strutturato su tre colonne è esattamente il modello predefinito che la maggior parte dei siti dovrebbe copiare prima di cimentarsi in soluzioni più sofisticate.
Prendi in prestito questo: Un semplice banner con etichette sopra una griglia a tre colonne è la soluzione predefinita, sicura e leggibile, per la maggior parte dei blog. Assicuratevi che sia perfetto prima di pensare a qualcosa di più elaborato.
Sistemi di miniature e schede di grande impatto
Una card per blog è molto più di una semplice foto ridimensionata. Queste tre card considerano la card stessa, la sua sovrapposizione, il suo tag, il suo colore, come elementi di design.
Misha Martin
Misha MartinIl blog di viaggi di [nome dell'autore] combina post video e fotografici, quindi il design li etichetta. Una piccola etichetta di categoria ("Video") è posizionata accanto a ciascuna scheda in una griglia a due colonne, insieme a una data e a un "Leggi tutto".
Il tag è un piccolo dettaglio che fa davvero la differenza. Un lettore che scorre la griglia sa quali post sono film e quali sono articoli prima ancora di cliccare, il che rispetta il suo tempo.
Prendi in prestito questo: Etichettate chiaramente ogni post con il suo formato (Video, Guida, Articolo). Quando un blog mescola diversi tipi di media, una piccola etichetta permette ai lettori di scegliere cosa guardare o leggere.
Waterhouse Wade
Waterhouse Wade Il sito presenta un'intestazione con un audace colore del marchio (una fascia giallo caldo) e una barra laterale con gli ultimi articoli nella pagina dell'articolo stesso, non solo nell'elenco.
La barra laterale è la vera genialità. Quando un lettore finisce di leggere un articolo, i post successivi sono subito lì, permettendogli di continuare la navigazione senza interruzioni. Il colore acceso dell'intestazione mantiene il marchio ben visibile per tutta la pagina.
Prendi in prestito questo: Aggiungi una barra laterale con gli ultimi articoli alle pagine dei tuoi articoli, non solo all'indice del blog. In questo modo, la fine di un articolo diventerà l'inizio del successivo.
Sinclaire Street
Via Sinclaire Il blog, intitolato "Riflessioni", è strutturato su due colonne con grandi fotografie di strada in bianco e nero. I titoli dei post, scritti con caratteri serif, sono sovrapposti alle immagini e il monocromo si estende per tutta la lunghezza.
La sobrietà è il punto. Un'unica palette di colori, un unico tipo di carattere, immagini di grandi dimensioni e nessun elemento che le distragga. Il risultato è un corpus di opere coerente, non una serie di post separati.
Prendi in prestito questo: Attenetevi a una sola palette di colori. Un articolo per blog, realizzato interamente in bianco e nero, si presenta come un'opera unitaria e coerente, non come una raccolta di post scollegati tra loro.
Blog prevalentemente testuali, senza fotografie
Non tutti i blog hanno foto da mostrare. Quando non c'è nulla da fotografare, il design deve essere sufficiente a rendere il blog efficace.
Danielle Berggren
Danielle Berggren è una scrittrice che non può contare sulla fotografia, e il design risponde direttamente a questa esigenza. Ogni post ha una miniatura illustrata personalizzata con il titolo integrato nell'immagine.
"Intervista dell'autore a me stesso" e "Cosa fare quando l'oscurità diventa troppo" si presentano come grafiche realizzate su uno sfondo stellato color viola scuro.
È l'identità di marca più forte di questa lista, ed esiste proprio perché non c'erano foto a cui fare riferimento.
Prendi in prestito questo: Niente foto? Crea miniature personalizzate con il titolo integrato in ciascuna. Conferisce a un blog di scrittura la coerenza visiva di un blog fotografico, il tutto gratuitamente.
Cosa hanno in comune i migliori design per blog
Mettete i 12 uno accanto all'altro e lo schema sarà chiaro. Il miglior design per un blog non è quello più decorato. È quello in cui uno sconosciuto può scorrere la griglia, leggere il titolo e capire di cosa si tratta.
Si attengono a un unico sistema di schede e lo ripetono senza eccezioni. Danno al titolo o all'immagine uno spazio sufficiente per risaltare, e non ti costringono mai a lottare per ottenerli.
Offrono un accesso per argomento, tramite una barra laterale, tag o categorie. E adattano il layout al contenuto: caratteri grandi per i blog orientati alla ricerca, griglie quasi prive di testo per le fotografie, elementi grafici personalizzati per i testi.
La sobrietà prevale sull'ostentazione. I progetti più riusciti qui presentati eliminano elementi anziché aggiungerli.
Adatta il design del tuo blog ai contenuti che pubblichi
Non esiste un layout migliore in assoluto. Il design giusto per un blog dipende da cosa pubblichi e con quale frequenza. Ecco una guida sincera:
Se il design è in armonia con il contenuto, la pagina risulterà intenzionale. Se invece l'attenzione si concentra su un contenuto inadeguato, i lettori se ne accorgeranno, anche se non sapranno spiegarne il motivo.
Come progettare il tuo blog
Non hai bisogno di un designer per tutto questo. Inizia dalla griglia e dalla carta, perché queste due decisioni determinano gran parte del design.
Scegli un numero di colonne adatto alle tue immagini, seleziona un rapporto di aspetto per l'immagine in evidenza e imposta una dimensione del titolo che ti vada bene ripetere. Poi, mantieni ogni post entro questi limiti.
Per la creazione, un costruttore di siti web incentrato sul portfolio offre layout per blog già progettati come griglie, permettendoti di scegliere tra valide opzioni anziché dover costruire tutto da zero.
Se stai pesando gli strumenti, la nostra rassegna dei migliori piattaforme di blogging per creativi è il punto di partenza. Una volta scelto uno, puoi iniziare il tuo creazione di siti web e blog viaggio.
Ogni blog sopra è stato costruito su Pixpa, il che è un segnale abbastanza chiaro di quanto si estendano i layout integrati, da Ryan Haineyla griglia ridotta all'essenziale per Danielle Berggrencarte illustrate.
Qualunque sia la base su cui costruire, prima di tutto assicurati che la griglia e la carta siano corrette. Il resto è solo rifinitura.
Conclusione
La progettazione di un blog si basa principalmente su poche decisioni ben ponderate e ripetute nel tempo. Una griglia che valorizzi le immagini, un titolo con sufficiente respiro, un'immagine di forte impatto per ogni articolo e un percorso chiaro e tematico.
I dodici esempi qui presentati spaziano da un blog di architettura essenziale a un feed illustrato a tema cosmico di uno scrittore. Ognuno di essi funziona per lo stesso motivo: il layout si adatta al contenuto e il sistema a schede rimane sempre lo stesso.
Scegli il modello più simile a quello che pubblichi, copiane la struttura e personalizzalo.
Domande frequenti sulla progettazione di blog
Quali sono le caratteristiche di un buon design per un blog?
Un buon design per un blog rende facile scorrere e leggere i post. Questo di solito significa utilizzare una griglia a più colonne, un'immagine principale coerente per ogni post e titoli di dimensioni reali.
Offre inoltre ai lettori un modo chiaro per navigare per categoria o tag e adatta il layout al contenuto, utilizzando caratteri grandi per i blog basati sul testo e immagini di grandi dimensioni per le fotografie.
Qual è il layout migliore per un blog?
Non esiste un layout migliore in assoluto, ma una griglia a due o tre colonne si adatta alla maggior parte dei blog. Permette ai lettori di scorrere diversi post contemporaneamente senza dover scorrere all'infinito.
I blog ricchi di foto tendono a preferire immagini più grandi e un numero ridotto di colonne, mentre i blog con molto testo traggono vantaggio da titoli più grandi e miniature personalizzate.
Quante colonne dovrebbe avere un blog?
Per la maggior parte dei blog, due o quattro colonne sono sufficienti. Due colonne sono adatte a post lunghi e ricchi di immagini, tre rappresentano la soluzione predefinita per una migliore leggibilità, mentre quattro sono ideali per archivi corposi con fotografie di grande impatto.
Con più di quattro post, ogni post tende a rimpicciolirsi fino a non risaltare più nulla.
Ogni post del blog dovrebbe avere un'immagine in evidenza?
Sì. Un'immagine in evidenza coerente in ogni post è l'elemento più importante che trasforma un semplice elenco di link in una pagina di blog ben progettata.
Se non disponi di foto, come potrebbe non essere il caso di uno scrittore, crea un'immagine di anteprima personalizzata per ogni post. La coerenza è più importante della fonte.
Dove posso trovare ispirazione per il design del mio blog?
Oltre ai 12 qui presenti, le gallerie live sono la fonte migliore, perché mostrano blog reali piuttosto che concetti. La nostra collezione di esempi di siti web di blog è un buon posto per curiosare.
Quando guardate, studiate la griglia e il sistema delle carte, non solo i colori. Quella è la parte che potete effettivamente riutilizzare.
Quanto costa progettare un blog?
Se lo crei tu stesso su un costruttore di siti web, un blog costa quanto qualsiasi piccolo sito: all'incirca il prezzo di un piano più un dominio. Controlla il Prezzi del piano più recente per i dati attuali.
Assumere un designer per un blog personalizzato può costare da poche centinaia a qualche migliaio di euro, a seconda del lavoro. Per ogni sito in questa lista, un template e delle buone scelte si sono rivelati la soluzione ideale.