Von Designern gemieden, scheinen Kreise ein Comeback zu erleben. Mit der perfekt runden Form und den länglichen Gegenstücken kann es schwierig sein, damit zu arbeiten. Die Form lässt sich nicht so gut stapeln wie das Standard-Rechteck und erzeugt ein völlig anderes Gesamtgefühl.
Der Kreis ist eine perfekte Form, dh er ist gleich, egal wie Sie ihn betrachten. Es ist vollständig und im Einklang mit der Natur - bedenken Sie, wie viele natürliche Elemente kreisförmig sind. Wie können Sie als Designer also Kreise für Sie arbeiten lassen?
Grundkreise
Kreise sind vertraut und sicher. Was ist innerhalb eines Kreises? Ist geschützt? von außen und was sich außerhalb eines Kreises befindet, kann eingeschränkt werden, um sich dem Inhalt eines Kreises zu nähern. Die Form ist interessant und ein Anziehungspunkt.
Dies sind alles gute Gründe, um die Verwendung von Kreisen in der Gestaltung in Betracht zu ziehen. Kreise können jedoch auch schwer zu handhaben sein, da sie ungewöhnliche Räume schaffen können und möglicherweise nicht gut mit anderen Designelementen zusammenarbeiten. Die Verwendung eines kreisförmigen Themas muss gut geplant, entworfen und ausgeführt werden.
Neben dem traditionellen Kreis sehen wir in Designprojekten generell auch abgerundete Formen. Längliche Formen, beinahe Rechtecke mit dramatisch gekrümmten Kanten - all diese Elemente haben ihre eigene Bedeutung. Wir werden uns daher auf den perfekten Ring und seine jüngste Beliebtheit in Designprojekten konzentrieren.
Bedeutungen von Kreisen
Es gibt viele Assoziationen, die mit Kreisen verbunden sind. Sie sind fließend und hängen mit Bewegung und Mobilität zusammen (denken Sie an das Rad). Da Kreise ein Teil der natürlichen Welt sind - die Form des Mondes, der Blumen und der Früchte -, gilt das Objekt als real und repräsentiert das Leben.
Außerdem können die Kurven eines Kreises tröstlich sein und werden mit Energie, Kraft, Harmonie und Unendlichkeit in Verbindung gebracht.
Als Designer sind wir alle daran gewöhnt, das Farbrad zu sehen, einen der bekanntesten Kreise in der Designwelt. Es funktioniert, weil es alle oben genannten Merkmale kombiniert, um ein Objekt zu schaffen, das Informationen auf einfache, kraftvolle und harmonische Weise übermittelt. Kreise sind komplett und setzen Akzente.
Kreise im Webdesign
Kreise, die früher selten im Webdesign verwendet wurden, werden immer beliebter. (Vor Jahren war es schwierig, abgerundete Formen in CSS zu erstellen, aber das ist nicht mehr der Fall.) Was sind also einige Attribute eines großartigen Website-Designs mit Kreisen?
Sie werden häufig auf fünf Arten verwendet:
Als dominante Form oder Rahmen.
Anstelle eines Rechtecks für Bilder verwenden einige Designer Kreise. Kreise können auch für Logos oder Schaltflächen verwendet werden. Während ein Kreis Interesse erzeugen kann, kann er beim Beschneiden und beim Platzieren ein Dilemma schaffen. Passt das Bild in den Kreis? (Kameras machen keine runden Fotos.) Haben die Kreise genügend Platz, um alleine zu stehen, damit die Bilder nicht durcheinander geraten? Kreise als Rahmen sind im Portfolio-Design am populärsten, um ein "Slice" zu zeigen. der Arbeit ohne das Ganze zu zeigen.
Als Benutzeroberflächenelemente.
Ein runder Knopf ist eine bekannte Sache. Sie können es drücken (oder klicken), um eine Auswahl zu treffen, wodurch Kreise zu einer beliebten Wahl für Handlungsaufforderungen werden. Kreisförmige UI-Elemente sind am beliebtesten, wenn sie sparsam verwendet werden.
Als hintergrund.
Aufgrund der angeborenen Harmonie der Form lassen sich Kreise leicht als Hintergrundmuster verwenden. Sie schaffen ein Gefühl von Fluss und Ruhe. Kreisförmige Hintergründe können auch dazu beitragen, die Elemente, die sie umgeben, zu fokussieren, beispielsweise ein Symbol, das sich in einem Kreis befindet.
Als grafisches Informationswerkzeug.
Kreise sind ein übliches Werkzeug, um zu zeigen, wie sich Dinge unterscheiden und ähnlich sind, basierend auf der Vorstellung, wo sich Formen überlappen. Dies ist ein allgemeines Werkzeug zum Anzeigen verschiedener Arten von Daten und Informationen.
Interesse schaffen.
Manchmal besteht die ganze Idee hinter einem Kreis nur darin, etwas von der überfüllten Landschaft abzuheben. Kreise sind eine großartige Möglichkeit, visuelles Interesse zu schaffen. Seien Sie jedoch vorsichtig, wenn Sie zu viele Kreise verwenden, kann dies zu Instabilität oder Chaos führen, da jedes Element darum bittet, gesehen zu werden.
Kreise in Benutzeroberflächenelementen
Als Werkzeuge für die Benutzeroberfläche scheinen Kreise am besten zu funktionieren, wenn sie als Teil eines insgesamt minimalistischen Designschemas verwendet werden. Sie brauchen Raum zum Atmen, müssen identifiziert werden und sind für die Benutzer sinnvoll. Auf diese Weise können Kreise eine gute Alternative zu anderen Navigationsarten darstellen.
Nehmen Sie zum Beispiel Gravitation Design. Kreise werden für einen bestimmten Zweck verwendet - zum Navigieren nach links und rechts. Alle anderen Schaltflächen sind rechteckig. Was die Kreise hier tun, zeigt, dass Sie mit der Site auf eine andere Art und Weise interagieren, als Sie vielleicht erwarten. (In diesem Fall scrollt die Site nach oben und unten, aber sie wird auch von einer Seite zur anderen Seite angezeigt.)
Zervice verwendet auch Kreise für Schaltflächen und Navigation, jedoch auf eine ganz andere Art und Weise. Linke Navigation verwendet? Tasten? um Sie von einer Seite zur nächsten zu bringen. Darüber hinaus enthält die Site Kreise, in denen der gesamte Text vor einer geschäftigen Kulisse untergebracht wird, sodass Sie genau wissen, wo auf dem Bildschirm der Fokus liegt.
Kreise in Apps und Mobile Design
Kreise in Apps können auch viel Spaß machen. Ich bin momentan süchtig nach Hundreds, was ein Spiel ist, das nur aus Kreisen besteht. Und das Spiel kann praktisch mit Kreisen gestaltet werden - es braucht Platz, um gut zu funktionieren. Im Spiel bewegen sich Kreise unterschiedlicher Größe auf dem Bildschirm. Wenn sie sich berühren, verlieren Sie. Mit Design ist es die gleiche Idee. Kreise benötigen ihren eigenen Raum, um möglichst funktional zu sein.
Die Verwendung von Kreisen auf kleineren Bildschirmen kann jedoch eine Herausforderung darstellen. Sie müssen groß genug sein, um mit Leichtigkeit lesen oder sehen zu können. Wenn sich ein Kreis als Schaltfläche verdoppelt, muss er groß genug sein, um zu tippen.
Buza verwendet Kreise als Schaltflächen für den Verkauf. Sie sind groß und isoliert, so dass sie leicht anzuklicken sind.
Kreise in anderen Projekten
Kreise sind auch eine beliebte Wahl für Logos und Formen auf Visitenkarten.(Dies ist nicht überraschend, da wir im Digital- und Printdesign viele der gleichen Trends sehen.)
Die gleichen Gründe für die Verwendung von Kreisen oder deren Nichtverwendung gelten für gedruckte Projekte. Aber es gibt noch eine weitere Überlegung? Drucken. Im Gegensatz zu digitalen Projekten, die auf einen rechteckigen Bildschirm beschränkt sind, können Sie tatsächlich für ein kreisförmiges Medium erstellen und entwerfen.
Flyer, Aufkleber, Karten und andere Materialien, die in Form geschnitten werden, haben den zusätzlichen Wert, wenn sie auf unkonventionellere Weise verwendet werden. Dies kann zusätzliche Aufmerksamkeit auf das vorliegende Projekt lenken.
Sei dir einfach dessen bewusst, was sich im Kreis befindet. Denken Sie daran, dass die Form etwas enthalten soll. Stellen Sie sicher, dass Form und visuelle Bilder sowie Wörter eine einheitliche Nachricht erzeugen. Dies funktioniert auf die gleiche Weise wie die Verwendung von Kreisen als Rahmen für Bilder in digitalen Projekten.
Fazit
Wie fangen Sie mit Kreisen an? Es gibt eine Menge großartiger Ressourcen, die Ihnen helfen, sich die Möglichkeiten vorzustellen, darunter einer meiner Favoriten, Creative VIP.
Creative VIP verwendet nicht nur viele Kreise in Design und Benutzeroberfläche, sondern ist auch ein Zugang zu großartigen Tools für Designer. Im Moment finden Sie großartige Sammlungen von kreisförmigen Symbolen, Vorlagen für das App-Design mit Kreisen, Landing-Page-Vorlagen mit Ringen, runde Schieberegler und sogar einige Abzeichen. (Ich bin Mitglied und liebe diese Ressource, auch wenn es um mehr als Inspiration geht.)
Viel Glück beim Einstieg in Kreisform!
Bildquellen: Leben in meinen Schuhen, Projektgrün, Janko mit Warp-Geschwindigkeit, Code-Liebe und kreative süße Visitenkarten.