Una guida rapida alla fotografia del sito web

Pubblicato: 2020-04-24

L'inclusione di una foto eccezionale può trasformare una semplice pagina Web in una visivamente accattivante. Ma non solo una vecchia fotografia andrà bene. Decidere sull'immagine giusta è qualcosa che dovremmo considerare attentamente.

A volte, tuttavia, i designer non devono necessariamente prendere questa decisione. Ad esempio, ti è mai stata consegnata un'immagine non eccezionale da un cliente? Potrebbero insistere nell'usarlo, anche se toglie l'estetica generale del loro sito web.

Anche allora, c'è ancora una possibilità di salvare la situazione. Si tratta di comprendere meglio il ruolo che la fotografia può svolgere nel web design. Se riusciamo a educare sia i nostri clienti che noi stessi, possiamo evitare quelle immagini sgranate e fuori luogo che il tuo cliente ha scattato con il suo cellulare di 10 anni. Al suo posto ci sarà una foto attraente e pertinente che si aggiunge all'esperienza complessiva.

Con questo in mente, ecco alcuni suggerimenti utili per scegliere le migliori foto per il tuo sito web.

Considera l'argomento

Innanzitutto, una foto dovrebbe riflettere l'argomento dei tuoi contenuti, almeno in una certa misura. Questa non è una scienza esatta ed è spesso aperta all'interpretazione.

La strada più semplice, ovviamente, sarebbe quella di assumere un professionista per scattare immagini perfette per te. Ma questo è anche oltre il budget per molte aziende. Questo ci porta all'inevitabile uso delle foto d'archivio.

Se stai andando con la fotografia stock, potresti non colpire sempre il chiodo esattamente sulla testa per quanto riguarda il soggetto. Ma puoi comunque mirare a far passare l'idea di base (anche se è un po' generica).

Ad esempio, supponiamo che tu abbia scritto un post sul blog sui motivi per assumere un accordatore di pianoforti. Forse non hai accesso a fantastiche immagini di qualcuno che esegue il lavoro vero e proprio. Ma è probabile che tu possa trovare le foto di un pianoforte. Meglio ancora, uno che si concentra sulle sue parti interne.

L'obiettivo è trovare immagini che aiutino a mantenere l'attenzione dell'utente su un particolare soggetto. La perfezione non è richiesta, ma cerca di non allontanarti troppo dal tema principale del contenuto.

Uomo che visualizza il sito Web su un dispositivo tablet.

Pensa al colore e alla post-elaborazione

Grazie alle meraviglie di strumenti come Adobe Photoshop e persino CSS, il colore che troviamo inizialmente all'interno di un'immagine non deve necessariamente rimanere tale. Possiamo cambiare tonalità, saturazione o persino convertire in bianco e nero.

Tuttavia, vale la pena pensare a quali colori hanno più senso per il tuo progetto. Elementi come il design generale del tuo sito possono essere un fattore importante, così come l'atmosfera che stai cercando di creare.

Se il tuo sito web ha uno sfondo scuro e vuoi fare una dichiarazione audace, allora una foto dai colori vivaci potrebbe essere proprio ciò che il dottore ha ordinato. Ma il bianco e nero potrebbe essere perfetto se stai cercando qualcosa di più serio e discreto.

Dovrebbe essere preso in considerazione anche qualsiasi effetto di post-elaborazione che prevedi di utilizzare. Non tutte le immagini che trovi saranno un buon candidato per i filtri specifici che stai utilizzando.

Ad esempio, se stai applicando una sovrapposizione di colore a una serie di immagini di intestazione su ciascuna pagina del tuo sito, vuoi essere sicuro che le foto che scegli appaiano coerenti quando viene applicato l'effetto. Se una particolare immagine sembra fuori posto, potrebbe non essere la soluzione migliore in questo scenario.

Uomo che confronta la foto stampata con quella sullo schermo di un computer.

Dimensioni e orientamento contano

Sia che tu stia scattando le tue foto o scaricando da un servizio di stock, è probabile che le immagini che scegli vengano ritagliate a una dimensione inferiore prima di essere aggiunte al tuo sito web. Anche con connessioni a banda larga e monitor 4k, immagini gigantesche (con dimensioni di download altrettanto grandi) non sono molto facili da usare.

