Illustrare il Web: decostruire la tendenza
Le illustrazioni stanno prendendo il controllo del Web. I progettisti stanno creando siti web con qualsiasi cosa, dalle illustrazioni a schermo intero ai dischi disegnati a mano che vengono utilizzati durante i progetti. È una tendenza che è destinata a continuare a crescere perché le illustrazioni rendono il design personalizzato (anche se non lo è).
Ecco come sfruttarli al meglio nel tuo design.
Illustrazione del sito Web 101
Le illustrazioni sono un modo versatile e divertente per creare un design personalizzato del sito web. Dalle immagini disegnate a mano, agli elementi, alle scritte, a tutto ciò che riguarda un'immagine completamente disegnata o disegnata, appare e si sente unica nel suo genere. Questo è uno dei motivi per cui è così popolare.
Ma ci sono molti altri motivi per cui i designer stanno saltando sulla tendenza dell'illustrazione:
- Le illustrazioni consentono agli utenti di immaginarsi nella scena che si sta impostando perché non si concentra su altre persone reali.
- C'è un elemento di fantasia che può essere realizzato solo con un disegno.
- Le illustrazioni possono creare realtà e immaginazione per un design straordinario.
- La personalizzazione è facile quando disegni gli elementi artistici.
- Le illustrazioni sono spesso piuttosto colorate e possono aiutarti ad approfittare della grande e brillante tendenza dei colori.
- La tecnica è utilizzabile anche se non sei un illustratore grazie a kit di progettazione o confezioni piene di parti illustrate che possono essere utilizzate durante un progetto.
- Le illustrazioni possono assumere molti stati d'animo o stili diversi, dagli schizzi ai disegni elaborati alla grafica generata dal computer.
Illustrazioni in stile eroe
Poiché le intestazioni degli eroi sono grandi, questo è uno dei luoghi più facili per vedere la tendenza dell'illustrazione. Viene inoltre utilizzato per un numero elevato di siti dai portfolio alla vendita al dettaglio alle pagine di anteprima delle app.
Ciò che è bello di un'immagine di un eroe illustrato è che c'è abbastanza spazio per un lavoro artistico piuttosto complesso. Piccoli dettagli, sfumature, colori e interazioni hanno tutti spazio per respirare, rendendo più facile per gli utenti esplorare ogni elemento.
Ci sono alcuni trucchi per questo complesso che illustra:
- L'opera d'arte deve essere buona. Gli utenti non passeranno il tempo a guardare un'illustrazione che non ottengono o è solo un disordine sciatto. Quindi prenditi tempo e cura con esso.
- Sebbene l'illustrazione possa avere profondità di complessità, il messaggio generale dovrebbe essere semplice. Sapere cosa deve dire l'immagine e assicurarsi che gli elementi contribuiscano al messaggio.
- Lavora con un professionista. Solo perché puoi disegnare i cuori su un tovagliolo non significa che sei pronto per disegnare un'illustrazione completa del sito web. Questo processo richiede tempo e pianificazione per funzionare davvero. (E può essere costoso, quindi assicurati che questa sia l'estetica giusta prima di immergerti.)
Aggiungi semplice animazione
Mentre un disegno statico può avere un grande impatto da solo, il Web è vivo con il movimento in questi giorni. Abbina un'illustrazione con animazioni sottili o effetti di scorrimento per incoraggiare gli utenti a fare clic in giro.
Piccoli movimenti sottili, come ad esempio il testo rotante nel sito Web per L'Hugo , aiuta a disegnare l'occhio nel design. Le animazioni di piccole dimensioni possono anche aiutare gli utenti a capire quali azioni eseguire mentre si visita un sito. Questo può essere particolarmente vero per le illustrazioni che includono molti elementi o che hanno un design "occupato".
Queste piccole sorprese possono incoraggiare i visitatori del sito a soffermarsi e guardarsi intorno. Le animazioni al passaggio del mouse sono un bonus particolarmente interessante per gli utenti che possono servire sia come elemento divertente che come strumento di navigazione.
Icone illustrate o elementi dell'interfaccia utente
Se una progettazione di siti Web illustrata a tutto campo non fa per te, prendi in considerazione alcune icone illustrate o elementi dell'interfaccia utente. Questo è un modo semplice per facilitare la tendenza. (E ci sono un sacco di icone e kit di interfaccia utente che dispongono di stili illustrati per aiutarti a iniziare.)
Gli elementi illustrati possono aggiungere un tocco di fantasia a un sito che altrimenti potrebbe sembrare troppo formale. Qualcosa da provare è un'icona di contorno illustrato. Questo stile è facile da inserire in quasi tutti i design, funziona perfettamente con le immagini e qualsiasi combinazione di colori e offre un tema visivo coerente da una pagina all'altra.
Se vuoi fare un passo oltre le icone, pensa agli elementi dell'interfaccia utente sovradimensionati. Iqor , utilizza pulsanti illustrati di dimensioni maggiori per guidare gli utenti e rendere il sito un po 'più divertente. Lo stile illustrato scorre da una pagina all'altra con elementi di grandi dimensioni che utilizzano gli stessi tre pop di colore. Il risultato è divertente e coerente e solo un po 'inaspettato dal settore dell'assistenza clienti.
Lettere disegnate a mano
Un'altra grande tendenza nella progettazione di siti Web è la tipografia personalizzata. Combina i concetti di illustrazione e lettering per un logo disegnato a mano, un blocco di testo principale o un elemento di arte tipografica. Questo visual basato su testo può avere un grande impatto (specialmente quando è sovradimensionato o utilizzato come elemento principale dell'arte nel design).
Il trucco qui è la moderazione. Con lo stile di lettering disegnato a mano, ti conviene attaccare a un singolo blocco di testo o elemento di testo per questo effetto. Gli usi multipli di un blocco di testo personalizzato possono essere schiaccianti per gli utenti e possono avere un impatto sulla leggibilità. È importante assicurarsi che le parole siano ancora abbastanza chiare e che gli utenti non abbiano problemi a comprendere il messaggio.
Entrambi Giorno della morte e Resisti al cancro , fai un ottimo lavoro con le scritte a mano per un semplice messaggio. Day of the Dead utilizza altre illustrazioni, facile tipografia sans serif e foto per aiutare gli utenti a raggiungere il resto del sito. Il risultato finale è divertente e facile da seguire. Stand up to Cancer utilizza più di uno stile acquerello che è basato su tutte le illustrazioni, ma si basa su più caratteri tipografici standard per la leggibilità. Entrambe sono buone opzioni per lavorare con caratteri in stile personalizzato.
Conclusione
Mentre irrompere nel mondo dell'illustrazione per i progetti di progettazione di siti web potrebbe sembrare un po 'intimidatorio all'inizio, è qualcosa che molti designer possono fare. Dal disegno a mano all'assistenza del computer o al lavoro con un kit, le opzioni sono piuttosto illimitate.
È qualcosa su cui pensare quando si tratta di quei progetti che richiedono di fare qualcosa di diverso. Ed è abbastanza di moda che ti potrebbe essere chiesto di creare qualcosa con questo stile. Quindi questo è un buon momento per rinfrescare le tue abilità di disegno e riflettere sui modi in cui un quadro di progettazione di un sito illustrato può funzionare per te.