Quel look abbozzato: tendenze, suggerimenti e strumenti per l'utilizzo di Doodles nel design

È sempre divertente immergersi davvero in una tendenza di design popolare e vedere chi lo sta facendo, come funziona, cosa comunica e come puoi provarlo da solo.

Resta con noi mentre facciamo esattamente questo con quei disegni di doodle alla moda che vedi in tutto il web in questo momento.

Esplora Envato Elements

Individuazione di tendenza

Una delle mie sfaccettature preferite nello studio del design è la ricerca e l'analisi di tendenze diffuse. Adoro prendere in considerazione le decisioni di progettazione collettiva di determinate generazioni, sedi o altri gruppi e ciò che li ha spinti verso l'accettazione e il rifiuto di alcune idee.

C'è molto di più oltre alla psicologia, mi piace anche esaminare i dettagli su come realizzare lo stile generale che questi designer stanno implementando.

Pensare alle tendenze del design ti aiuta a espandere i tuoi orizzonti come designer. A volte ti dà un'idea di nuove idee, altre volte ti aiuta a identificare tattiche abusate che dovresti evitare! In entrambi i casi, beneficerai di prestare attenzione al mondo che ti circonda e a ciò che è attualmente popolare da una prospettiva visiva.

Prestare particolare attenzione a notare caratteri su cartelloni pubblicitari, annunci pubblicitari, siti Web e insegne di finestre di fast food. Pensa a quale tipo di designer di fotografia in determinati settori gravita verso. Tutte queste informazioni hanno un modo per essere archiviate tranquillamente nella parte posteriore del cervello e riemergere quando apri Photoshop e fissi quella tela bianca.

Oggi daremo uno sguardo a una tendenza che ho iniziato e più recentemente. Non è affatto una novità, ma per qualsiasi motivo, sembra essere il preferito dai designer attuali.

Disegno abbozzato

Una tendenza che ha preso piede diversi anni fa che ha visto improvvisamente un po 'di rinascita è l'uso di opere d'arte di base di base come elemento di design primario.

Questo può e prende molte forme, ma il tipo di cui sto parlando è un disegno a tratteggio di cartoni animati a fedeltà molto bassa che quasi chiunque potrebbe creare. Questa è una grande notizia per chiunque cerchi di ricreare questo look perché puoi finalmente abbracciare il fatto che le tue abilità di disegno fanno schifo!

Esempi

Diamo una rapida occhiata al Web per vedere i tipi di design di cui sto parlando e quali modelli emergono.

Doodles di sfondo denso

Un uso popolare del semplice aspetto dello schizzo è l'uso delle illustrazioni come trama di sfondo. Questo di solito assume la forma di illustrazioni e testi densi, che vengono spesso proiettati su un'opacità ridotta.

Si noti come entrambi questi esempi utilizzano gli elementi di schizzo sia in background che in primo piano. Ancora una volta, la separazione viene mantenuta attraverso semplici opacità e differenze di colore.

animazioni

È interessante notare che in quasi ogni singolo esempio in cui mi sono imbattuto, inclusi i due già utilizzati, le animazioni sono state utilizzate insieme agli elementi di sketch.

La natura delle animazioni è in genere abbastanza semplice e non esattamente materiale da cartone animato del sabato mattina. La struttura di base delle illustrazioni rimane statica, ad esempio, nessun personaggio agita le braccia o qualcosa di così complesso. Invece, gli elementi vengono semplicemente spostati sulla pagina o ruotati in modo da apparire più dinamici.

Dato che siamo così abituati a vedere le illustrazioni animate, questo tipo di design si presta molto bene all'animazione di base. Dopo aver completato l'implementazione dei tuoi schizzi, aggiungi un po 'di magia jQuery o CSS per aggiungere un po' di interesse alla pagina.

Frecce e tipo

L'uso più basilare dell'aspetto abbozzato che ho visto è l'aggiunta di frecce e / o testo abbozzati proprio su quello che altrimenti sarebbe un web design molto tipico.

Invece di basare l'intero design su un aspetto abbozzato, questi designer usano illustrazioni di base per violare l'estetica consolidata e attirare la vostra attenzione su aree chiave.

Aggiunta di un'altra dimensione

La moda di schizzo è spesso portata ancora più in là con l'aggiunta di elementi tridimensionali. Tieni presente che lo stile generale a bassa fedeltà e la natura frettolosamente disegnata dello schizzo rimane costante, la natura dello schizzo è solo più realistica nella sua profondità e prospettiva.

Che cosa sta comunicando?

Prima di entrare in alcuni semplici modi per implementare questo stile nei tuoi progetti, è fondamentale considerare le implicazioni di tale azione.

Ogni volta che prendi una decisione di design estetico, stai comunicando alcune cose ai tuoi visitatori, che tu lo voglia o no. Ad esempio, questo stile particolare è di natura molto amichevole. Comunica un'atmosfera molto informale che è accogliente e non troppo seria.

concetti

Queste illustrazioni in genere sembrano sciocche e giocose, ma possono anche essere utilizzate per comunicare idee come innovazione (spesso abbozziamo le nostre idee), ingredienti completamente naturali o una sorta di iniziativa verde, creatività (le aziende di design usano questo metodo frequentemente) o addirittura uno stile di vita eccitante e spigoloso.

