Quando si progetta un blog occorre tenere ben presente non solo la grafica dell’intera struttura, ma anche come si presenterà ai lettori un articolo. Un post è racchiuso all’interno della struttura, e dovrà quindi armoniosamente adattarsi ad essa.

La veste grafica deve quindi essere estesa anche ai contenuti, agli articoli, non solo all’impalcatura del blog. Un post dovrà essere presentato nel modo migliore, affinché non solo riesca di facile lettura, ma incuriosisca anche dal punto di vista grafico.

Parlerò in questo articolo della tipografia di un post, ossia dei vari elementi di un post da prendere in considerazione per ottenere da esso il maggior successo.

Anatomia di un articolo

In un articolo vanno innanzitutto individuate le parti che lo compongono. Non dovete pensare ad un post come ad un blocco di testo, un insieme fitto di parole che farà inorridire i vostri occhi e quelli dei vostri lettori. Non state leggendo una rivista, ma un blog. Non state leggendo un foglio di carta stampata, ma un testo a video.

Un post non deve quindi essere presentato come un corpo morto, come un’area ferma, immobile e senza via di scampo del vostro blog. Il lettore deve poter respirare all’interno dei vostri articoli.

Un post deve essere scomposto in più parti e ad ogni parte vanno assegnate delle precise caratteristiche, in funzione del ruolo da esse svolto. Analizziamole una per una.

Caratteri e spaziatura

Prima di tutto bisogna considerare il font da utilizzare per i nostri testi. Font standard, come Verdana, Arial, ecc., sono sempre la scelta migliore, non solo perché di sicuro installati nei computer di ognuno, ma anche per la loro leggibilità.

Tenete sempre conto che la lettura a schermo stanca la vista più della lettura di una stampa, quindi scegliete sempre il carattere più leggibile. Scegliere sempre i vostri lettori.

La spaziatura e l’interlinea sono caratteristiche importanti e non trascurabili. La spaziatura è lo spazio bianco, vuoto, fra un carattere e l’altro, mentre l’interlinea è lo spazio compreso fra due righe.

Detto questo, è facile comprendere come questi due elementi influenzino la lettura di un post.

Dal punto di vista del codice caratteri e spaziatura sono definiti dai CSS.

Il font è rappresentato da queste regole:

font: 0.8em Verdana, Arial, sans-serif;

Mentre la spaziatura da:

line-height: 100%;

Titolo del post

Il titolo dell’articolo dovrà essere rappresentato con una grandezza del carattere maggiore del testo del paragrafo, il colore va scelto in funzione delle tonalità dell’intera grafica, l’importante è che abbia la giusta “dimensione” all’interno del post, che la sua presenza sia notata.

Studiate tutte le possibili varianti: potete inserire un’icona accanto al titolo, mostrare un colore di fondo e un bordo inferiore, creare effetti “on mouse over” (sottolineatura o cambio colore) se linkato.

Il titolo dell’articolo, e quindi della pagina, deve essere un h1 o un h2:

<h2>Tipografia di un post</h2>

Nel foglio di stile definirete le regole relative al titolo.

Paragrafi

Separate il testo utilizzando i paragrafi, ne beneficerà la lettura. Un post suddiviso in paragrafi corti diviene più leggibile, non stanca gli occhi.

Date anche un rientro all’inizio del paragrafo.

Il paragrafo è definito da questo tag:

<p>Separate il testo utilizzando i paragrafi, ne beneficerà la lettura. Un post suddiviso in paragrafi corti diviene più leggibile, non stanca gli occhi.</p>

Utilizzate inoltre i grassetti per evidenziare determinate parole chiave all’interno del testo: contribuiranno a rendere più scorrevole la lettura, poiché richiamano l’attenzione del lettore verso i punti focali che avete scelto.

Titoli e sottotitoli

Titolate, se necessario, le parti in cui avete suddiviso il vostro articolo. Anche questi titoli concorrono a facilitare la lettura del post e permettono al lettore di scorrere velocemente all’interno del post per poter leggere ciò che più ha attratto la sua curiosità.

Per i titoli e i sottitoli dei paragrafi utilizzate i tag h2 e gli h3:

<h3>Titoli e sottotitoli</h3>

Anche per questi titoli va scelta una giusta grandezza e un colore differente. L’h2 avrà una dimensione di carattere inferiore all’h1.

Liste

Le liste hanno diversi vantaggi all’interno di un post. Sono degli elenchi, elenchi di brani di testo che sviluppano dei concetti.

Utilizzare, quando necessario, delle liste rende il post più accattivante e leggibile.

• Maggiore memorizzazione: un elenco risulta al lettore facilmente memorizzabile, l’uomo è abituato a leggere e a memorizzare elenchi.
• Facile lettura: una lista si legge con facilità, è un semplice elenco di concetti brevi che l’occhio riesce a percepire senza sforzo.
• Veloce individuazione: un elenco, all’interno del post, viene individuato velocemente, poiché in genere risulta di larghezza inferiore al paragrafo, presenta un rientro maggiore e i vari elementi di lista (le voci dell’elenco) mostrano un’immagine o un simbolo (cerchio, rombo o quadrato) che li evidenzia.
• Sintesi: una lista è un testo sintetico e nel web la sintesi è importante, poiché un lettore tende a non leggere per intero un articolo, una pagina web, ma si sofferma sui punti che più lo hanno colpito.

Fate capire al lettore che sta leggendo una lista: usate immagini o simboli per evidenziare le voci dell’elenco, separate queste con uno spazio che ne renda migliore la leggibilità.

Di Daniele Imperi - Lunedì 14 Settembre 2009 - Blog design, Blogging per principianti - 804 parole