Principi di progettazione per il layout del sito web di un giornale

On Mag 5, 2024

Oggi parleremo degli stili nel design del sito web e l’accento che poniamo è sullo stile del giornale. In questo post scoprirai le caratteristiche più distintive di questo design e otterrai alcuni suggerimenti utili da seguire per ottenere risultati migliori con il tuo progetto.

Lo stile è una combinazione totale di come progetti il tuo sito web. Lo stile è anche un modo di comunicare tra te e il tuo pubblico. Ogni stile di web design ha il suo set specifico di componenti.

Gli stili principali nel web design sono:

pulire;
sgangherata;
vintage/retrò;
illustrazione;
giornale/rivista.

Lo stile del giornale è stato utilizzato principalmente per giornali e riviste online, poiché le loro versioni stampate hanno questa struttura. Oggi questo design è appropriato per qualsiasi sito Web, soprattutto se deve essere ricco di contenuti. Il sito Web realizzato in stile giornale è facile da riconoscere tra molti altri per un layout ricco di contenuti, struttura a più colonne, colori semplici e contrastanti.

Layout del sito web del giornale: caratteristiche

Содержание показать

1 nero su bianco

Il giornale stampato tradizionale è bianco o grigio e il testo è nero. Questa combinazione di colori è perfetta per i nostri occhi. Il contrasto dei colori facilita la leggibilità ed è per questo che questa combinazione di colori è la più adatta per i siti Web in stile giornale, che di solito sono pieni di molti contenuti. Puoi allontanarti da questo classico mix di colori, ma dovresti sempre tenere presente che il contrasto è un must. Puoi capovolgere la normale scelta del colore rendendo lo sfondo nero e la tipografia bianca. Ma non usare mai giallo su nero, verde su blu, rosa su blu, ecc. Prova a leggere tu stesso il sito web, se i tuoi occhi si sentono bene dopo, puoi adottare i colori scelti sul tuo progetto web.

La luce neutra e l’oscurità sono colori di base, tuttavia possono essere utilizzati più colori di accento. Ad esempio, il blu è buono da usare per i titoli, il rosso sarebbe perfetto per i pulsanti. Le schede del menu di navigazione possono essere decorate con una tonalità più chiara o più scura del colore primario o colorate come i dettagli accentati. Quindi, il menu risalterà sulla tela e offrirà agli utenti un’esperienza visiva perfetta.

2 Grafica minima

Il sito web con layout giornale è pulito, informativo, strutturale e presenta elementi grafici curati e curati in modo minimalista. Gli elementi grafici sono:

linee
forme
colori
tipografia
trame.

Come abbiamo già accennato, la tavolozza dei colori è sempre semplice su tali siti web. Le trame sono usate raramente sui progetti web di giornali, perché un muro di testo con immagini su una trama di legno o grunge distrarrà i tuoi visitatori e aggraverà la leggibilità del contenuto. Tuttavia, la trama della carta è giusta qui. Può essere una trama di sfondo, una trama di pulsanti o utilizzata solo per le aree di intestazione o piè di pagina.

Il normale design a griglia o il layout a più colonne riducono l’uso di forme e linee, perché ce ne sono comunque abbastanza. Ci sarebbe troppa geometria se progettassi il tuo sito web con un modulo aggiuntivo con un set extra di figure.

3 Design a griglia o layout a più colonne

Il layout del sito web del giornale è quello con una struttura perfettamente organizzata. Questi sono siti Web ricchi di contenuti che di solito hanno questo tipo di design, quindi la struttura diventa la prima. La griglia o le colonne sono i tipi più utili di disposizione dei contenuti. È vero che “i sistemi a griglia ben progettati possono rendere i tuoi progetti non solo più belli e leggibili, ma anche più utilizzabili” (Mark Boulton). Il layout basato su griglia consente di suddividere il contenuto in blocchi completi; in tal modo coinvolgere gli utenti a leggere il tuo sito web non scremare.

Simile ma non uguale è il layout a più colonne. Dovrebbero essere poche colonne della giusta altezza, ma non necessariamente della stessa larghezza. Più ampie sono le colonne, più leggibile è il testo. Due colonne possono dare un bell’aspetto, anche se tre e più sono decisamente migliori. Le colonne, come griglia, aiutano a differenziare il contenuto, facilitano agli utenti la ricerca di una sezione interessata. Mentre, scegliendo questo stile di layout non dovresti dimenticare il divario tra le colonne. Il sito Web sarà estremamente difficile da leggere, se le colonne sono troppo strette l’una con l’altra.

4 Titoli ed estratti

Vuoi aprire ogni post e leggerlo quando entri in un sito web o in un blog con molti testi? I titoli ci aiutano a differenziare l’articolo interessante da quello secondario. Quindi, ogni blocco di contenuto deve essere autorizzato. Che si tratti di una piccola sezione su una griglia o di una colonna a tutta altezza, dovrebbe avere un titolo. Il titolo deve essere di un carattere più grande, digitato in grassetto o evidenziato con un colore diverso. Questo punto è chiaro, suggerisco.

Gli estratti sono brevi descrizioni degli articoli di testo. Questi sono sempre fatti per suscitare l’interesse dei lettori e dare loro la comprensione di un lungo testo in poche frasi. Questo elemento è utile se gestisci un blog, un periodico online, un sito di notizie, ecc.

5 Contenuto primario e secondario

Traccia una linea di confine tra le parti del tuo contenuto. Definisci qual è il più importante e quali testi possono aspettare di essere letti. Ad esempio, puoi progettare la tua prima pagina con una grande sezione di intestazione per i nuovi post (uno o un paio). Questa è un’area in primo piano con immagini e grafica di grandi dimensioni. L’altro contenuto sarà più piccolo e basato su frazioni della griglia. Questo pone un forte focus sull’ultimo arrivato e aiuta a guadagnare più condivisioni social.

6 Navigazione intuitiva e coerente

Il layout del sito Web del giornale è progettato per il contenuto e questo contenuto deve essere facile da navigare. Di conseguenza, il menu di navigazione si caratterizza per la sua semplicità e la giusta posizione.

La posizione migliore è un’area in cima alla pagina, perché questa zona è la prima ad essere menzionata e si trova sempre nello stesso posto – basta scorrere verso l’alto se sei in fondo. Nel caso in cui ami la navigazione verticale e non riesci a smettere di amarla, fai in modo che il tuo menu sia orientato verticalmente ma fallo a sinistra. Leggiamo da sinistra a destra e non viceversa, quindi gli elementi a sinistra cadono nell’occhio prima che a destra.

I siti Web in stile giornale condividono tonnellate di testi e devono essere raggiungibili dagli utenti.

7 Categorizzazione

Un migliore utilizzo delle categorie è disponibile soprattutto all’interno del layout del sito web dei giornali . Si riferisce in particolare ai blog e anche a qualsiasi altro sito web. La maggior parte dei siti fallisce, perché ha contenuti puramente organizzati. Le categorie sono necessarie se pubblichi frequentemente e su argomenti diversi (ad es. siti Web di notizie).

Dividi i tuoi contenuti in categorie e visualizzali su una barra laterale o sulla barra dei menu di navigazione.

8 Spazio per pubblicità

Come farai a guadagnare prima che il tuo sito web diventi popolare? La pubblicità è il numero di proprietari di siti Web che realizzano profitti piuttosto elevati. I banner pubblicitari devono essere posizionati non solo da qualche parte, ma questa posizione deve essere definita esattamente. I posti giusti sono la barra laterale, sia a sinistra che a destra, l’intestazione o il piè di pagina. I banner promozionali sono spesso visti proprio nel mezzo degli articoli di testo, ma questo punto è controverso: è un bene per te come persona che prende soldi per questo, ma questi elementi possono anche irritare i tuoi lettori.

9 Barra laterale funzionale

La barra laterale può contenere non solo pubblicità, ma anche categorie di contenuti, contenuti recenti, casella di ricerca, barra della newsletter via e-mail, navigazione, pulsanti di condivisione sui social, sconti/offerte speciali, ecc. colonna nella riga.

Ci sono un paio di ingredienti per un design di barra laterale di successo:

dimensioni (altezza e peso);
colori;
caratteri;
posizionamento.

Una barra laterale dovrebbe essere più piccola o uguale alla normale colonna del tuo layout, non più grande. Dovrebbe essere mantenuto in colori neutri, ma con tipografia visibile. Il piazzamento può essere sia a sinistra che a destra ma come abbiamo già detto tutto a sinistra si vede subito.

10 Massimizzazione dello spazio bianco

Per quanto stiamo creando un sito Web multifunzionale con un layout impressionante, non possiamo non ricordare lo spazio bianco. Questo è un componente essenziale anche per un design in stile giornale. Lascia che sia spazio tra le colonne, sezioni vuote dai lati o in basso. Gli utenti dovrebbero avere la possibilità di distogliere lo sguardo dal muro di testo e riflettere.

In generale, lo spazio bianco è considerato una sezione in cui non viene digitato nulla. C’è un significato più ristretto: lo spazio bianco è tra le righe di testo e le lettere, attorno agli elementi di contenuto. È tutto ciò che rende il tuo sito web più leggibile e semplice, anche se è pieno di un numero eccessivo di elementi di contenuto.

11 Aggiornamenti frequenti dei contenuti

Il layout del sito Web del giornale ti obbliga a lavorare costantemente sul tuo progetto. Il sito Web con molte colonne e sezioni della griglia vuote avrà un aspetto goffo. Devi riempire a fondo il sito Web e mantenere la tendenza ad aggiornare regolarmente i contenuti, rendere frequenti le tue pubblicazioni e modificare i contenuti in primo piano nell’intestazione (o ovunque tu lo faccia).

Contenuto e frequenza sono una coppia, come il re e la regina. Oltre all’aspetto del sito stesso, i contenuti frequenti influiscono sui risultati nei motori di ricerca. Le persone visitano raramente il tuo sito web, se è obsoleto, e Google lo vede. Quindi, i tuoi contenuti ottengono punteggi peggiori nei risultati di ricerca.

12 Condivisione sociale incoraggiata

Blog e siti di notizie sono i più comuni per utilizzare lo stile dei giornali e questi siti Web non possono esistere senza l’integrazione dei social media. È l’epoca della condivisione di massa e i social network sono il luogo in cui le persone trascorrono gran parte del loro tempo. Dovresti utilizzare pulsanti di follow e condivisione interessanti per ogni rete: Twitter, Facebook, Google+, Pinterest, LinkedIn, ecc. L’unica avvertenza: non utilizzare gli account che hai abbandonato, utilizza solo quelli su cui pubblichi spesso. Crea questi pulsanti i più visibili sul sito Web per assicurarti una migliore esposizione visiva sulle piattaforme multimediali.

Un’altra cosa che vorremmo menzionare sulle peculiarità del layout del sito web dei giornali è la reattività. Questo layout non rimarrà mai lo stesso sui dispositivi mobili e non c’è modo di creare una versione mobile mantenendola in stile quotidiano. Il sito Web mobile non dovrebbe avere una disposizione dei contenuti su più colonne, e questo è un must per il web design dei giornali. Un sito web mobile non può avere barre laterali. Ed è meglio riconsiderare la navigazione, perché è più utile rendere il tuo sito mobile scorrevole anziché cliccabile.