Sembra un concetto così semplice, ma questa tendenza sta appena iniziando a decollare. I progettisti stanno permettendo alla tipografia di attraversare i piani tra gli elementi.
La tendenza è esemplificata dal tipo che inizia in una parte della tela e poi si estende nello spazio di qualcos'altro, come la sovrapposizione di una parte di una foto o l'invadenza di un'altra casella o immagine colorata. La tecnica di stratificazione è interessante e può contribuire ad aggiungere un po 'di creatività a un design in vari modi. Ecco uno sguardo più da vicino ai modi di usare la tipografia negli spazi condivisi.
Identifica la tendenza
La tipografia negli spazi condivisi è una tendenza del web design che è abbastanza facile da identificare. (Puoi anche provare questo in progetti non web, come poster o cartoline.) La caratteristica chiave è che il tipo, o gli elementi correlati, sembrano attraversare più livelli o piani nella progettazione.
Mentre l'idea è che stai cercando la tipografia in spazi condivisi, la tendenza può applicarsi a quasi tutti gli elementi di design che attraversano uno spazio che sembra riservato a qualcos'altro. È spesso presentato come un'estensione del design dello schermo diviso.
L'elemento che attraversa i piani può essere abbastanza ovvio, come molti degli esempi di tipografia sottostanti o più sottili. Guarda l'immagine di Hometown Trolley, sopra. Il tratto si estende dal tipo per tirare l'occhio dall'immagine del carrello al titolo principale. Uno sguardo più attento rivela che parte del carrello esce dal suo sfondo sulla parte dello schermo progettata per elementi di tipo.
Ciò che questa tendenza fa - se ben progettato - è aiutare a guidare l'utente attraverso gli elementi. Con un design diviso ci sono due cose distinte da guardare, la condivisione dello spazio aiuta a guidare l'utente verso parti importanti del design. L'altro vantaggio dal punto di vista del design è che la creazione di più spazi può rendere più facile contenere elementi di testo: pensate al design come a due carte giganti, con uno strato in cima che le collega.
Mix foto e tipografia
La tipografia negli spazi condivisi funziona magnificamente con foto forti. Molti designer utilizzano questa tendenza con immagini orientate verticalmente (qualcosa che non viene usato spesso a causa della natura delle proporzioni dello schermo).
La condivisione dello spazio è un ottimo modo per utilizzare queste forme in modo diverso pur continuando a creare un impatto visivo. Le scritte possono incrociare tra l'immagine e gli spazi bianchi o possono semplicemente leggere tra gli spazi, come nell'esempio sopra.
Ciò che è intelligente nella tipografia e nella messaggistica di The Square Apartments è che le parole possono essere lette da sole e quasi in formato schermo condiviso o attraverso i pannelli per un messaggio più completo, ma di messaggistica.
L'altra cosa che è bella di questa opzione è che può essere un po 'meno difficile scegliere un colore del testo perché lasciare che non stia attraversando più sfondi. Questa potrebbe essere la variante più semplice della tipografia negli spazi condivisi da provare.
Prova Grassetto
Questa tendenza è drammaticamente bella con scritte che attraversano pannelli nel design e utilizza un carattere tipografico interessante in un modo grandioso. L'enfasi aggiunta sul carattere tipografico perché si sovrappone su più spazi evidenzia le parole e crea un punto focale nel design.
Affinché funzioni in modo efficace, avrai bisogno di un po 'di messaggistica - i titoli lunghi risulteranno straordinari, un'interessante selezione di caratteri e una coppia di immagini e sfondi con una colorazione simile, in modo tale che il testo sia facilmente leggibile su tutta la tela.
Nella maggior parte dei casi, scegli lettere bianche o nere sullo sfondo. Questo è un progetto piuttosto complesso da digerire per gli utenti, anche se potrebbe sembrare piuttosto semplice, e la leggibilità dovrebbe essere una preoccupazione primaria.
Tipo di strato con colore
Non c'è niente da dire che la tipografia debba condividere uno spazio con le immagini per usare questa tendenza. Può funzionare ugualmente bene quando non hai alcuna immagine.
Mescola e abbina scatole colorate, forme geometriche e diverse opzioni di tipografia per creare strati con stile.
Startup Lab, sopra, fa un affascinante lavoro di abbinamento di blocchi colorati con tipo che ha ignorato i bordi per creare molti livelli interessanti. L'ombreggiatura accurata delle parole grandi fornisce un bel punto di riferimento visivo e contrasta piacevolmente con gli stili di tipo secondario più semplici e diretti.
Aggiungi un suggerimento di animazione
Solo perché stai usando la tendenza dello spazio condiviso, non significa che devi rinunciare ad altre mode. Aggiungi un pizzico di animazione per gli elementi dell'interfaccia utente o gli elementi di navigazione per incoraggiare gli utenti a fare clic intorno al design.
Il movimento sottile può anche aiutare a creare la messa a fuoco se il design si sente un po 'occupato.
Nel disegno sopra, il piccolo logo circolare gira lentamente. Funziona quasi per centrare il design, che ha un layout quasi asimmetrico. Riempie gli spazi intrappolati tra il lettering e l'immagine in modo che il design complessivo sia completo ed equilibrato. Inoltre l'animazione ti porta direttamente al branding della pagina.
Keep It Simple
È un tema ricorrente qui a Design Shack, ma questa tendenza funziona al meglio quando la si mantiene semplice. Anche se può richiedere molto tempo e potrebbe sembrare complicato creare un design efficace con la tipografia o altri elementi in spazi condivisi, il risultato finale dovrebbe apparire semplice e senza soluzione di continuità.
Se non sei sicuro di dove cominciare, prova un framework minimale. Uno sfondo bianco con caratteri neri, come Melville, sopra, può mettere a fuoco le immagini colorate. (Le linee pulite sono sempre di moda).
Concentrati sul flusso visivo con questo tipo di modello di progettazione. Pensa a quali parti del design sono più importanti per gli utenti, quindi fai clic su. Livelli lo sfondo, le immagini e le scritte per attirare gli utenti attraverso questo flusso in modo che l'ultima cosa che vedono in una progressione naturale sia l'azione successiva. (Nel caso del disegno sopra, gli utenti hanno due scelte: fare clic sul collegamento o scorrere.)
Conclusione
Creare un design con la tipografia in spazi condivisi è un tocco moderno di tecniche di design piuttosto tradizionali. Offre un'opzione per aiutare i progettisti a evidenziare le immagini con ritagli di forme che vengono spesso dimenticate o progettare un'opzione in grassetto senza immagini.
Concentrati su caratteri solidi e leggibili che incrociano bene gli schemi per sfruttare al meglio questa tendenza. Considera il flusso di utenti e inviti all'azione? e divertiti!