Una volta evitati dai designer, i cerchi sembrano tornare in voga. La forma perfettamente rotonda - e le sue controparti oblunghe - può essere difficile da lavorare. La forma non si impila così come il rettangolo più standard e crea una sensazione generale molto diversa.
Il cerchio è una forma perfetta, il che significa che è lo stesso indipendentemente da come lo guardi. È completo e in armonia con la natura: considera quanti elementi naturali sono basati su cerchi. Quindi, come designer, come puoi far funzionare le cerchie per te?
Cerchi di base
I cerchi sono familiari e sicuri. Cosa c'è all'interno di un cerchio è protetto? dall'esterno e da ciò che è fuori da un cerchio può essere impedito di avvicinarsi ai contenuti di un cerchio. La forma è interessante e un punto di attrazione.
Queste sono tutte ottime ragioni per considerare l'uso di cerchi nel design. Ma i cerchi possono anche essere difficili da gestire perché possono creare spazi dispari e potrebbero non funzionare bene con altri elementi di design. L'uso di un tema circolare deve essere ben pianificato, progettato ed eseguito.
Oltre al cerchio tradizionale, stiamo anche iniziando a vedere forme più arrotondate in generale nei progetti di design. Forme oblunghe, quasi rettangoli con bordi drammaticamente curvi: tutti questi elementi assumono significati propri. Quindi ci concentreremo sull'anello perfetto e sulla sua recente popolarità nei progetti di design.
Significati dei cerchi
Ci sono molte associazioni collegate alle cerchie. Sono fluidi e collegati al movimento e alla mobilità (pensate alla ruota). Perché i cerchi fanno parte del mondo naturale - la forma della luna, i fiori, i frutti - l'oggetto è considerato reale e rappresenta la vita.
Inoltre le curve di un cerchio possono essere confortanti e associate a energia, potenza, armonia e infinito.
Come designer, siamo tutti abituati a vedere la ruota dei colori, uno dei cerchi più riconoscibili nel mondo del design. Funziona perché combina tutti i tratti sopra descritti per creare un oggetto che comunichi le informazioni in modo semplice, potente e armonioso. I cerchi sono completi e creano enfasi.
Cerchi in Web Design
I cerchi, usati raramente nel web design, stanno diventando un'opzione più popolare. (Anni fa era difficile creare forme arrotondate nei CSS, ma non è più così.) Allora quali sono alcuni attributi di un design di un sito Web che presenta cerchi?
Sono spesso usati in cinque modi:
Come forma o cornice dominante.
Piuttosto che il rettangolo per le immagini, alcuni designer usano cerchi. I cerchi possono anche essere utilizzati per loghi o pulsanti. Mentre un cerchio può creare interesse, può creare un dilemma quando si tratta di ritaglio e spazio. L'immagine si adatta al cerchio? (Le fotocamere non scattare foto.) I cerchi hanno abbastanza spazio per stare in piedi in modo che le immagini non siano confuse? I cerchi come cornici sono più popolari nella progettazione del portfolio, per mostrare una "fetta"? di lavoro senza mostrare il tutto.
Come elementi dell'interfaccia utente.
Un pulsante rotondo è una cosa familiare. Sai spingere (o cliccare) per fare una selezione, rendendo le cerchie una scelta popolare per le chiamate all'azione. Gli elementi circolari dell'interfaccia utente sono più popolari se usati con parsimonia.
Come sfondo
A causa dell'armonia innata associata alla forma, i cerchi sono facili da usare come sfondo. Creano un senso di flusso e calma. Gli sfondi circolari possono anche aiutare a focalizzare l'attenzione sugli elementi che circondano, come un'icona che vive all'interno di un cerchio.
Come strumento di informazione grafica.
I cerchi sono uno strumento comune per mostrare come le cose sono sia diverse che simili sulla base della nozione di dove le forme si sovrappongono. Questo è uno strumento comune per mostrare diversi tipi di dati e informazioni.
Per creare interesse
A volte l'idea dietro l'uso di un cerchio è solo per essere diversa e far emergere qualcosa dal paesaggio affollato. I cerchi sono un ottimo modo per creare interesse visivo. Ma fai attenzione, usare troppi cerchi può creare un aspetto di instabilità o caos perché ogni elemento è implorante di essere visto.
Cerchi negli elementi dell'interfaccia utente
Come strumenti di interfaccia utente, i cerchi sembrano funzionare meglio se utilizzati come parte di uno schema di progettazione minimalista generale. Hanno bisogno di spazio per respirare, essere identificati e avere un senso per gli utenti. Se usato in questo modo, i cerchi possono essere una buona alternativa ad altri tipi di navigazione.
Prendi Gravitate Design, per esempio. I cerchi sono utilizzati per uno scopo distinto: navigare a sinistra e a destra. Tutti gli altri pulsanti sono rettangoli. Ciò che le cerchie fanno qui mostra che interagisci con il sito in un modo diverso da quello che potresti aspettarti. (In questo caso il sito scorre verso l'alto e verso il basso ma anche i pannelli side-to-side.)
Zervice utilizza anche cerchi per pulsanti e navigazione ma in un modo molto diverso. La navigazione a sinistra utilizza? Pulsanti? per farti passare da una pagina all'altra. Inoltre, il sito presenta cerchi per alloggiare tutto il testo su uno sfondo occupato, in modo da sapere esattamente dove mettere a fuoco lo schermo.
Cerchi in App e Mobile Design
Anche i cerchi nelle app possono essere molto divertenti. Attualmente sono dipendente da Centinaia, che è un gioco di nient'altro che cerchi. E il gioco ha un'applicazione pratica per la progettazione con cerchi - hanno bisogno di spazio per lavorare bene. Nel gioco, cerchi di dimensioni diverse si muovono sullo schermo; se toccano, perdi. È la stessa idea con il design. I cerchi hanno bisogno del loro spazio per essere più funzionali.
Tuttavia, l'uso di cerchi su schermi più piccoli può presentare una sfida. Devono essere abbastanza grandi da leggere o vedere con facilità e se un cerchio funge anche da pulsante, deve essere abbastanza grande da poter essere toccato.
Buza utilizza cerchi come pulsanti per le vendite. Sono grandi e isolati, rendendoli un posto facile da cliccare (o toccare).
Cerchi in altri progetti
I cerchi sono anche una scelta popolare per loghi e forme su biglietti da visita.(Questo non è sorprendente dal momento che vediamo molte delle stesse tendenze contemporaneamente nel design digitale e di stampa.)
Gli stessi motivi per l'utilizzo, o l'uso, di cerchi si applicano ai progetti stampati. Ma c'è una considerazione aggiuntiva? stampa. A differenza dei progetti digitali che sono confinati in uno schermo rettangolare, puoi effettivamente creare e progettare per un supporto circolare.
Volantini, adesivi, carte e altri materiali che sono tagliati a forma hanno il valore extra di essere diversi se usati in modo più anticonvenzionale. Questo può portare un'attenzione particolare al progetto.
Basta essere consapevoli di ciò che è all'interno del cerchio. Ricorda che la forma è progettata per contenere qualcosa. Assicurati che la forma, le immagini visive e le parole creino un messaggio unificato. Funziona in modo molto simile all'utilizzo di cerchi come cornici per immagini in progetti digitali.
Conclusione
Quindi, come inizi con le cerchie? Ci sono un sacco di grandi risorse là fuori per aiutarti a immaginare le possibilità, incluso uno dei miei preferiti, Creative VIP.
Creative VIP non solo utilizza molte cerchie nel suo design e nell'interfaccia, ma è anche la porta di accesso a fantastici strumenti per i progettisti. Al momento, puoi trovare fantastiche raccolte di icone circolari, modelli per la progettazione di app con cerchi, modelli di pagina di destinazione con anelli, cursori circolari e persino alcuni badge. (Sono un membro e amo questa risorsa, anche se per niente altro che l'ispirazione.)
Buona fortuna per iniziare con il design circolare!
Fonti di immagine: Life in My Shoes, Project Green, Janko a Warp Speed, We Love to Code e Creative Sweet Business Cards.