Progettare da una foto Suggerimenti rapidi e best practice

La fotografia è la cosa migliore per colpire il design sin dalla tipografia. Una fotografia di qualità può far sembrare buono un designer scadente e un buon designer ha un bell'aspetto. Può trasmettere emozioni, portare colore, fornire e fornire un forte punto focale.

Oggi esamineremo alcuni suggerimenti, tecniche e idee per la progettazione di foto di qualità.

Dove trovo buone foto?

Prima di tutto, una delle migliori abilità che puoi cogliere come designer è la fotografia. I fotografi creano immagini, i designer usano le immagini per comunicare; i due campi semplicemente non potevano essere più gratuiti se ci provassero.

Pubblicheremo presto un articolo che si riferisce più a questo, quindi non andrò oltre ora, tranne per dire che dovresti controllare PhotoTuts, un blog fantastico che può aiutarti a diventare un fotografo migliore, non importa dove ti trovi attualmente lo spettro dei talenti.

Ora, detto questo, anche se sei un fotografo fantastico, non avrai sempre il tempo e le risorse per scattare la foto che ti serve. In questi casi, la fotografia d'archivio è tua amica.

Tuttavia, l'uso di immagini di serie può essere complicato quindi assicurati di leggere il nostro articolo 10 trabocchetti da evitare quando si usa la fotografia.

Se hai un budget per la fotografia d'archivio, dai un'occhiata a iStock. Potrebbe essere la scelta cliché, ma c'è sicuramente una ragione per questo. Hanno un sacco di immagini convenienti di alta qualità.

Se non hai un budget, prova invece SXC, un sito di fotografia stock completamente gratuito. C'è un sacco di cose orribili su SXC ma troverai anche alcune gemme se sei disposto a dedicare un po 'di tempo.

Infine, dovresti assolutamente dare un'occhiata alle foto su licenza di Flickr Creative Commons. Flickr è un'enorme fonte di fotografia eccellente e la collezione di creative commons è piuttosto vasta.

Assicurati di tenere d'occhio i requisiti di attribuzione per ciascuna immagine. Sono liberi di usare ma di solito richiedono un link o un credito di qualche forma data insieme all'utilizzo.

Combinazioni di colori

Uno dei metodi più essenziali per disegnare una pagina attorno a una fotografia è inchiodare la combinazione di colori. Normalmente, la creazione di una combinazione di colori a tinta unita richiede molto pensiero e pianificazione e può essere un compito piuttosto intimidatorio se si è principianti nella progettazione.

Tuttavia, quando usi la fotografia come eroe, tutto il lavoro è fatto per te. Uno dei trucchi più antichi nella borsa del designer di chicche è quello di costruire una combinazione di colori direttamente dai colori di una foto.

Ad esempio, considera l'immagine qui sotto.

Quello che ho fatto qui è semplicemente usato il contagocce di Photoshop per prendere alcuni colori dalla foto. Questo ci dà una tavolozza davvero bella da cui partire, che si integra strettamente con le nostre immagini.

Da qui semplicemente scegli alcuni che ti piacciono e corri con loro. Sentiti libero di sperimentare con diverse sfumature e opacità. I colori sono solo un punto di partenza e non sono necessariamente linee guida rigorose da rispettare.

Tipografia

La cosa che vedo più designer che hanno a che fare con le foto è come integrare il tipo in esse. Non riesco a tenere traccia di quanti siti web e poster vedo ogni giorno che gettano fuori tutte le idee di leggibilità perché vogliono usare un bel carattere tipografico sottile su un "eye catching"? sfondo.

Ciò che ne risulta è qualcosa che potrebbe sembrare decente a colpo d'occhio, ma in realtà fa male alla testa quando si tenta di leggerlo.

Il mio primo consiglio sarebbe quello di scegliere una foto e / o un font diverso, ma a volte non puoi semplicemente aiutarlo. Il cliente desidera ciò che il cliente desidera e spesso non è possibile fare nulla per cambiare idea.

In queste situazioni, il tuo compito è aumentare la chiarezza se il messaggio. Se sei bloccato con la foto occupata e il carattere sottile femminile, cerca dei modi per farlo risaltare di più.

Uno dei modi più semplici per ottenerlo è prendere in prestito dal metodo della tavolozza dei colori sopra. Campiona un bel colore solido dall'immagine e crea una barra colorata per contenere il testo.

Non fermarti solo a fare un rettangolo colorato. Nell'immagine sopra potete vedere che ho applicato una leggera ombra alla scatola, ridotto l'opacità e sfocato la fotografia nell'area dietro la scatola per conferirgli una sorta di effetto vetro smerigliato.

Scegliere la foto giusta

Idealmente, tu come designer avrai il diritto di scegliere sia la foto che la tipografia che implementi. In questi casi, ti consigliamo di trovare qualcosa che abbia abbastanza spazio quasi vuoto per contenere il tuo messaggio.

Non deve essere uno sfondo solido ma dovrebbe essere il più semplice possibile e non avere molto contrasto di colore nell'area in cui verrà inserito il tipo.

Il contrasto è una buona cosa nel design, ma metterlo sullo sfondo dietro il tuo testo è semplicemente un uso improprio che causa confusione visiva. Il contrasto dovrebbe invece essere tra il tipo e lo sfondo come nell'immagine qui sotto.

