Share
Il riemergere delle scritte a mano ha preso il sopravvento su Instagram e lo ha reso di nuovo un'abilità ricercata. La vasta gamma di stili diversi consente alla tecnica di essere incredibilmente versatile e di considerare il design utile. L'uso di un'enorme quantità di logo (Pinterest, Montage) e titoli di pagina (The Boxtrolls, World Baking Day) ha dimostrato la sua rilevanza per i media digitali.
http://worldbakingday.comAnche se spesso appare semplice, le scritte a mano possono essere un compito complesso, ancor più quando lo si applica al web design reattivo. Con questo in mente, ho messo insieme alcune considerazioni per aiutarti a decidere quando il lettering a mano è appropriato, e come usarlo al massimo potenziale.
Cerca le scritte a mano su Pinterest per fasce di ispirazioneUna buona scrittura a mano sembra semplice e divertente, ma prima di impegnarti a includerla nel tuo progetto web, poniti queste domande: si adatta al marchio? La scala dell'iscrizione o l'orientamento cambieranno? La leggibilità sarà mantenuta? C'è abbastanza contrasto tra luce / buio, spazio positivo / negativo, quindi i personaggi sono distinguibili su una scala più piccola? Ciascuna di queste domande dovrebbe essere considerata durante il processo di progettazione.
Prima di iniziare un progetto, mi piace elencare le parole chiave che rappresentano il marchio e la messaggistica che sto cercando di trasmettere. Possiamo fare lo stesso con le scritte a mano per vedere se la tecnica si sovrappone al marchio. Ecco il mio elenco di parole chiave scritte:
Dal momento che ci sono molti stili diversi di lettering a mano, non tutti questi termini verranno applicati, ma se alcuni di essi descrivono il tuo marchio, puoi passare alla fase successiva del tuo processo..
Recess Ice Cream utilizza scritte a mano che corrispondono al loro logoSupponendo che tu desideri che il tuo testo sia reattivo, dovrai scegliere se rendere il tuo testo scalabile, o cambiare l'orientamento per adattarlo alle diverse dimensioni dello schermo. La scalabilità può creare transizioni omogenee tra le varie dimensioni dello schermo, ma a seconda della complessità e del peso del lettering, un cambiamento di orientamento può favorire uno schermo più piccolo a fini di leggibilità.
The Girl + The Bull usa le scritte a mano sul loro sito web reattivoA meno che tu non stia usando l'illeggibilità per fare un punto, devi sempre assicurarti che il tuo pubblico possa leggere il tuo lettering a mano o il carattere decorativo. Una parola che richiede più di tre secondi per leggere dovrebbe probabilmente essere regolata per renderla più chiara. Fai un passo indietro dal tuo lavoro e socchiudi gli occhi. Puoi ancora leggerlo? Uno degli elementi più facili da guardare è il contrasto. C'è contrasto nell'ombra dei colori usati? Dovrebbe esserci? Ancora più importante, c'è contrasto tra e dentro le forme delle lettere? Un modo rapido per migliorare la leggibilità è regolando il peso e la crenatura tra le lettere.
I titoli di Vintage Hope sono pesanti e grandi, con un forte contrasto con lo sfondoEsistono diversi modi per implementare le scritte a mano sul web. Avrai bisogno di decidere tra l'uso di immagini bitmap, SVG o caratteri web e che soddisferà meglio le tue esigenze e quelle dei tuoi clienti. Per aiutarti a scegliere, controlla i pro e i contro di ciascuno di seguito.
Se hai creato caratteri a mano personalizzati, un'immagine è un'opzione semplice, soprattutto se sei un principiante. Uno dei principali problemi con le immagini è che i robot non possono leggerli. Se hai intenzione di andare con un'immagine, assicurati che il testo sia meno importante e non necessario per la SEO.
Gli SVG stanno rapidamente diventando lo standard del settore per la grafica vettoriale sul web. Oltre ad essere fantastici per la reattività, gli SVG possono essere ulteriormente personalizzati tramite CSS e JavaScript, sia nell'aspetto che nell'animazione. Leggi i file SVG per ulteriori informazioni.
Con il sempre crescente numero di caratteri web disponibili, c'è una vasta selezione di caratteri decorativi che danno l'illusione di scritte a mano. Se stai cercando una soluzione rapida, o qualcosa che sia semplicemente più facile da mettere insieme, i font web sono la strada da percorrere.
Di seguito sono riportati alcuni siti Web che ho trovato che usano le scritte a mano in modo appropriato.
Su questo sito web, sia il logo che la parola illustrativa "perfetto" creano un piacevole contrasto con le foto scure e intense. Le foto mostrano l'alta qualità del cibo che il ristorante utilizza e crea, mentre le scritte a mano ci informano della loro atmosfera più informale. Il peso più pesante di "perfetto" gli consente di scalare bene e mantenere la leggibilità. Questo esempio usa un'immagine per il loro lettering a mano.
Winshape Camps imita lo stile delle scritte a mano con un font (caro Joe Hannes) per le dichiarazioni di impatto. Le imperfezioni del font (notare come ogni 'f' è diversa a seconda della legatura?) È ciò che lo rende più efficace: umano e disordinato, proprio come il campo.
Un altro sito web relativo al cibo, puoi vedere che le scritte a mano sono comunemente usate in questo settore. L'essenza di "fatto in casa" viene catturata attraverso parole che sembrano scritte da un umano, piuttosto che da una macchina. Ricordando una carta ricetta scritta a mano, si può a malapena dire che è stato usato un font (Art) piuttosto che caratteri personalizzati.
Mentre stai pianificando il tuo progetto web, ci sono tre domande che dovresti porre quando l'iscrizione a mano è una considerazione:
La revisione di queste domande sia prima che durante il flusso di lavoro consentirà al tuo lettering di essere più efficace ed efficiente.
Accentsconagua