La fotografia è una delle tue risorse più potenti come designer. Qui daremo un'occhiata ad alcuni modi intelligenti e unici per creare disegni photo-centric utilizzando più immagini.
Utilizzando più foto
È sempre utile mantenere il contenuto al minimo per mantenere una pagina pulita e facile da scansionare. L'utilizzo di un'immagine primaria con un testo di accompagnamento è un modello semplice che funziona per molti scopi, ma quando si progetta per i clienti del mondo reale si ha spesso un'intera cartella piena di risorse che si prevede di utilizzare.
Come designer, può essere piuttosto difficile immaginare un modo attraente per mescolare varie immagini in un unico layout coeso, specialmente se si lavora con la stampa anziché uno spazio interattivo illimitato. Risparmia ore di manipolazione leggendo rapidamente i nostri esempi. Sentiti libero di rubare queste idee e usarle come tue!
Stack 'Em
Fotografie al vivo possono rappresentare una pagina molto attraente e accattivante. Spesso, tuttavia, i progettisti abbandonano l'idea e il layout generale di una singola foto al vivo quando risulta che devono presentare due o più immagini.
Tuttavia, è abbastanza facile creare un layout che massimizzi due immagini. Per cominciare, prova a dividere la pagina a metà e dare lo stesso spazio a ciascuno.
Come puoi vedere, il testo sarebbe stato difficile da posizionare direttamente sulle foto, quindi ho semplicemente disegnato una striscia come supporto per il titolo. Per evitare che una linea dura venga visualizzata, ho sfocato le due immagini insieme nell'area di testo.
Questo effetto è ottimo per mostrare non solo le immagini correlate, ma anche i temi con una dualità concettuale: trame morbide e dure, giorno e notte, ecc.
Non essere un quadrato
Con la stessa idea generale in mente, puoi ottenere molti effetti diversi. Ad esempio, nel disegno sottostante ho creato strisce diagonali di contenuto linee orizzontali piuttosto tipiche.
Si noti che ho mantenuto tutti i miei contenuti alle normali rotazioni. Né il testo né le immagini sono diagonali, solo le forme in cui sono state inserite hanno questa caratteristica. Ciò mantiene tutto bello e facile da leggere / interpretare, consentendo al tempo stesso di trarre vantaggio da un layout più unico.
Griglia fotografica
Un modo estremamente popolare e molto pratico per lavorare tonnellate di immagini in una singola pagina è organizzarle in una griglia.
Nell'esempio seguente ho iniziato creando guide in Photoshop conformi a una griglia approssimativa. Questo è un passo importante per assicurarti di avere le proporzioni giuste e risparmiare un sacco di problemi a lungo termine. Da qui è sufficiente inserire alcune immagini e mascherarle in forme diverse all'interno della griglia generale.
Come puoi vedere, ho riempito gli spazi con colori a tinta unita, che ho afferrato con il contagocce dalle immagini circostanti. Devi sempre assicurarti che qualsiasi colore di riempimento che usi in un disegno vada bene con la fotografia e uno dei modi migliori per farlo è quello di prendere i tuoi colori direttamente dalle immagini.
Crea linee griglia
Il layout di base della griglia come vedi sopra è disponibile in un milione di varianti diverse. Prova a fare scherzi con le dimensioni delle singole celle, il rapporto tra riempimenti di colore e immagini, ecc.
Una tecnica molto comune è quella di accentuare le singole foto creando separazioni chiare. In pratica, fai una spessa linea bianca attorno al bordo di ogni foto e ottieni un effetto diverso ma ugualmente attraente.
Editoriale
Per un look più editoriale, prova il layout qui sotto. Qui mostriamo un'immagine principalmente e poi prendiamo un'immagine correlata per accompagnarla dal testo. Non è diverso da una versione molto semplice della griglia sopra, stai solo usando meno foto.
Una breve nota sull'utilizzo di più foto in un unico disegno: assicurati sempre che i colori vadano bene insieme. Quando ho creato il layout sopra, l'immagine principale è stata scattata in bianco e nero e l'immagine secondaria era a colori e aveva un fantastico bilanciamento del bianco. La luce bluastra stava semplicemente devastando il mio schema di colori, così ho desaturato l'immagine e improvvisamente le due foto sembravano provenire da un singolo scatto.
Testo fotografico
Sono un grande fan di mascherare le immagini in testo e l'ho fatto in un paio di articoli recenti. Qui lo vediamo come un modo di lavorare in un'altra foto correlata in modo sottile.
Poiché l'immagine principale è di un ponte di legno, ho afferrato una trama di legno per il testo. Il risultato lega davvero bene il testo con la fotografia sottostante, anche più di un semplice riempimento a colori con il contagocce.
Spogliarsi
Il nostro suggerimento finale utilizza un layout a strisce verticali, perfetto per quando si sta tentando di creare un ambiente o un umore generale e non è necessario necessariamente mostrare le immagini complete.
Questo effetto può essere schiacciante se ci si allontana troppo. Inoltre, può essere difficile posizionare il testo sopra a tante immagini diverse. Per questi motivi e altro, è bene separare un'immagine e renderla più prominente rispetto al resto.
Ancora una volta, nota che le mie proporzioni sono molto intenzionali. Per prima cosa, ho diviso la pagina a metà e poi diviso il lato destro in terzi.
Lezioni
Abbiamo esaminato molte cose molto velocemente. Più importanti dei singoli esempi sono le lezioni che ognuno ci insegna. In primo luogo, occasionalmente puoi cavartela usando due foto in una pagina intera come se fossero un'unica immagine. Tieni presente che non è necessario progettare sempre in modo perfettamente orizzontale o verticale.
Quindi, quando si utilizza una griglia di immagini, assicurarsi di dedicare del tempo a disporre le guide in modo che le proporzioni relative siano corrette (a meno che non si disponga di un layout organico). Riempi gli spazi vuoti con semplici riempimenti di colore estraendo i colori più evidenti dalle foto circostanti. Sperimenta massimizzando l'aspetto delle linee della griglia o nascondendole completamente.
Infine, quando lavori con più foto, è quasi sempre una buona idea avere ancora un'immagine di primo piano che si distingue dal resto. Puoi vedere questo al lavoro nella maggior parte degli esempi sopra. Stabilisci sempre una gerarchia visiva e cerca di evitare di dare alla tua pagina tutto lo stesso peso e importanza visiva.
Conclusione
Spero che gli esempi e le lezioni di questo post abbiano stimolato la mente e pensato a nuovi modi per incorporare più fotografie nei tuoi progetti.
È fin troppo facile essere portati via e creare una pagina occupata e sovraccaricata, quindi fai attenzione ad usare qualche vincolo e cerca di ottenere chiarezza sul caos. Mentre continui ad aggiungere elementi visivi alla pagina, ricorda che esiste un punto di rendimenti decrescenti in cui stai effettivamente riducendo l'impatto del design.