Pertanto, è importante considerare come prevedi di utilizzare un'immagine specifica sul tuo sito. Che effetto avrà il ritaglio su di esso? È qui che entrano in gioco la dimensione in pixel dell'immagine e il suo orientamento.

Prendi, ad esempio, un'immagine di sfondo all'interno di un'area eroica. In questo caso, spesso è meglio utilizzare fotografie ampie e orientate al paesaggio. Cercare di trasformare una foto alta, orientata al ritratto in una corta e ampia, di solito tralascia troppi dettagli.

Allo stesso tempo, anche la dimensione dei pixel è importante. Idealmente, è meglio scegliere immagini più grandi del necessario in modo da avere spazio per ritagliarle. L'ingrandimento di piccole immagini generalmente porta a una qualità di visualizzazione molto scarsa. Quindi, cerca qualcosa che puoi ridurre alla dimensione desiderata.

E non dimenticare il cellulare! A seconda di come stai utilizzando un'immagine, potrebbe essere necessario regolare gli stili per rendere le cose perfette per i pixel su schermi di piccole dimensioni. È anche possibile che un'immagine abbia un bell'aspetto su schermi grandi, ma in realtà non funzioni bene su quelli piccoli. Ciò potrebbe significare dover trovare un'immagine diversa che funzioni con il tuo modello reattivo.

Immagine ritagliata in Photoshop.

Sulla foto terribile del tuo cliente

In precedenza abbiamo accennato a quelle situazioni in cui un cliente insiste nell'utilizzare una foto particolare (ovvero la foto " sbagliata "). In questi casi, è facile liquidarla semplicemente come una cattiva idea, e forse lo è. Ma è anche saggio essere consapevoli sia dei loro sentimenti che del processo di pensiero.

Per avere un'idea migliore di questo, potrebbe essere necessario fare un piccolo sondaggio. Inizia dichiarando onestamente ed educatamente qualsiasi dubbio che hai sull'immagine. Forse le dimensioni non funzioneranno o la qualità semplicemente non è all'altezza. Indipendentemente da ciò, è meglio portare i tuoi pensieri allo scoperto.

Mentre ne parli ulteriormente, prova a scoprire esattamente di cosa si tratta nella foto che gli piace. Potresti scoprire che lo stanno usando perché è l'unico che hanno o perché ha un valore affettivo. È improbabile che stiano cercando di "rovinare" il tuo capolavoro (anche se se affermano che è questo il motivo, esci da lì il più velocemente possibile).

Da lì, puoi visualizzare alcune opzioni. Cose come l'aggiunta di effetti o l'inserimento in un collage potrebbero aiutare a adattarsi meglio. Oppure, se l'immagine può essere facilmente ricreata, potresti suggerire una nuova ripresa.

Per la maggior parte del tempo, scoprirai che i clienti sono flessibili quando si tratta di immagini. E una volta che vedono che stai lavorando nel loro migliore interesse, è più probabile che ti incontrino nel mezzo. Pertanto, non prendere la loro richiesta iniziale come una decisione finale: è probabile che ci sia spazio per un compromesso.

Donna che stringe una mano.

Foto migliori = sito web migliore

Con l'enorme quantità di fotografie disponibili a portata di mano, è facile catturare rapidamente un'immagine e metterla in uso. Ma è quello giusto per il lavoro?

In realtà, potrebbe essere necessario un po' più di sforzo per trovare la foto giusta. Considera l'argomento del tuo sito, le scelte di colore appropriate e le dimensioni di cui hai bisogno. Ciò ti aiuterà a restringere la tua ricerca. Da lì, si tratta di sperimentare diverse opzioni e determinare la migliore vestibilità.

E, nei casi in cui un cliente ha le proprie idee, apri le linee di comunicazione e cerca i modi per ottenere il massimo dalla situazione.

La fotografia è un elemento che può davvero far risaltare il tuo sito web. Pertanto, prenditi il ​​tuo tempo e scegli saggiamente!