Come creare un’intestazione del blog (che sembra buono!)

Come creare un'intestazione del blog (che sembra buona!)

So che non tutti sono nati con capacità di progettazione, quindi sono qui per darti qualche speranza e dirti che puoi ancora creare un’intestazione di blog dall’aspetto piacevole anche se non sei un designer!!

Per prima cosa, avrai bisogno di un posto per creare effettivamente un’intestazione. Se si dispone di Photoshop, siete sulla strada giusta. Se non hai ancora utilizzato Photoshop, puoi usare qualcosa come Gimp (è come un Photoshop gratuito) o Canva.

Passo 1: Imposta le tue dimensioni

Una volta scelta l’arma preferita dall’editor, è il momento di impostare le dimensioni dell’intestazione. Molto probabilmente vorrai che la tua intestazione allunghi la larghezza del tuo blog. Se non sai qual è l’intera larghezza del tuo blog, puoi entrare nell’editor/Customizer del modello e cercare la larghezza dell’area dell’intestazione che dovrebbe essere visualizzata in pixel.

Quando si crea una Nuova immagine o un progetto in uno di questi programmi (File > Nuovo), dovrebbe richiedere le dimensioni. Imposta le dimensioni personalizzate su pixel e inserisci la larghezza del tuo blog, seguita dall’altezza desiderata per il tuo banner. Non esiste alcuna regola empirica per un’altezza, ma probabilmente la terrei sotto 350px solo per scopi estetici.

Se è presente un’impostazione di risoluzione o DPI, deve essere impostata su 72. Tutto per il web dovrebbe sempre avere una risoluzione di 72 DPI. Rendere lo sfondo bianco per rendere le cose più facili.

Grande! Ora hai un documento vuoto nella dimensione esatta della tua intestazione. Passiamo al design

Passo 2: Progettare l’intestazione del tuo blog

Se sei una di quelle persone che non ha abilità artistiche, il miglior consiglio che posso darti è qualcosa che ho imparato in 3 ° grado K K. I. S. S.-Keep It Simple, Stupid!

Un’intestazione dall’aspetto piacevole non deve essere piena di grafica e tutte le tue cose preferite. Può essere semplice e chic senza alcuna grafica a tutti. I font sono i tuoi nuovi migliori amici.

Alcune cose da ricordare quando si mantiene semplice:

  • Limita l’utilizzo del font, prova un massimo di due font.
  • I titoli dovrebbero essere facili da leggere. Utilizzare un carattere leggibile.
  • Se stai usando un font di fantasia per un elemento, prova un font semplice per l’altro.
  • Assicurati che tutto si allinei correttamente
  • Prova a lasciare la stessa quantità di padding attorno a tutti i bordi

Ecco alcuni esempi di intestazioni semplici:

Questa prima intestazione è la più semplice di semplice. Esso utilizza lo stesso tipo di carattere in tutto e lo slogan è allineato con la fine della “T” nella riga sopra di esso, rendendo le cose belle e giustificate. L’imbottitura (spazio bianco) in alto e in basso è uguale, e lo stesso vale per i lati sinistro e destro.

Questo è un miglioramento rispetto alla prima intestazione. Vedi che differenza fa se sei in grado di allineare perfettamente lo slogan con la parola sopra di esso? Quando le cose sono in linea, il design sembra molto più unificato. Ho riempito lo spazio vuoto accanto alla tagline con una semplice linea retta 1px per legare le cose un po ‘ meglio.

L’intestazione sopra utilizza diversi tipi di carattere. Per il titolo del blog, ho usato un font di fantasia, il che significa che lo slogan qui sotto dovrebbe essere qualcosa di molto più semplice. Penso che questi due font si completino a vicenda perché sono entrambi font serif e leggermente alti. Trova i font che si completano a vicenda se si sta andando ad utilizzare più quelli. Questo font titolo si chiama Palissandro se siete interessati a provarlo.

Aggiungi un po ‘ di colore! Una volta impostati i font, puoi sperimentare con un po ‘ di colore. Anche in questo caso, assicurarsi che i colori scelti si completano a vicenda e anche fare in modo che il testo si distingue dallo sfondo. Quindi, per esempio, non farlo:

Il titolo è troppo leggero e teso sugli occhi. Non si distingue come dovrebbe sullo sfondo bianco. Lo slogan è solo troppo NEON e ceppi anche gli occhi quando lo fissano. Si prega di persone, smettere di usare neon verde. Invece, se si desidera utilizzare questi colori provare a tonificare le tonalità giù un po ‘ come questo:

È molto più facile per gli occhi, non è vero? Sto tornando ad alcuni font più di base perché penso che quello sopra sia un po ‘ troppo occupato per i miei gusti e non dà davvero la giusta atmosfera del mio blog. Che è anche qualcosa che si dovrebbe tenere a mente the la sensazione generale del tuo blog. Proviamo a bussare che uno fuori del parco con l’aggiunta di un po di lavoro grafico:

Ho usato la stessa struttura di base dell’intestazione #2, solo che ho inserito un po ‘ di dettagli grafici e mi sono assicurato che non interferisse con il testo.

È possibile afferrare alcuni clipart da siti come Etsy o Creative Market o è possibile cercare online per alcuni piccoli grafici. Assicurati di avere i diritti per utilizzare la grafica mean e con questo intendo non limitarti a prendere roba dalla ricerca di immagini di Google.

La cosa da tenere a mente con la grafica è che non si vuole sopraffare il testo. L’intero punto di un’intestazione è così le persone possono acquisire familiarità con il nome del tuo blog. È come il tuo logo.

Se tu stessi progettando un logo per te, non buttare in un sacco di foto casuali di te stesso e le tue avventure, vero? Quindi, mentre un’intestazione può impostare il tono per il tuo blog, non è necessario mostrare a tutti tutti i punti salienti del tuo blog tutto in una volta. Questo è ciò che i tuoi post sono per ;).

Se insisti a mostrare alcune foto nell’intestazione, assicurati che non distraggano dal titolo e siano organizzate in modo da far scorrere bene la pagina.

Ecco alcuni esempi di cosa non fare:

La giustificazione è dappertutto e il padding è spento.

N. Solo no. Due caratteri di fantasia completamente diversi spinti insieme assomiglia a questo. Lo slogan è difficile da leggere. Questo potrebbe essere carino se lo slogan fosse più piccolo, non in maiuscolo e in un font sans serif di base.

Ci sono un sacco di font là fuori tra cui scegliere, e se li prendi da un sito come DaFont puoi persino digitare il nome del tuo blog nella casella di testo “digita il tuo testo qui” nelle pagine delle categorie per vedere esattamente come sarebbe il tuo titolo.

Fase 3: Salvataggio dell’intestazione

Quando sei impostato, dovrai salvare quell’immagine come PNG se hai deciso su uno sfondo trasparente. Salvalo come JPG altrimenti. JPG e PNG funzionano entrambi bene per le immagini web.

Spero che ti abbia aiutato un po’! Basta ricordarsi di fidarsi dei tuoi occhi e assicurarsi che tutto sia correttamente distanziato. Sareste sorpresi di come semplicemente allineare le cose e scegliere i font giusti può davvero fare o rompere un colpo di testa!

Ultimo aggiornamento il 6 aprile 2021

Leave a Reply

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.