Pronto a correre un rischio di progettazione? Prova a mescolare foto e illustrazioni nello stesso progetto di design. Un elemento disegnato a mano può aggiungere un tocco di stravaganza e interesse a un design che include la fotografia. Al contrario, una foto può rendere un disegno illustrato più spensierato sembrare più reale o importante.
Questa tecnica può essere un po 'difficile da immaginare finché non si vedono alcuni esempi di come può funzionare in modo bello. Oggi guardiamo a questa tendenza e forniamo suggerimenti ed esempi per aiutarti a sviluppare modi creativi per creare un tuo progetto personale.
1. Usa le illustrazioni come accenti dell'interfaccia utente
È possibile incorporare elementi illustrati nel design sempre e non pensarci nemmeno. Molti elementi dell'interfaccia utente sono spesso illustrati in qualche modo. Non sono necessariamente in quello stile disegnato a mano ma hanno un pulsante meno tattile e più? Guarda.
Calcia un colpo se vuoi provare un effetto disegnato a mano. Oppure considera l'utilizzo di uno schizzo come un segno di accento.
WittyCookie, sopra, usa un mix di illustrazioni e un video in stile eroe per portare gli utenti nel design. La homepage (non mostrata) presenta un'illustrazione. Ciò che è bello è l'elemento di fantasia qui. Elementi disegnati a mano? dal video. Il risultato fa sì che il sito si senta meno come un campo di vendita per lavorare con l'agenzia e più come ti divertiresti insieme.
Il concetto è interessante e non opprimente. E la parte migliore? È un modo divertente per creare interesse visivo quando non hai un bel catalogo di immagini o video con cui lavorare.
2. Illustrare prima
Se un'illustrazione è il tuo primo istinto quando si tratta di un progetto, disegna prima quella struttura. Disegna le parti illustrate e guarda dove si trova il disegno prima di aggiungere elementi di foto o video.
Questa è la strada intrapresa da Made by Few Conference, sopra. Le intricate illustrazioni in tutto il design sono impressionanti e includono un livello di dettaglio che ogni designer può apprezzare. Subito sotto l'immagine dell'eroe è un video in loop con scene della conferenza. Ciò che questo piccolo, ma reale elemento fa, è mostrare che questo è un evento dal vivo. Abbinalo alle fantastiche immagini e vuoi solo registrarti per vedere di cosa si tratta. L'atmosfera della conferenza sembra divertente e alla moda grazie alla coppia di video di illustrazione.
C'è un'altra strada quando si pensa di iniziare con un'illustrazione. Disegna una straordinaria immagine di sfondo per il design. Questo è un modo divertente per ottenere esattamente ciò che si desidera in uno sfondo senza setacciare le immagini premade.
One Happy Camper, sopra, lo fa in un modo interessante con un mix di pannelli di sfondo illustrati, sfondi bianchi e persino sfondi di foto in bianco e nero. I cambiamenti di sfondo segnalano in modo efficace una modifica del contenuto e nuove informazioni per gli utenti che esplorano questo campo per bambini.
3. Usa le illustrazioni come la tipografia
Quando non hai molte fantastiche immagini con cui lavorare, mescola le illustrazioni nello stesso modo in cui potresti giocare con la tipografia. Anche se il concetto sembra strano, pensaci per un minuto: un'illustrazione pulita può dare enfasi a un video o una foto. Può evidenziare ciò che vuoi che gli utenti sappiano.
Achrival, sopra, lo fa in un modo interessante. L'illustrato, "danza? A funge da logo dell'agenzia e attira maggiormente l'attenzione sul breve video loop. Senza di esso, potresti semplicemente passare le immagini senza fermarti. Ma è abbastanza diverso da coinvolgerti nello stesso modo di un titolo potente.
4. Considera le animazioni illustrate
Sia che le illustrazioni siano disegnate a mano o al computer, offrono una grande opportunità per incorporare animazioni semplici. Dagli strumenti di navigazione ai divots divertenti che coinvolgono gli utenti, un'illustrazione animata può essere informativa, inaspettata e divertente.
Non voglio esagerare con le animazioni. Mantienili semplici e propositivi. Ogni animazione dovrebbe avere un obiettivo per l'utente: un link, una stecca direzionale o una sorpresa che li tenga interessati.
Potresti non aspettarti questo trattamento da un gruppo di pianificazione finanziaria, ma Taylor Made, sopra, utilizza splendidamente un mix di animazione e fotografia illustrata. Le parti illustrate delle immagini hanno reso la pianificazione finanziaria un po 'meno intimidatoria e aiutano a guidare gli utenti attraverso percorsi di clic.
Le illustrazioni si riempiono anche di colori in cui il sito Web non è all'altezza di altre immagini e il risultato finale è un design coeso che è divertente, coinvolgente e facile da usare.
5. Racconta una storia
Quando si tratta di mescolare immagini reali e illustrate, le migliori combinazioni raccontano efficacemente una storia. La grafica abbina l'umore del contenuto e si sente parte dell'identità del marchio.
L'utilizzo di questa tecnica può funzionare per applicazioni una tantum, ma è spesso integrato con una strategia di branding più completa. Guarda il Cone Flower Creamery, sopra. Il logo è illustrato. Il design del sito Web utilizza una trama per lo più illustrata per impostare il giusto umore e incoraggiare gli utenti a continuare a conoscere il marchio. E proprio quando vuoi vedere di più, c'è una foto per riempire gli spazi vuoti. Il design è incredibilmente semplice e si concentra sulla storia stessa, non sulle tecniche utilizzate per crearlo.
Dall'altra parte dello spettro c'è Kuoz, un sito portfolio, con un mix di immagini e illustrazioni. Allo stesso modo, il mix aiuta a raccontare una storia di chi e cosa è Kuoz mentre mostra progetti. Osserva da vicino i raggruppamenti per capire perché questo progetto funziona senza sentirsi schiacciante o ingombrante. Le immagini e le illustrazioni sono collegate da schemi di colori simili in modo tale che ogni posizionamento si senta intenzionale e armonioso.
Questa è davvero la chiave per mescolare immagini e illustrazioni: devono sembrare intenzionali. Devono apparire in armonia. Non dovrebbero mai apparire come un mucchio di elementi bloccati su una pagina.
Conclusione
Sei abbastanza coraggioso da accettare questa tendenza di design? Mentre la tecnica può sembrare sorprendente, è intimidatoria e potrebbe essere difficile da vendere a un cliente.
Porta alcuni esempi di lavoro che utilizza bene gli effetti per mostrare agli altri cosa puoi fare. Disegna alcune delle illustrazioni in anticipo per contribuire a vendere ulteriormente il concetto di design. E ricorda di raccontare una storia che coinvolge l'utente!