Periodo di validità visivo: perché le illustrazioni di web design diventano obsolete

L'illustrazione è una forma vibrante e varia di comunicazione visiva. Come disciplina del design, unisce la chiarezza del messaggio del design grafico e la capacità espressiva delle belle arti. Al suo apice, l'illustrazione fa qualcosa che la fotografia non può. Ritrae ciò che è familiare da una prospettiva irraggiungibile con gli occhi umani.

Il recente afflusso di marchi che utilizzano l'illustrazione online è una delle cose migliori che siano successe al web da molto tempo. Ha portato vivacità, umorismo e chiarezza a una serie di proposte commerciali e ha permesso alle aziende di raccontare le loro storie in modo più chiaro.

Nonostante gli aspetti positivi, ci sono problemi. Al suo interno, l'illustrazione è uno strumento di narrazione, ma man mano che la sua popolarità aumenta, vira verso l'obbligatoria. Abbiamo un sito web, quindi dobbiamo avere delle illustrazioni .

Mancando di visione strategica, l'illustrazione è ornamento, l'antitesi dell'originalità. La storia viene scartata, l'immaginazione abbandonata. I singoli siti web perdono distinzione e tutti i prodotti e servizi illustrati si fondono insieme.

Un impiegato elegantemente vestito siede a una scrivania ordinata che gestisce un'interfaccia astratta che si fonde con il mondo reale mentre testi ed e-mail volano su aeroplani di carta che atterrano su un gatto che fa un pisolino accanto a una pianta frondosa incorniciando una persona che fa yoga mentre beve kombucha e sfoglia un app dalla quale emerge una mano gigante che firma un contratto con una penna stilografica oversize .

Sicuramente l'hai visto.

Ci sono quattro colpevoli che minacciano la fattibilità a lungo termine dell'illustrazione sul web.

Colpevole 1: le immagini mancano di intelligenza

L'origine

L'illustrazione ha una ricca storia di istigazione. Per centinaia di anni è stato usato come una forma di commento sociale. Come mai? Perché chiarisce in modo commovente la natura complessa degli affari umani. Quando le persone sono contraddittorie, quando le esperienze sono confuse, l'illustrazione lo rende ovvio, in un istante.

Lo scopo dell'illustrazione non è la controversia fine a se stessa. Piuttosto, l'obiettivo è far riflettere le persone su un punto di vista, anche se in conflitto con il loro. Al suo meglio, l'illustrazione è l'ultimo momento aha.

Il problema

La domanda odierna di contenuti visivi ha derubato gran parte dei poteri di chiarimento dell'illustrazione web contemporanea. In linea, l'illustrazione raramente istiga; per lo più, istruisce o abbellisce.

Su molti siti Web, le illustrazioni sono rappresentazioni visive 1 a 1 del testo a cui sono abbinate. Prova la nostra funzione di pianificazione unica! [Inserisci illustrazione monolinea del calendario]