Qui abbiamo le immagini spinte da una parte e il testo dall'altra. Il bianco e il giallo nelle lettere non sono scelti dall'immagine come negli esempi sopra, ma selezionati perché hanno un alto livello di contrasto su uno sfondo nero. Se avessi provato il colore della camicia da uomo, la leggibilità avrebbe sofferto molto.

Se fai clic sull'immagine qui sopra puoi vedere la foto originale. Lo sfondo era in realtà un po 'occupato e non si estendeva molto oltre la spalla dell'uomo. Ho dipinto un po 'di bokeh e ho esteso il lato destro per soddisfare i miei scopi. Mi ci è voluto solo un minuto e mi ha risparmiato ore di ricerca per trovare quella foto che si adatta perfettamente alle mie esigenze.

Non preoccuparti di trovare la foto perfetta, ma trova quella che ha una buona struttura con cui puoi lavorare.

Sanguinare

Che sia sul web o in stampa, c'è qualcosa su una foto al vivo che sembra semplicemente di classe e bella. Tuttavia, non è sempre pratico o possibile per ciò con cui devi lavorare.

Ad esempio, supponiamo che il cliente ti registri una foto verticale e uno spazio pubblicitario orizzontale, e allora? In questi casi, ci sono diversi trucchi che puoi provare. Ritagliare la foto in modo orizzontale è la prima cosa che viene in mente, ma funzionerà solo in un piccolo numero di circostanze.

Una soluzione molto più pratica è lasciare che la tua foto riempia lo spazio verticale e riempia il resto con un colore solido. Questa soluzione è semplice e appare nitida. Ti dà anche molto spazio per posizionare i tuoi messaggi e le immagini più piccole di cui hai bisogno.

Nel disegno qui sotto ho usato ancora il trucco del campionamento del colore dall'alto (non puoi semplicemente abusare di questo trucco durante la progettazione con le foto) per afferrare uno dei colori più scuri che ho trovato nell'immagine, in questo caso il colore delle macchie della giraffa .

Poiché la foto ha uno sfondo chiaro, il campionamento di uno dei colori più scuri crea un forte contrasto tra le due metà e porta molto interesse visivo alla pagina.

Non piangere quando non puoi sanguinare

Quando lavori con la stampa, ci saranno molte volte in cui non puoi sanguinare né la fotografia né il colore dal bordo del foglio. Questa limitazione viene spesso dal lavoro con piccole organizzazioni che stamperanno materiali stessi e non possono gestire abbastanza lavori senza margini.

Ciò che non si vuole fare in queste situazioni è progettare qualcosa che sfuma al limite e quindi consentire alla stampante di tagliare semplicemente dove sarà, lasciando un bordo bianco attorno al bordo. Questo urla lavori di stampa a basso costo ed è quindi piuttosto di cattivo gusto.

Invece, vuoi creare un disegno che abbia molti spazi bianchi in modo che i bordi sembrino intenzionali. Se fatto correttamente, nessuno saprà mai che la tua stampante non può andare al limite, sembra semplicemente che tu abbia preso una decisione progettuale per non portarla così lontano.

Nell'immagine sopra ho applicato molta spaziatura su tutti i lati della foto in modo che il bordo appaia intenzionale anziché accidentale. Notate anche come ho portato la texture del cielo dietro le lettere per far sembrare che la foto si allunghi sotto il bianco. Questo è un altro piccolo trucco che puoi usare per aumentare l'efficacia dell'illusione senza confini.

Il metodo di cui sopra funziona abbastanza bene in molti casi, ma se hai libertà nella selezione delle foto c'è un modo ancora più elegante per risolvere questo problema.

Trovare un'immagine scattata su uno sfondo bianco ti dà davvero uno sguardo senza confini che non sembrerà poco costoso o poco professionale.

Nota quanto il rospo sopra salta realmente (gioco di parole) fuori dallo sfondo. Quando utilizzi questa tecnica assicurati di trovare un'immagine con molto contrasto e colori vivaci, in modo da attirare l'attenzione dei tuoi spettatori.

Notate anche come ho capovolto l'immagine originale in modo che il rospo si trovasse di fronte allo spazio pubblicitario. Questo è un trucco semplice che attira la tua attenzione nell'annuncio e verso il contenuto piuttosto che lontano da esso.

Conclusione

Le informazioni di cui sopra dovrebbero darti molto da pensare sulla prossima volta che consideri la progettazione con la fotografia. In effetti, la chiave d'accesso qui è necessariamente progettare con la fotografia, ma progettare intorno alla fotografia.

Un'immagine forte è l'eroe perfetto per il tuo design e il tuo lavoro diventa quindi quello di avvolgere la comunicazione attorno ad essa in modo tale che entrambi siano evidenziati in modo efficace.

I migliori consigli sopra citati includono mai sacrificare la leggibilità, tirare sempre i colori dall'immagine se possibile, il contrasto è tuo amico e non lasciare mai che i vincoli di bleeding riducano la qualità percepita del prodotto finale.
Grazie per la lettura, facci un favore e condividi l'articolo su Twitter o tramite il tuo metodo preferito se ti è piaciuto!