Hai davvero bisogno di seguire la tendenza?
Non fare mai qualcosa perché è una tendenza. Fare le cose perché sono un bene per l'esperienza dell'utente, perché quello è ciò che è meglio per la vostra azienda ed il vostro disegno. Pensa intensamente alle implicazioni che avrà l'aggiunta di un'immagine di grandi dimensioni al tuo sito e valuta le altre opzioni che hai. Non è necessario utilizzare questa tecnica per avere un sito Web "moderno" .
Detto questo, ci sono molte cose da tenere a mente quando si sceglie un'immagine di sfondo per il tuo sito Web. Poiché questa risposta è così lunga, ecco l'elenco in breve; Fornisco maggiori dettagli su ciascuno di essi, inclusi gli esempi seguenti.
- Assicurarsi che l'immagine sia correlata al contenuto
- Assicurati che l'immagine dica quello che vuoi
- Assicurati che l'immagine sia relativamente unica
- Usa un'immagine di cose reali
- Assicurati che l'immagine funzioni con il tuo layout
- Assicurati che l'immagine segua buone regole di fotografia e design
- Assicurati che l'immagine segua la tua combinazione di colori
- Limita la varianza all'interno dell'immagine
- Assicurati che le dimensioni dell'immagine siano sufficientemente grandi
- Assicurati di disporre dei diritti per utilizzare l'immagine
- Assicurati che la qualità della foto sia alta
Assicurarsi che l'immagine sia correlata al contenuto
Una foto non correlata non farà altro che nuocere. Proprio come qualsiasi cosa nel tuo design, se non si adatta direttamente allo scopo del tuo sito Web, eliminalo. Assicurati che sia direttamente correlato al contenuto che lo circonda , non qualcosa in seguito. L'immagine deve avere un contesto aggiuntivo portato da un testo o un layout per aiutare gli utenti a capire che è un sito e non solo un'immagine statica.
Assicurati che l'immagine dica quello che vuoi
Tutte le immagini hanno una connotazione basata sul contenuto dell'immagine e sul suo stile. Assicurati che l'immagine corrisponda alla sensazione che speri di trasmettere e al marchio. L'immagine dovrebbe trasmettere una comprensione aggiuntiva oltre a ciò che fornisce il testo che la circonda. Assicurati anche che aiuti a costruire il tuo marchio nel modo in cui vuoi che sia costruito.
Inutile dire che l'immagine dovrebbe essere visivamente attraente. Ulteriori dettagli sui tratti per rendere l'immagine attraente sono di seguito.
Assicurati che l'immagine sia relativamente unica
Le immagini personalizzate sono migliori di quelle stock, a condizione che la qualità sia almeno la stessa. Ciò significa che è necessario evitare immagini di stock molto note purché l'alternativa sia altrettanto alta e appropriata. Tuttavia, essere assolutamente unici non è così importante come avere un'immagine grandiosa e appropriata.
Usa un'immagine di cose reali
C'è qualcosa in una vera immagine (anche una versione altamente modificata) che ha una grande influenza su di noi come esseri umani. Ci piace vedere cose reali. Quando possibile, optare per un'immagine reale su qualcosa generato dal computer a meno che non si adatti completamente al contenuto o allo stile che stai cercando.
Mostrare alle persone ha un effetto ancora maggiore, che può essere sia buono che cattivo. Se eseguito correttamente, può far sentire agli utenti che l'esperienza è più reale e personale. Se fatto male, può far sembrare im personali ed economico. Maggiori informazioni qui .
Le facce in particolare attirano l'attenzione, quindi assicurati che siano una faccia appropriata e mettile solo dove conta davvero. A volte inserirli in altri contesti come un libro, iPad, computer, ecc. Può essere d'aiuto. Altre volte è più appropriato ritagliare i volti (pensa a un sito web di abbigliamento o un manichino). Mostrare il volto di un marchio / portavoce è molto efficace se fatto bene, lo consiglio vivamente se puoi.
Assicurati che l'immagine funzioni con il tuo layout
Il flusso di utenti e il layout del sito sono più importanti di qualsiasi immagine tu possa scegliere. Creali prima. Se il layout e il flusso migliori hanno un po 'di spazio aperto in alto, allora considera l'aggiunta di un'immagine.
Assicurati che nessuna parte importante dell'immagine sia coperta dal contenuto che hai. Usa le linee guida visive per aiutare gli utenti a raggiungere il contenuto che desideri che visualizzino (ne parleremo nella prossima sezione).
Assicurati che l'immagine segua buone regole di fotografia e design
Le immagini dovrebbero seguire le regole fondamentali della fotografia, inclusa la regola dei terzi , facendo uso di linee visive, concentrandosi bene sul contenuto principale, inquadrando correttamente il soggetto, avendo un buon background e avendo simmetria e motivi tra le altre cose. Per ulteriori informazioni, consulta qui o cerca altre risorse online.
Questi principi daranno più scopo all'immagine aiutando ad attirare l'attenzione sulle parti importanti dell'immagine e sul suo contesto circostante.
Assicurati che l'immagine segua la tua combinazione di colori
Tutti i siti Web dovrebbero avere un aspetto unificato, inclusa una combinazione di colori. Indipendentemente dal fatto che tu scelga prima la combinazione di colori e quindi scegli l'immagine o scegli l'immagine e quindi la combinazione di colori ( strumenti come questo possono aiutarti con quest'ultimo), assicurati che i colori dell'immagine si adattino alla combinazione di colori generale. A volte lavare un'immagine e quindi applicare un filtro colorato può funzionare bene.
Limita la varianza all'interno dell'immagine
Non rendere occupato l'aspetto visivo. Avere un sacco di colori e oggetti nell'immagine rende difficile mettere del testo su di esso e adattarlo al layout. Come detto prima, crea prima il contenuto e poi scegli l'immagine.
L'aggiunta di sovrapposizioni parzialmente trasparenti, l'oscuramento di un'immagine o il lavaggio in bianco e nero prima di aggiungere un filtro colorato può aiutare a ridurre il rumore non necessario. Inoltre, i colori di sfondo possono essere applicati dietro il testo o su un elemento per aiutare anche con la leggibilità.
L'immagine sopra scurisce l'immagine originale e usa alcune ombre sui bordi per ridurre il rumore. L'immagine sotto sembra usare un overlay scuro parzialmente trasparente per fare la stessa cosa.
Assicurati che le dimensioni dell'immagine siano sufficientemente grandi
Va da sé che l'immagine utilizzata dovrebbe essere abbastanza grande da coprire ogni schermo senza allungare. Ciò significa che per schermi a dimensione intera dobbiamo avere immagini con una risoluzione minima di 1024 x 768 pixel, ma è meglio puntare ad almeno 1200 pixel di larghezza. Possiamo anche salvare il caricamento di immagini di grandi dimensioni per schermi più piccoli offrendo dimensioni diverse delle immagini in base alla risoluzione, più su questo qui . Cerca di ottimizzare il tempo di caricamento dell'immagine per quanto possibile, senza concedere la qualità dell'immagine.
Assicurati di disporre dei diritti per utilizzare l'immagine
Se non ti è permesso usarlo, non usarlo . Se non sai qual è il copyright dell'immagine , cercalo, ma non utilizzarlo fino a quando non lo sai! L'ultima cosa che vuoi fare è essere citata in giudizio per violazione.
Assicurati che la qualità della foto sia alta
Non utilizzare immagini sgranate o sfocate. Non utilizzare una foto con contenuti discutibili o non correlati. Mantenerlo semplice ma (principalmente) reale. Pensa attentamente alle parti buone e cattive di ogni immagine che consideri e non accettare qualcosa di mediocre.
Risorse addizionali: