När en gång skunnits av designers verkar cirklarna återkomma. Den perfekt runda formen - och dess avlånga motsvarigheter - kan vara svår att arbeta med. Formen staplas inte lika bra som den mer vanliga rektangeln och skapar en mycket annorlunda övergripande känsla.
Cirkeln är en perfekt form, vilket betyder att det är detsamma oavsett hur du tittar på det. Det är komplett och i harmoni med naturen - överväga hur många naturliga element som är cirkelbaserade. Så, som designer, hur kan du få kretsar att fungera för dig?
Grundläggande cirklar
Cirklar är bekanta och säkra. Vad finns i en cirkel är? Skyddad? från utsidan och vad som ligger utanför en cirkel kan begränsas från att komma nära en cirkels innehåll. Formen är intressant och en attraktionspunkt.
Det här är alla bra skäl för att överväga användningen av cirklar i design. Men cirklar kan också vara svåra att hantera eftersom de kan skapa udda utrymmen och kanske inte fungerar bra med andra designelement. Användningen av ett cirkulärt tema måste vara välplanerat, utformat och exekverat.
Förutom den traditionella cirkeln börjar vi också se mer rundade former i allmänhet i designprojekt. Oblong former, nästan rektanglar med dramatiskt krökta kanter - dessa element tar alla egna innebörd. Så vi kommer att fokusera på den perfekta ringen och dess senaste popularitet i designprojekt.
Betydelsen av cirklar
Det finns många föreningar kopplade till cirklar. De är flytande och kopplade till rörelse och rörlighet (tänk på hjulet). Eftersom cirklar är en del av den naturliga världen - månens form, blommor och frukt - objektet anses vara verkligt och representerar livet.
Dessutom kan cirklarna i en cirkel vara tröstande och förknippas med energi, kraft, harmoni och oändlighet.
Som designare är vi alla mycket vana vid att se färghjulet, en av de mest kända cirklarna i designvärlden. Det fungerar eftersom det kombinerar alla egenskaper ovan för att skapa ett objekt som kommunicerar information på ett enkelt, kraftfullt och harmoniskt sätt. Cirklarna är klara och skapar betoning.
Cirklar i webbdesign
Cirklar, som en gång sällan används i webbdesign, blir ett mer populärt alternativ. (År sedan var det svårt att skapa rundade former i CSS, men det är inte längre fallet.) Så vad är några attribut för en bra webbdesign med cirklar?
De används ofta på ett av fem sätt:
Som dominerande form eller ram.
I stället för rektangel för bilder använder vissa konstruktörer cirklar. Cirklar kan också användas för logotyper eller knappar. Medan en cirkel kan skapa intresse kan det skapa ett dilemma när det gäller beskärning och utrymme. Passar bilden inuti cirkeln? (Kameror tar inte runt bilder.) Har cirklarna tillräckligt med utrymme för att stå på egen hand så att bilderna inte jumbles? Cirklar som ramar är mest populära i portföljdesign, för att visa en? Segment? av jobbet utan att visa hela saken.
Som användargränssnitt.
En rund knapp är en välbekant sak. Du vet att du trycker på (eller klickar på) för att göra ett urval, vilket gör cirklar ett populärt val för samtal till handling. Cirkulär UI-element är mest populära när de används sparsamt.
Som bakgrund.
På grund av den medfödda harmonin i samband med formen är cirklar lätt att använda som bakgrundsmönster. De skapar en känsla av flöde och lugn. Cirkulära bakgrunder kan också bidra till att fokusera på de element som de omger, till exempel en ikon som bor i en cirkel.
Som ett grafiskt informationsverktyg.
Cirklar är ett vanligt verktyg för att visa hur sakerna är olika och liknande baserat på tanken på var former överlappar varandra. Detta är ett vanligt verktyg för att visa olika typer av data och information.
Att skapa intresse.
Ibland är hela tanken bakom att använda en cirkel bara för att vara annorlunda och få något att sticka ut från det trånga landskapet. Cirklar är ett bra sätt att skapa visuellt intresse. Men var försiktig, med att använda för många cirklar kan skapa en blick av instabilitet eller kaos eftersom varje element ber om att ses.
Cirklar i användargränssnittet
Som verktyg för användargränssnitt verkar cirklar fungera bäst när de används som en del av ett övergripande minimalistiskt designschema. De behöver plats för andning, identifiering och mening för användarna. När det används på detta sätt kan cirklar vara ett bra alternativ för andra typer av navigering.
Ta Gravitate Design, till exempel. Cirklar används för ett visst syfte - att navigera åt vänster och höger. Alla andra knappar är rektangel. Vad cirklarna gör här visar att du interagerar med webbplatsen på ett annat sätt än du kan förvänta dig. (I det här fallet rullar webbplatsen upp och ner men även paneler sida vid sida.)
Zervice använder också cirklar för knappar och navigering men på ett mycket annat sätt. Vänster navigering använder? Tryckknappar? för att få dig från en sida till nästa. Dessutom innehåller webbplatsen cirklar för att hysa all text mot en upptagen bakgrund, så du vet exakt var på skärmen ska fokusera.
Cirklar i Apps och Mobile Design
Cirklar i appar kan också vara mycket roliga. Jag är för närvarande beroende av hundratals, vilket är ett spel av ingenting annat än cirklar. Och spelet har praktisk tillämpning för att designa med cirklar - de behöver utrymme för att fungera bra. I spelet går cirklar av olika storlekar på skärmen; om de rör sig, förlorar du. Det är samma idé med design. Cirklar behöver sitt eget utrymme för att vara mest funktionella.
Användning av cirklar på mindre skärmar kan dock ge en utmaning. De måste vara stora nog att läsa eller se med lätthet och om en cirkel fördubblas som en knapp måste den vara tillräckligt stor för att knacka på.
Buza använder cirklar som knappar för försäljning. De är stora och isolerade, vilket gör dem till ett enkelt ställe att klicka på (eller knacka).
Cirklar i andra projekt
Cirklar är också ett populärt val för logotyper och former på visitkort.(Det här är inte förvånande eftersom vi ser många av samma trender samtidigt i digital och tryckdesign.)
Samma skäl för att använda eller inte använda cirklar gäller för tryckta projekt. Men det finns ytterligare en övervägning? utskrift. Till skillnad från digitala projekt som är begränsade inom en rektangulär skärm, kan du faktiskt skapa och designa för ett cirkulärt medium.
Reklamblad, klistermärken, kort och annat material som skärs i form har extravärdet att vara annorlunda när de används på ett mer okonventionellt sätt. Detta kan ge extra uppmärksamhet åt projektet vid handen.
Var bara medveten om vad som finns inne i cirkeln. Kom ihåg att formen är utformad för att innehålla något. Se till att formen och visuella bilder och ord alla skapar ett enhetligt meddelande. Det fungerar i stort sett på samma sätt som att använda cirklar som ramar för bilder i digitala projekt.
Slutsats
Så hur börjar du med cirklar? Det finns massor av bra resurser där ute för att hjälpa dig att föreställa dig möjligheterna, inklusive en av mina favoriter, Creative VIP.
Creative VIP använder inte bara många cirklar i design och gränssnitt, det är en gateway till bra verktyg för designers. Just nu kan du hitta bra samlingar av cirkulära ikoner, mallar för appdesign med cirklar, målsidor för målsidor med ringar, runda reglage och till och med några märken. (Jag är medlem och älskar denna resurs, även om det inte är något annat än inspiration.)
Lycka till att börja med cirkulär design!
Bildkällor: Livet i mina skor, Project Green, Janko på Warp Speed, Vi älskar att koda och kreativa söta visitkort.