Semplicemente non puoi evitarlo, gli schizzi di tovaglioli da cocktail non diranno mai "pulito e aziendale" o "serio e professionale", se il tuo obiettivo è creare uno di questi stili, quindi dovresti cercare altrove un tema visivo.

Risorse gratuite

Ora che abbiamo esaminato dove e come viene utilizzato questo stile di design e ciò che comunica in modo efficace, è tempo di capire come ricrearlo.

Come con qualsiasi stile di design popolare, ci sono tonnellate e tonnellate di risorse gratuite che possono farti risparmiare un sacco di lavoro. Incoraggio sempre a progettare da zero quando hai tempo, ma ammettiamolo, le scadenze rigide parlano più delle buone intenzioni.

Caratteri

Ci sono tonnellate di font gratuiti disegnati là fuori, qui ci sono alcuni candidati notevoli che dovresti controllare. Ciascuno rappresenta uno stile significativamente diverso di tipo abbozzato.

pointy
Pointy è sicuramente uno dei caratteri abbozzati più popolari grazie alla sua natura 3D. Questo è sia bene che male. Da un lato, è probabilmente esattamente quello che stai cercando, dall'altro è piuttosto abusato.

VAG-HandWritten
Un carattere scarabocchiato a mano decentemente credibile che è perfetto per quando si desidera accoppiarsi con l'aspetto della freccia disegnata che abbiamo visto sopra.

Idolwild
Tendo ad amare i serif di lastre, eccone uno bello abbozzato con un'atmosfera decisamente comica.

Bravo cane
Ecco un'opzione decente per quando hai bisogno di un carattere più audace. I caratteri in grassetto scritti a mano possono essere piuttosto brutti, quindi assicurati di afferrare quelli buoni che trovi subito.

Ora, questi caratteri sono imprecisi ma ancora basati sulla tipografia. Tieni presente che, in alternativa ai pennelli di seguito, puoi trovare alcuni caratteri decenti di doodle se guardi abbastanza duramente. Dai un'occhiata a Tombats 7 e 2Peas GGs Love Me per iniziare.

Spazzole

Se vuoi risparmiare un po 'di tempo eliminando tutti quegli scarabocchi, ecco alcuni pennelli di schizzo pre-realizzati per Photoshop.

School Dayz Sketches Brushes

Set di pennelli 45 - HandmadeDoodles

D9 Creative Doodles

Simpatici pennelli a caso

Spazzole freccia Doodle

Frecce Doodle Spazzole

App per creare i tuoi Doodles

Le risorse sopra sono buone, ma lo stile di queste illustrazioni è così semplice che non dovresti avere problemi a creare opere d'arte da zero se hai tempo. Tuttavia, disegnare con il mouse non è quasi mai divertente, quindi è necessario un sistema migliore per generare la grafica.

Il modo in cui la vecchia scuola è ovviamente quello di prendere un po 'di carta e una matita, ma scansionare le opere d'arte è un dolore. Se vuoi seguire il percorso di fascia alta, niente è meglio di un touchscreen Wacom o di un'altra tavoletta grafica dedicata. Sfortunatamente, molti di noi non hanno il budget per esaurirsi e acquistare una tavoletta grafica solo perché siamo troppo pigri per scansionare uno schizzo. Fortunatamente, c'è un'alternativa più facilmente disponibile.

In questi giorni, sebbene la maggior parte di noi abbia già almeno un dispositivo touchscreen in giro. Prendi uno stilo da $ 8 e il tuo iPhone e iPad diventano fantastici strumenti di disegno digitale. Ecco alcune app da verificare.

Adobe Ideas

Ideas è l'app ideale per questo tipo di lavoro e dovrebbe sicuramente essere dove inizi la tua ricerca. È semplicissimo, gratis $ 5, 99 ed esporta PDF vettoriali che puoi prendere direttamente in Illustrator per ulteriori manipolazioni.

Sketchbook Pro

Sketchbook Pro è uno strumento di disegno serio perfetto per creare sia scarabocchi semplici che opere d'arte altamente realistiche. Assicurati anche di controllare la versione per Mac.

LiveSketch HD

Quando voglio creare qualcosa di veramente unico, è qui che mi giro. È un'app bizzarra che sembra di lavorare con una matita più della maggior parte degli altri. O lo amerai o lo odierai, ma per soli $ 2, ti consiglio vivamente di provarlo.

Passare al 3D

Se stai cercando di creare uno schizzo 3D come quello mostrato all'inizio di questo articolo, non guardare oltre l'app gratuita Google SketchUp. Puoi eliminare un modello 3D di base in pochi minuti e convertirlo istantaneamente in uno dei tanti stili abbozzati incorporati.

Per ulteriori informazioni, consulta il nostro recente tutorial sulla progettazione di una mappa 3D della città

Conclusione

Questo articolo dovrebbe fornirti tutto ciò che devi sapere sui semplici scarabocchi nel design. Abbiamo iniziato guardando alcuni siti live che utilizzano questa tecnica e abbiamo trovato alcune idee e suggerimenti solidi per implementarli. Quindi abbiamo esaminato alcuni caratteri e pennelli che possono aiutarti a realizzare questo look con poco o nessun sforzo e abbiamo finito con alcune app che ti aiuteranno a creare la tua grafica in questo stile.

Lascia un commento con un link a qualsiasi lavoro che hai visto in questo stile. Vogliamo vederlo!

© Copyright 2024 | computer06.com