Progettare con le cerchie: suggerimenti e consigli
Una volta evitati dai designer, i cerchi sembrano tornare. La forma perfettamente rotonda - e le sue controparti oblunghe - possono essere difficili da lavorare. La forma non si sovrappone così come il rettangolo più standard e crea una sensazione generale molto diversa.
Il cerchio ha 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 sul cerchio. Quindi, come designer, come puoi far funzionare le cerchie per te?
Cerchi di base
I cerchi sono familiari e sicuri. Ciò che è all'interno di una cerchia è "protetto" dall'esterno e ciò che è all'esterno di una cerchia può essere impedito di avvicinarsi al contenuto di una cerchia. La forma è interessante e un punto di attrazione.
Questi sono tutti ottimi motivi per considerare l'uso dei cerchi nel design. Ma i cerchi possono anche essere difficili da gestire perché possono creare spazi strani 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 forme 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
Esistono molte associazioni collegate alle cerchie. Sono fluidi e collegati al movimento e alla mobilità (pensa alla ruota). Poiché 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 all'energia, al potere, all'armonia e all'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 per creare un oggetto che comunica informazioni in modo semplice, potente e armonioso. I cerchi sono completi e creano enfasi.
Cerchi nel Web Design
Le cerchie, un tempo utilizzate raramente nel web design, stanno diventando un'opzione più popolare. (Anni fa era difficile creare forme arrotondate nei CSS, ma non è più così.) Quindi quali sono alcuni attributi di un fantastico design di un sito Web che include cerchi?
Sono spesso utilizzati in uno dei cinque modi:
Come una forma o cornice dominante.
Invece del rettangolo per le immagini, alcuni designer utilizzano i cerchi. I cerchi possono anche essere usati 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 scattano foto rotonde.) I cerchi hanno abbastanza spazio per stare da soli in modo che le immagini non vengano 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 fare clic) per effettuare una selezione, rendendo le cerchie una scelta popolare per gli inviti all'azione. Gli elementi dell'interfaccia utente circolare sono più popolari se usati con parsimonia.
Come sfondo.
A causa dell'innata armonia associata alla forma, i cerchi sono facili da usare come motivo di sfondo. Creano un senso di flusso e calma. Gli sfondi circolari possono anche aiutare a mettere a fuoco gli 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 del concetto di sovrapposizione delle forme. Questo è uno strumento comune per mostrare diversi tipi di dati e informazioni.
Per creare interesse.
A volte l'idea che sta dietro l'uso di un cerchio è solo quella di essere diversi e far risaltare qualcosa dal paesaggio affollato. Le cerchie sono un ottimo modo per creare interesse visivo. Ma fai attenzione, l'uso di troppi cerchi può creare un aspetto di instabilità o caos perché ogni elemento chiede 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 dare un senso agli utenti. Se utilizzati in questo modo, i cerchi possono essere una valida alternativa ad altri tipi di navigazione.
Prendi Gravitate Design, per esempio. I cerchi vengono utilizzati per uno scopo distinto: navigare a sinistra e a destra. Tutti gli altri pulsanti sono rettangolari. Quello che fanno le cerchie qui è mostrare che interagisci con il sito in un modo diverso da quello che potresti aspettarti. (In questo caso il sito scorre su e giù, ma anche pannelli lateralmente.)
Zervice utilizza anche cerchi per pulsanti e navigazione, ma in un modo molto diverso. La navigazione a sinistra utilizza i "pulsanti" per passare da una pagina all'altra. Inoltre, il sito presenta cerchi per ospitare tutto il testo su uno sfondo occupato, in modo da sapere esattamente su quale punto dello schermo mettere a fuoco.
Cerchie in App e Mobile Design
Anche le cerchie nelle app possono essere molto divertenti. Al momento sono dipendente da centinaia, che è un gioco che non è altro che cerchi. E il gioco ha un'applicazione pratica per la progettazione con cerchi: hanno bisogno di spazio per funzionare bene. Nel gioco, cerchi di diverse dimensioni si muovono sullo schermo; se si toccano, perdi. È la stessa idea con il design. I cerchi hanno bisogno del proprio spazio per essere più funzionali.
L'uso delle cerchie su schermi più piccoli può rappresentare 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 toccare.
Buza utilizza i cerchi come pulsanti per le vendite. Sono grandi e isolati, il che li rende un luogo facile da cliccare (o toccare).
Cerchi in altri progetti
Le cerchie sono anche una scelta popolare per loghi e forme sui biglietti da visita. (Questo non è sorprendente poiché vediamo molte delle stesse tendenze contemporaneamente nel design digitale e della stampa.)
Le stesse ragioni per usare o non usare i cerchi si applicano ai progetti stampati. Ma c'è un'ulteriore considerazione ... la stampa. A differenza dei progetti digitali confinati all'interno di uno schermo rettangolare, è possibile effettivamente creare e progettare per un supporto circolare.
Volantini, adesivi, carte e altri materiali tagliati a forma hanno il valore extra di essere diversi se usati in modo non convenzionale. Questo può portare ulteriore attenzione al progetto in questione.
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 tutte un messaggio unificato. Funziona in modo molto simile all'utilizzo dei cerchi come cornici per le immagini nei progetti digitali.
Conclusione
Quindi, come iniziare con le cerchie? Ci sono un sacco di grandi risorse là fuori per aiutarti a immaginare le possibilità, tra cui uno dei miei preferiti, Creative VIP.
Creative VIP non solo utilizza un sacco di cerchi nel suo design e nella sua interfaccia, ma è anche un gateway per grandi strumenti per i designer. In questo momento, puoi trovare grandi collezioni di icone circolari, modelli per la progettazione di app con cerchi, modelli di pagine di destinazione utilizzando anelli, cursori rotondi e persino alcuni badge. (Sono un membro e amo questa risorsa, anche se per nient'altro che ispirazione.)
Buona fortuna per iniziare con il design circolare!
Fonti di immagine: Life in My Shoes, Project Green, Janko at Warp Speed, We Love to Code e Creative Sweet Business Cards .
