Oggi affronteremo alcuni problemi comuni che arrivano non con contenuti troppo sparsi ma con troppo poco. Come puoi ritagliare un disegno quando il tuo cliente ti ha appena dato qualcosa con cui lavorare?
Forniremo alcuni suggerimenti facili e veloci per creare fantastici disegni che non si sentono vuoti nonostante l'utilizzo di pochissime risorse.
Ampi spazi aperti
Lancia un gruppo di designer attorno a un tavolo e scoprirai che molti di loro si lamentano di come i clienti li vogliano sempre spremere così tanto in un così piccolo spazio. I non-designer tendono a concentrarsi sulla massimizzazione del potenziale di una pagina web o di un annuncio pubblicitario disponibile con un minimo o nessun pensiero che il sovraccarico di informazioni può spesso rendere inefficaci anche i migliori progetti.
Capire come organizzare un sacco di informazioni e risorse in uno spazio limitato è un grosso problema che tutti dobbiamo affrontare, ma è solo metà della storia. Forse proprio come molti designer lottano con i clienti che hanno molto poco fornire, sia nella direzione che nelle risorse.
Quando non hai molto da gestire, una pagina vuota può sembrare enorme e ti viene chiesto come mai nel mondo lo riempirai. Esaminiamo alcuni scenari comuni e vediamo alcune soluzioni di esempio per ciascuno.
Solo una foto, testo minimo
Questo è un problema abbastanza comune per i designer. Devi produrre un design rifinito e di qualità, ma ti è stata fornita solo una singola immagine con cui lavorare. Per peggiorare le cose, hai solo poche frasi di testo. Se ti è stato fornito un annuncio a pagina intera o un'intera pagina web, questo potrebbe sembrare abbastanza scoraggiante.
Lanciare l'immagine sulla tua tela, vedi tonnellate di spazio che devono essere riempite!
Quando iniziamo ad aggiungere contenuti web standard, la pagina comincia a sembrare decisamente migliore. Spostando semplicemente la foto a destra, otteniamo un layout decente a due colonne che segue le tendenze minimaliste e presenta un buon contrasto.
Sfortunatamente, è completamente noioso. Gli elementi non sembrano? Progettati? tanto quanto gettato insieme nella maniera più ovvia. Per alcune immagini, questo potrebbe essere il meglio che possiamo fare, ma è una buona idea prendere veramente in considerazione la foto e pensare a come usarla in modo più creativo.
Nel nostro caso, è uno studio girato su uno sfondo nero. Questo rende l'estensione della foto un processo praticamente indolore. Le immagini al vivo hanno un aspetto elegante e professionale. Possiamo utilizzare un layout quasi identico come prima e ottenere un risultato molto più visivamente sorprendente:
Utilizzando la stessa foto più volte
Un trucco davvero grande che puoi attuare quando le tue risorse sono limitate è usare la ripetizione per dare l'illusione di avere più cose su cui lavorare di quanto tu non faccia.
Per me, questo in genere comporta la ricerca di modi per duplicare l'immagine con gusto e senza ovvi ridondanza. Ecco il nostro esempio di progetto al primo passo. Ancora una volta, abbiamo qualcosa di abbastanza noioso e poco creativo per iniziare:
Per dare un po 'di vita e varietà al layout, concentriamoci sulla massimizzazione del nostro uso di quella singola foto. Per cominciare, con poche copie di livello e semplici effetti di livello di Photoshop, possiamo trasformare una singola immagine in una pila di foto. La nostra pagina sembra già un po 'più amichevole e meno rigida.
Per rendere ancora più efficace questa idea, trasformiamo la stessa foto in una texture di sfondo. Lo allunghiamo fino a sanguinare e poi lo schermiamo un po '. Questo prende quel semplice sfondo bianco e aggiunge molto più interesse visivo.
A questo punto, l'immagine di sfondo è ovviamente la stessa foto. Questo non è necessariamente un cattivo pensiero, ma se vuoi astrarlo un po ', quindi non è così ovvio, prova a sfocare lo sfondo.
Puoi andare quanto vuoi con questo. Prova ad aggiungere anche una piccola consistenza. Fondamentalmente, l'immagine di sfondo ci fornisce qualcosa di diverso da uno sfondo bianco per la nostra tela. Mentre sviluppiamo qualcosa che rispecchia i colori e la composizione della foto della feature, il nostro design rimane bello e coerente mentre ci dà una notevole libertà di sperimentare.
Riempire le lacune con le scorte
Un'altra cosa importante da ricordare è che puoi sempre utilizzare le immagini azionarie per completare le tue risorse. Anche se il tuo cliente ti ha già fornito un'immagine primaria da utilizzare, è spesso abbastanza facile trovare una foto correlata che ne rifinisca il design in modo corretto.
Ad esempio, diciamo che il nostro cliente ci ha fornito l'immagine seguente con cui lavorare e le istruzioni per visualizzarlo in modo visibile nella pagina.
Dato che questa immagine è così attraente, abbiamo già molto lavoro. Possiamo facilmente utilizzare l'immagine della tartaruga marina come base per un annuncio a tutta pagina.
Mi piace questo design, ma ci sono alcuni problemi funzionali. L'immagine superiore è così attraente che cattura la mia attenzione immediatamente. Sfortunatamente, dopo questo, non c'è nient'altro che porti la mia attenzione lungo la pagina ma una grossa porzione di testo noioso. Molti spettatori probabilmente guarderanno la tartaruga e poi perderanno interesse, il che non va bene se vogliamo convincerli a leggere quell'intestazione secondaria.
Una soluzione è quella di cercare un'immagine per aiutare a tirare l'attenzione verso il basso. Non abbiamo bisogno di nulla di straordinario, solo qualcosa di semplice che aggiunge interesse visivo al campo del bianco nella metà inferiore dell'annuncio.
Nel giro di un minuto o due sono riuscito a trovare un'immagine fantastica per il compito:
Il concetto di un'esibizione di tartaruga è ora guidato ancora di più e la metà inferiore ha un simpatico ragazzino per afferrare gli occhi e costringerti a leggere il titolo. Fortunatamente, foto come questa sono davvero facili da trovare o completamente prive di forme estremamente economiche. iStock ha praticamente tutto ciò che puoi immaginare girato su uno sfondo bianco e non infrangerà il tuo budget.
Conclusione
Dal momento che il design minimale è così popolare in questo momento, avere meno cose da fare può essere una cosa positiva finchè sai cosa stai facendo. Rende alcune sfide di layout, ma se sei creativo e pieno di risorse, puoi facilmente superarle.
Ricorda di analizzare le tue immagini e considera come estenderle o massimizzare lo spazio che utilizza. Prova una foto al vivo e vedi se il tuo design non sembra molto più elegante di prima.
Inoltre, se hai solo un'immagine con cui lavorare, considera come puoi duplicare quell'immagine in modo elegante. Questo può assumere la forma di un'ovvia ripetizione intenzionale o qualcosa di più sottile.
Infine, ricorda che il web è pieno di fantastiche risorse visive super economiche o completamente gratuite. Pensa a come puoi utilizzare le azioni per rafforzare ciò che ti è già stato fornito.
Fonti fotografiche: Vikram Vetrivel, Luis Hernandez, Maria Herrera e Ibrahim Iujaz.