Oppure ritraggono persone che vivono scenari di “vita migliore” grazie a prodotti e servizi acquistati. Prova la nostra funzione di pianificazione unica! [Inserisci l'illustrazione di un laptop che beve caffè e dà il cinque al calendario con una faccina sorridente]

Nessuno dei due approcci è abbastanza potente da impedire alle illustrazioni di siti Web di perdere la loro spavalderia narrativa.

Il rimedio

Alcuni concetti sono difficili da illustrare. Ci sono prodotti e servizi che non sono eccitanti o facilmente legati alle esperienze umane. Qui, gli illustratori devono scavare più a fondo durante la creazione del concetto. Per scoprire gli angoli più avvincenti di un argomento, esplorane il lato oscuro.

• Quali sono i grandi punti deboli e perché esistono?
• Chi è più colpito finanziariamente, professionalmente o emotivamente?
• Ci sono opinioni contrastanti o controverse tra aziende, clienti o esperti?

Domande come queste funzionano con la maggior parte dei prodotti venduti online. Come illustratori, abbiamo spesso il compito di mostrare il bene, ma se non comprendiamo il male, raggiungeremo i tropi stanchi. In effetti, questo equilibrio positivo/negativo è un aspetto chiave della narrazione. Senza i minimi, i massimi illustrativi perdono il loro impatto.

Lavoro ben fatto: grande cartello

Colpevole 2: L'imitazione dilagante rovina la novità

L'origine

Imitazione e creatività non sono diametralmente opposte. Fin dalle prime civiltà del mondo, artisti e designer hanno coltivato la creatività attraverso il mimetismo. Uno stile avvincente cattura l'attenzione. Lo esaminiamo, lo decostruiamo e ne raccogliamo la tecnica per migliorare il nostro lavoro. Questa è crescita.

In un mondo perfetto, l'imitazione si limiterebbe all'apprendimento e al commento. Gli stili copiati verrebbero trasformati, sia visivamente che concettualmente. Raramente funziona in questo modo.

Il problema

L'imitazione respinge l'evoluzione. Quando incontriamo uno stile popolare e ci attacchiamo alla sua orbita, siamo come apprendisti del vecchio mondo con una svolta sinistra. Ci appropriamo indebitamente degli attributi stilistici degli illustratori che "seguiamo" e promuoviamo i risultati come nostri.

I marchi sono complici. L'azienda X vuole lo stile di illustrazione dell'azienda Y, quindi commissiona un'imitazione. Succede ancora e ancora, sito dopo sito, ogni iterazione introduce nuovi strati di entropia. Alla fine, un'intera industria impiega una serie di cloni degenerati, come Michael Keaton in Multiplicity .

Non cercare oltre lo stile di illustrazione predominante del paesaggio SaaS. È imbarazzantemente omogeneo.

Il rimedio

Ci sono innumerevoli percorsi oltre l'imitazione. Nessuno richiede il genio creativo o l'esclusione dell'ispirazione esterna. Piuttosto il contrario; gli illustratori hanno bisogno di un'ampia esposizione al materiale di riferimento. Più vediamo e immagazziniamo, più possiamo reinterpretare. Sono possibili una serie di esercizi esplorativi:

• Combinazione di storia . Reimmagina uno stile di illustrazione ispiratore attraverso gli occhi di un artista affermato.
• Ridisegnamento rapido . Disegna con attenzione un oggetto facendo riferimento allo stile di un altro illustratore. Quindi, ridisegna rapidamente lo stesso oggetto 7-10 volte senza lo stile di riferimento e abbraccia le stranezze che emergono.
• Aggiungi una regola . Creare un vincolo che influisca sul processo di illustrazione. Ad esempio: posso solo disegnare linee rette. Possono essere di qualsiasi lunghezza o angolo, ma devono essere dritti.
• Interruttore utensile . Imita uno stile di illustrazione con uno strumento di disegno poco adatto al lavoro. Ad esempio, se lo stile si basa su un disegno al tratto preciso, replicalo con inchiostro e un pennello a setole morbide.
• Interpretazione cieca . Compila una raccolta di 3-4 stili di illustrazione convincenti e chiedi a un collega di descriverne uno per iscritto. Elimina tutti gli stili di riferimento originali e utilizza la descrizione scritta per informare le scelte creative.

Lavoro ben fatto: Togg

Colpevole 3: i sistemi di illustrazione diventano vecchi e rigidi

L'origine

La nostra è un'era di ossessione del design system, che deriva dalla necessità di mantenere esperienze coerenti in più punti di contatto del marchio. Non che i sistemi di progettazione siano nuovi. I sistemi editoriali esistono da più di un secolo, ma il pensiero sistemico è pressante dato il numero di canali digitali che i marchi utilizzano ora.

Allo stesso modo, i marchi hanno utilizzato per decenni stili di illustrazione distinti, ma i moderni sistemi di progettazione hanno introdotto una nuova considerazione: come rendiamo sistematico il nostro stile di illustrazione?

Colori, trame, proporzioni e tipi di corpo sono definiti con cura. I risultati sono mostrati con molto clamore. Il tempo ha rivelato un difetto.

Il problema

Illustrazione e design dell'interfaccia non sono gli stessi. Quando un sistema di progettazione informa lo stile di un'interfaccia, il risultato è una felice coesione che orienta gli utenti all'interno del loro ambiente digitale. L'architettura dell'informazione è un punto di riferimento. La navigazione è un'abitudine. Ma uno stile illustrativo guidato dal sistema soffoca l'impulso creativo, quell'accensione improvvisa di nuove idee freneticamente catturate e raffinate.

Non è che i sistemi siano intrinsecamente cattivi. Quando i sistemi funzionano a supporto dei concetti di immagine, gli illustratori possono effettivamente trovare i vincoli liberatori. Ma quando le immagini sono concepite attraverso la lente di un sistema, le idee si indeboliscono mentre gli illustratori riposano nella falsa fiducia della coesione: si adatta al sistema, quindi funziona!

A poco a poco, uno sforzo maggiore è diretto alla manutenzione del sistema. I pesi linea e gli articoli di abbigliamento prevalgono su concetti convincenti. Infine, lo stile e la capacità narrativa dell'illustrazione appassiscono e muoiono.

Il rimedio

L'illustrazione traduce la complessità dell'ingegno e dell'emozione umana. Invita gli estranei ad apprezzare le esperienze a cui potrebbero non essere abituati. La capacità dell'illustrazione di essere un veicolo dell'identità del marchio è secondaria. Questi non devono essere invertiti.

Per evitare che le immagini diventino rigide, costruisci sistemi di illustrazione su principi tematici. La voce ei valori di un marchio non sono solo fonti di decisioni stilistiche. Sono strategie di narrazione che possono essere visualizzate, interpretate e raccontate da molteplici prospettive: quella del cliente, dell'azienda e della concorrenza.

Ci sono passaggi pratici che guidano lo sviluppo e la pertinenza a lungo termine dei sistemi di illustrazione:

• Non essere ossessionato da regole e dettagli che lo spettatore medio non noterà.
• Evita di far rispettare le linee guida del sistema in modo da minare l'intuizione creativa.
• Non bloccare i sistemi nelle stesse tavolozze di colori dei marchi che rappresentano.
• Di tanto in tanto rompi il sistema e sfida gli spettatori invitando illustratori esterni a contribuire con i propri stili unici.
• Pianifica l'evoluzione del sistema e consenti una sperimentazione incrementale, anche quando lo stile attuale è ben accolto.

Lavoro ben fatto: Notion.so

Colpevole 4: le illustrazioni di riserva sono abusate

L'origine

Molte aziende richiedono enormi quantità di contenuti visivi sui loro siti Web, ma i vincoli di tempo e budget limitano il numero di elementi grafici personalizzati che possono essere commissionati. Per soddisfare il bisogno, le aziende si rivolgono a siti di stock dove acquistano set di illustrazioni a tema.

Sfortunatamente, è raro trovare illustrazioni stock originali, di alta qualità e sottoutilizzate (per non parlare del marchio).

Il problema

Nel mondo delle stock illustration è emersa una tendenza preoccupante. In quello che può essere descritto solo come un tributo fuorviante all'era delle clipart, ora ci sono siti di illustrazioni mix-and-match che generano istantaneamente immagini "personalizzate" consentendo agli utenti di definire variabili come sesso, tono della pelle e abbigliamento. Le illustrazioni risultanti sono una macchia sulla credibilità creativa delle aziende che le utilizzano.

Il rimedio

Per le aziende con risorse limitate, ci sono due modi per aggirare l'atmosfera fasulla associata alle immagini stock. Il primo potrebbe sorprendere. Abbraccia le illustrazioni stock con tutto il cuore. Vai all in. Usa le immagini d'archivio senza prenotazione ma trova il modo di personalizzarle. Come?

• Mescola e abbina stili di stock disparati con il collage digitale.
• Combina le illustrazioni d'archivio con la fotografia (anche d'archivio).
• Sovrapponi elementi disegnati a mano come segni Sharpie o tratti di vernice.
• Crea tracce di campioni di stock deformati e distorti digitalmente.
• Converti lo stock in scala di grigi e infondi i colori del marchio con la grafica disegnata digitalmente.

