8 modi per utilizzare icone ed elementi disegnati a mano
Sebbene spesso ci si concentri su elementi di design perfetti per i pixel, non sono adatti a tutto. A volte vuoi qualcosa con un po 'di più ... stravagante. Qualcosa di un po 'più autentico!
Le icone o gli elementi disegnati a mano possono essere la giusta tecnica di progettazione per aggiungere qualcosa di speciale a un progetto. Mentre la maggior parte dei designer non impazzirà con gli elementi che sembrano disegnati a mano, alcuni tocchi possono aggiungere un tocco personale a cui gli utenti sono attratti.
È qualcosa che fa tendenza anche nel web design. Da uno squiggle in un'icona, a un'esperienza completa che è uguale usabilità e arte, gli elementi disegnati a mano sono un'opzione di design popolare. Ecco otto nuovi modi per utilizzare questa tendenza!
Crea separazione
Gli elementi di design disegnati a mano possono essere mescolati e abbinati a quasi tutti i tipi di altri display visivi. Possono lavorare a fianco di foto o video, in un mare di spazi bianchi o vicino ad elementi di testo. Non eliminare il concetto di utilizzare questo tipo di elemento perché hai paura di come potrebbe adattarsi al modello di progettazione generale.
Provalo; non si sa mai.
Digital Visitor utilizza questi elementi in tutto il progetto per creare separazione tra elementi e bit sul contenuto. Mentre gli elementi sulla homepage sono solo punti, ci sono esempi in più punti sotto la pergamena e persino la favicon ha quel tocco disegnato a mano.
Il posizionamento di ciascun elemento è progettato per garantire che l'utente stia guardando il giusto contenuto. Nell'esempio sopra, l'elemento è al centro dello schermo, usato per creare la separazione tra due aree di contenuto. Nella parte inferiore del design, elementi simili sono usati in stile icona su piccole caselle di testo per mostrare ciò che l'azienda fa.
Doodles interattivi
Gli elementi disegnati a mano possono rendere divertenti pezzi interattivi nel design. Dal caricamento delle animazioni - molti degli esempi di siti Web in questo post utilizzano questo stile - a un'esperienza completamente interattiva, questa tecnica di progettazione è abbastanza interessante da suscitare l'interesse dell'utente.
Real Estate Stained Glass è un bell'esempio di gioco interattivo che combina sia la tendenza del design del sito Web sia l'elemento creativo, consentendo agli utenti di colorare i disegni sullo schermo. Ciò che lega questo è mentre l'aspetto è disegnato a mano, gli elementi sono precisi e funzionano senza problemi. La colorazione funziona come dovrebbe - e non scarabocchiare al di fuori delle linee - per un'esperienza che terrà gli utenti agganciati.
Tipografia quasi disegnata
A volte i migliori elementi disegnati a mano non vengono effettivamente tracciati. Gli stili tipografici che imitano la scrittura a mano sono particolarmente popolari, specialmente per scopi di visualizzazione.
Questo tipo di stile ha un aspetto più leggero e gradevole a cui gli utenti possono relazionarsi. (Il trucco è garantire che le lettere siano altamente leggibili.)
Tradewinds Hotel fa un ottimo lavoro con un carattere tipografico semplice e corsivo, abbastanza grande e leggibile da poterlo leggere a colpo d'occhio. Supportare la tipografia è tutto in un semplice stile sans serif, che aiuta ad aggiungere enfasi al carattere tipografico del display e mantiene anche tutto facile da digerire per l'utente.
Design Divots
Alcuni elementi disegnati a mano hanno uno scopo puramente visivo. Esistono per creare un flusso o sentire il design che potrebbe essere difficile da stabilire in altri modi. Questi divots possono essere particolarmente divertenti se usati in posti piccoli in tutto il design.
Mother's Brewing fa proprio questo. C'è il grande cuore sulla homepage - è ovvio. Ma poi ci sono anche piccoli elementi su quasi ogni altra pagina - alcuni ovvi, altri abbastanza nascosti. Ogni pulsante ha tocchi disegnati a mano con il disegno del nastro, gli elementi appaiono sullo sfondo e si sovrappongono agli elementi scorrevoli per riempire lo spazio morto nel disegno. L'effetto complessivo è intelligente e visivamente interessante.
Per impostare l'umore
Gli elementi di design disegnati a mano assumono spesso un tono più leggero e giocoso. Possono dare questo tipo di atmosfera a quasi tutti i progetti e più elementi disegnati a mano utilizzi, più leggero apparirà il progetto.
Signs for Science è un ottimo esempio di come confezionare un design con elementi disegnati a mano per un'estetica divertente, quasi infantile (anche il colore contribuisce). Dalla tipografia alle icone per sottolineare le sottolineature, l'intero concetto ha un mood molto specifico. È creativo, leggero e incoraggia l'interazione dell'utente.
Mostra la creatività
Un concetto di design disegnato a mano può essere una grande opportunità per la progettazione di un sito Web di portfolio perché può enfatizzare la creatività. Questi elementi pongono maggiormente l'attenzione sul processo di progettazione e su come il pensiero e il lavoro che possono andare in un progetto.
(Inoltre, è un modo divertente per allungare quei muscoli creativi.)
The Feebles utilizza elementi disegnati a mano sia per l'immagine principale nel modo sopra e si combina con il logo disegnato a mano in alto a sinistra. (Potresti perdere se non guardi da vicino.)
Per icone o loghi
Poiché questo è uno degli usi più popolari degli elementi disegnati a mano, non era in cima alla lista. (Principalmente per aiutarti a pensare ad altre idee prima di saltare a qualcosa di più comune.)
I tocchi disegnati a mano possono essere un'ottima aggiunta a un'icona o un logo. Dagli squiggles alle forme decentrate o ai cerchi che non sono abbastanza rotondi, l'imperfezione aggiunge carattere e fascino dove gli stili di forma perfetta del computer non possono.
Higher Ground usa lo squiggle per separare le lettere nel logo in stile icona. Lo stile minimale è sorprendente ed efficace e l'elemento disegnato a mano gli conferisce una personalità che una linea retta non trasmetterebbe.
Come effetti animati
Dai vita a un elemento disegnato a mano con l'animazione.
Le immagini disegnate sullo schermo possono essere divertenti da guardare e guardare. Mentre l'ovvio vantaggio per l'utente è l'intrattenimento mentre guardano qualcosa prendere vita, ci sono anche vantaggi per il proprietario del sito Web: maggiore tempo sul sito e potenziale per più conversioni.
Long Story Short utilizza questo concetto sulla homepage. Innanzitutto, disegnando il logo, che utilizza uno stile tipografico disegnato a mano. E poi animandolo in un pacchetto di progetti di design, che si muovono rapidamente e includono più disegni a mano nel processo. L'intero ciclo dura solo un paio di secondi.
Conclusione
Anche se non puoi disegnare, simulare elementi disegnati a mano in progetti di design può aggiungere un tocco personale che gli utenti apprezzano. Dalla tipografia ai giochi al caricamento di animazioni, questi elementi possono mostrare creatività e personalità.
Mentre un elemento disegnato a mano non è per ogni progetto, pensaci la prossima volta che devi alleggerire l'umore o aggiungere un po 'di qualcosa a cui aggrapparti agli utenti. Mantieni l'idea semplice e collegala a un tema che coinvolge tutto il design. E divertiti! Ecco di cosa si tratta questi elementi.