Il secondo modo per evitare le scorte mentre si lavora con un budget è dare la priorità a quali illustrazioni sono più necessarie e ordinare un piccolo set. Forse questo significa commissionare cinque illustrazioni per la home page. A breve termine, forniranno un impatto visivo e, in seguito, potranno essere utilizzati per informare un insieme più ampio di illustrazioni per altri canali.

Lavoro ben fatto: Bloomberg Businessweek

Crea illustrazioni di web design con uno scopo

Sul web, l'illustrazione rende i servizi più facilmente riconoscibili e i prodotti più desiderabili. Rafforza la narrazione del marchio e aiuta i visitatori del sito Web a dare un senso ai flussi infiniti di informazioni che incontrano quotidianamente. Ma avere solo illustrazioni su un sito web non è sufficiente.

Le illustrazioni che non vanno oltre le rappresentazioni 1 a 1 del testo corrispondente sono un'opportunità di coinvolgimento sprecata. Allo stesso modo, c'è poco valore nelle illustrazioni che potrebbero essere scambiate per appartenere a una delle centinaia di altri marchi.

Le illustrazioni devono affascinare gli spettatori con un punto di vista unico, stilisticamente e concettualmente. Non devono essere complessi, fotorealistici o pieni di colori per essere notati, ma hanno bisogno di illuminare qualcosa di interessante sui loro soggetti in modi che parole, foto e diagrammi non possono.

L'illustrazione è qui per restare. I suoi poteri comunicativi sono troppo persuasivi per essere scartati. Ma per le aziende e gli illustratori che non esplorano il potenziale espressivo dell'illustrazione, il suo valore si rivelerà effimero.

• • •

Ulteriori letture sul blog di Toptal Design:

• Brand Illustration 101: Visualizzazione della narrativa
• Una guida dettagliata alla progettazione di illustrazioni personalizzate senza alcuna abilità di disegno
• Esplorare i principi della Gestalt del design
• UX Design Trends Retrospettiva 2019
• I principi del design e la loro importanza