• Themes
  • Blog
  • Kurs
  • Über Uns
  • Theme Bundle
  • EN
  • DE
Konto Warenkorb 0

Warenkorb

Elmastudio

Elmastudio

  • Themes
  • Blog
  • Kurs
  • Über Uns
  • Theme Bundle
  • EN
  • DE
Konto Warenkorb 0
  • Themes
  • Blog
  • Kurs
  • Über Uns
  • Theme Bundle
  • Facebook
  • Twitter
  • YouTube

Webdesign-Trends: Wunderschöne Webseiten-Logos mit Kreisen

von Manuel
11. November 2010
Kommentare18

Runde Formen strahlen eine angenehme, positive Atmosphäre aus, und bilden einen auflockernden Kontrast zu den traditionell eckigen Flächen im Webdesign. Daher ist es nicht verwunderlich, dass runde Formen und Kreise auch sehr beliebt bei der Logo-Gestaltung für Webseiten sind. Und nachdem wir in einem vorherigen Artikel ja bereits inspirierende Webseiten mit Kreiselementen gezeigt haben, möchte ich heute 18 wunderschöne Logo-Designs mit Kreisen vorstellen.

1. No More Dedicated

Webseiten Logos mit Kreisen
»No More Dedicated« zeigt in seinem Logo ein gebrochenes Ketten-Symbol in einem Kreis. Darunter sind die Buchstaben NMD in weißer Schrift gesetzt.

2. Think Vitamin

Webseiten Logos mit Kreisen
Das Think Vitamin-Logo spielt mit Schrift im Kreis. In der oberen Kreishälfte sitzt der Schriftzug »Think Vitamin« in einer dunkelroten, fetten Schrift. In der unteren Hälfte ist der Kreis mit Sternen ausgefüllt. In der Mitte ist ein Kopf-Icon abgebildet. Das Logo erinnert an die Darstellung eine Münze.

3. Not to Scale

Webseiten Logos mit Kreisen
Das minimalistische Logo von »Not to Scale« zeigt die Silhouetten einer kleinen Katze und eines größeren Vogels in einem rot-rosa Kreis. Der Logo-Schriftzug ist in einer serifenlosen Schrift darunter gesetzt.

4. Icelab

Webseiten Logos mit Kreisen
Das im Retrostil gestaltete Icelab-Logo trennt die Wörter Ice und Lab in der Mitte durch einen Kreis mit einem Eisberg-Symbol.

5. Service 2000

Webseiten Logos mit Kreisen
Das Serive 2000-Logo zeigt einen schwarzen Kreis mit zwei gespiegelten, und miteinander verbundenen S-Buchstaben. Die Buchstaben bilden dadurch eine neue, eigene Form. Der Logo-Schriftzug ist klein unterhalb des Kreises gesetzt.

6. Geomicons

Webseiten Logos mit Kreisen
Geomicons hat ein gelb/braunes Weltkugel-Symbol mit einem gelben Schriftzug als Logo. Durch den dunklen Webseiten-Hintergrund wird der Kontrast zum Logo sehr schön deutlich.

7. Trent Walton

Webseiten Logos mit Kreisen
Eines der bekanntesten Kreis-Logos im Webdesign ist sicher das Logo von Trent Walton. Trent setzt seine Initialen mit geschwunger Schrift in einen schlichten, schwarzen Kreis.

8. Rocket Club

Webseiten Logos mit Kreisen
Eher verspielt ist dagegen das Logo des Rocket Clubs. Die Initialen RC sitzen in einem Kreis mit leichter Karo-Struktur, und werden von vier Sternchen eingerahmt. Um den Hauptkreis sind weitere Ränder gezogen.

9. Justdot

Webseiten Logos mit Kreisen
Das Logo von Justdot ist ein roter Button mit leichter Spiegelung und einer angedeuteten Naht am Rand. Für den Logo-Schriftzug wurde eine verspielte, weiße Schrift verwendet.

10. Mike Kus

Webseiten Logos mit Kreisen
Das aufwendige Logo von Mike Kus hat einen tollen Rollover-Effekt und ist mit klassischen Ornamenten verziert. Durch den Einsatz auf der modernen Webseite bilden diese klassischen Elemente einen spannenden Kontrast.

11. The Bazaar

Webseiten Logos mit Kreisen
Das minimalistische Logo von »The Bazaar« verwendet Buchstaben BZA in schwarzen Kreisen und wechselt dann zu den Buchstaben CO in eine dünne, schlichte Schriftart.

12. Hicksdesign

Webseiten Logos mit Kreisen
Hicksdesign hat ein verspieltes Logo mit zwei, ineinander greifenden Kreisen. Der Schriftzug des Logos ist in einer serifenlosen Typografie darunter gesetzt. Die Verwendung von Farbe spielt hier ein wichtige Rolle.

13. Threadbird

Webseiten Logos mit Kreisen
Das Threadbird-Logo ist im Retrostil gestaltet und hat eine leichte Holz-Struktur mit dezenten, gedeckten Farben. Vor dem Kreis-Symbol ist ein Adler mit ausgebreiteten Flügeln abgebildet, auf denen der Logo-Schriftzug steht.

14. Maxvoltar

Webseiten Logos mit Kreisen
Die Webseite Maxvoltar hat eine minimalistische Logo-Gestaltung. Das Logo zeigt zwei leicht transparente Kreise, die sich in der Mitte überschneiden. Das schlichte Design wird durch die Überschneidung und die Transparenz in den Kreisen spannend.

15. Racket

Webseiten Logos mit Kreisen
Das kreative Logo von Racket ist im Handmade-Style gestaltet. Der schwarze Kreis mit Schriftzug wirkt wie eine Tusche-Zeichnung und ist an den Rändern leicht ausgefranzt.

16. G2 Geogetske

Webseiten Logos mit Kreisen
Mittig auf der Webseite platziert nimmt das Logo von »G2 Geogetske« die Farben der Webseite wieder auf. Ein schlichtes G mit einer kleinen 2 in der Öffnung ist mittig im Kreis platziert.

17. HatBox

Webseiten Logos mit Kreisen
Das HatBox-Logo ist schlicht, und recht klein auf der Webseite platziert. Es zeigt ein H in einem weißen Kreis. Der Kreis hat eine leichte Naht-Struktur.

18. Bottlerocket Creative

Webseiten Logos mit Kreisen
Das Logo von »Bottlerocket Creative« hat eine schöne Farb-Kombination mit einer leichten Retro-Struktur. In den farbigen, angeschnittenen Kreisen ist ein Raketen-Symbol abgebildet. Der Logo-Schriftzug ist in einer modernen Schrift und in Großbuchstaben unterhalb des Kreises angelegt.

Wie gefallen dir Kreiselemente in Logos? Kennst du weitere tolle Beispiele, bei denen Kreise in ein Webseiten-Logo integriert wurden? Über dein Feedback und weitere Tipps freue ich mich sehr!

Artikel teilen

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on Pocket (Opens in new window)
Kategorien Inspiration Logos Webdesign
SchlagwörterDesign Gestaltung Logo Trends Webdesign Webseiten

überManuel

Hallo, ich bin Manuel - Webdesigner, Illustrator und Blogger bei Elmastudio. Ich liebe Kunst und minimalistisches Design, Zeichnen, scharfes Essen, schwarzen Kaffee und dunkle Schokolade. Du findest mich auch bei Twitter, Facebook und Google+!

www.elmastudio.de

18 Kommentare zu “Webdesign-Trends: Wunderschöne Webseiten-Logos mit Kreisen”

  1. Jürg
    11. November 2010

    Guck mal:

    http://www.maiak.info

    „maiak“ wird in Russland der Leuchtturm genannt, dessen Symbolik für unser Projekt steht:

    „Im unübersichtlichen Meer der Informationen braucht es stabile Leuchttürme der Glaubwürdigkeit, die dem Zeitgeist widerstehen und Orientierung bieten. […] Ein Leuchtturm ist nicht das Ziel des Seefahrers, sondern hilft ihm, die eigene Position zu erkennen, um Ziel und Fahrtrichtung selbständig zu wählen.“ (Moritz Leuenberger, Schweizer Medienminister)

    Der Kreis mit dem animierten Leuchtfeuer zeigt gleichzeitig das typische Rot-Weiss-Farbmuster eines Leuchtturms.

    Antworten
    • Manuel
      12. November 2010

      Hallo Jürg,

      vielen Dank für deinen Kommentar und die Ergänzung des Leuchtturm-Logos. Das ist ein weiteres passendes Logo zum Thema Kreise :-)

      Gruß Manuel

      Antworten
  2. Antje
    11. November 2010

    Mal eine – vielleicht blöde – Frage. Gibt es keine deutschen guten Inspirationen und Beispiele?
    Mir ist nur aufgefallen das die meisten Seiten die ihr als Beispiele etc. aufzeigt nicht auf deutsch sind ;)

    Antworten
  3. Tom
    11. November 2010

    Wird Zeit das ich mein Inkscape mal wieder raushole…

    Danke für die Anregungen :-)

    Antworten
    • Manuel
      12. November 2010

      Hallo Tom,
      freut mich, dass dir die Logo-Inspirationen gefallen und zu eigenen Arbeiten anregen :-)

      Gruß Manuel

      Antworten
  4. Vincent Weißer
    11. November 2010

    @antje
    Denke das die Engländer bzw. Amerikaner immer Vorreiter in Sachen Technik und im WWW sind. Goolge, Amazon, Microsoft, Apple alle aus den USA, die deutschen können da nicht mithalten (Auch wenn Google usw. mit dem thema nichts zu tun haben :D

    Antworten
  5. Manuel
    12. November 2010

    @Antje, @Vincent,

    ja, dass stimmt, wenn man nach innovativen und kreativen Arbeiten schaut, ist es meiner Meinung nach auch sehr wichtig, sich international umzuschauen, und ganz unabhängig von der Nationalität die besten Arbeiten zusammen zu stellen :-)

    Aber natürlich gibt es auch spitzen Designer aus Deutschland, wir haben hier auf dem Blog ja schon einmal ein Feature deutschsprachiger Webdesigns gezeigt. Da gibt auch auch jede Menge tolle Inspirationen!

    Gruß Manuel

    Antworten
  6. Michi
    12. November 2010

    @Antje – Doch gibt es natürlich, nur leider orientieren sich meiner Meinung nach zu viele an Agenturen mit großen Budgets, was natürlich nicht heißt, dass diese auch am kreativsten sind – Naja, schade aber es sollte mal jemand ein extra Portal für genau solche auch erstellen (eine Art Sammlung) Besten Gruß Michi!

    Antworten
  7. Till K-
    12. November 2010

    Danke für die herrliche Zusammenstellung der runden Logos. Das ist wirklich eine gute Inspiration um am Wochenende mal über das eigen Ci zu grübeln und ne runde Sache zu designen. Manchmal ist ohne gute Inspiration auch beim Webdesigner die Luft raus.

    Antworten
    • Manuel
      14. November 2010

      @Till K-,

      vielen Dank für dieses Feedback. Es freut mich, dass dir die Logos gefallen und dich für deine eigene Arbeit inspirieren. Ja das stimmt, oft hilft etwas kreativer Input, um beim eigenen Design weiter zu kommen.

      Gruß Manuel

      Antworten
  8. Samuel
    12. November 2010

    Auf http://premiumpixels.com gibt es auch noch ein tolles Logo. Sogar mit Dreheffekt.

    Antworten
    • Manuel
      14. November 2010

      Hall Samuel,

      vielen Dank für diesen Tipp, das Logo ist wirklich auch klasse :-)

      Gruß Manuel

      Antworten
  9. Chrissy
    12. November 2010

    Sowohl auf Elmastudio sowie sogar auf Smashing Magazin wurden deutsche Projekte vorgestellt.

    Wobei ich ehrlich irgendwie sagen muss, dass wenn ich auf so „Sammelstellen“ bin und dort eine Deutsche Seite entgegen kommt ich mir oft denke, dass dort doch schon ein großer Unterschied ist. Rein von der Optik her…

    Kreise finde ich gut übrigens :D

    (PS.: Über eine „neue“ Zusammentstellung von deutschen Designs oder so zu lesen wäre natürlich mal wieder toll…

    Antworten
    • Manuel
      14. November 2010

      Hallo Chrissy,

      vielen Dank für deinen Kommentar und dein Feedback. Hey, dass ist wirklich eine tolle Idee. Wir haben in den letzten Wochen einige tolle neue deutschsprachige Webseiten entdeckt. Da mache ich mich gleich mal an eine Zusammenstellung :-)

      Gruß Manuel

      Antworten
  10. Larß Riske
    14. November 2010

    Ich finde das Design der Website »No More Dedicated« insgesamt sehr gelungen und eine großartige Inspirationsquelle!

    Antworten
    • Manuel
      14. November 2010

      Hallo Larß,

      vielen Dank für deinen Kommentar. Es freut mich, dass du die vorgestellten Webseiten, besonders die Seite »No More Dedicated« so gut gefallen :)

      Gruß Manuel

      Antworten
  11. Oli
    25. November 2010

    Ohne jetzt hier all zu Große Werbung für mich selber machen zu wollen… aber es gibt durchaus auch deutsche Blogs mit Kreisen im Logo… ;-)

    Zu sehen hier: http://www.oliverhelms.de

    Antworten
  12. Christian
    16. Juli 2012

    Für den Hausgebrauch –> http://www.aaa-logo.com/

    Antworten

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

*

Beitrags-Navigation

Vorheriger Beitrag Watch out for Colors: Kreative Farb-Inspirationen für WebdesignerVorheriger Beitrag
Nächster Beitrag Praktische Tipps zur Kunden-Akquise für selbständige WebdesignerNächster Beitrag

Suche

Blog Themen

  • Blogging
  • Coding
  • CSS
  • Freebies
  • Freelancing
  • Gesundheit
  • Gutenberg
  • Health
  • Illustration
  • Inspiration
  • Link-Tipps
  • Logos
  • Mobile First
  • Persönliches
  • Plugins
  • Produktivität
  • Produktivität
  • Promotions
  • Responsive Webdesign
  • Screencasts
  • Social Media
  • Themes
  • Tipps und Tools
  • Tools
  • Tutorials
  • Typografie
  • Typografie
  • Videos
  • Web Development
  • Webdesign
  • Webfonts
  • Weiterbildung
  • WooCommerce
  • WordPress
  • WordPress Einsteiger
  • WordPress-Tipps
  • WordPress-Tutorials
  • Work-Life Balance
  • Work-Life Balance
  • Zitate

Related

Melde dich bei unserem Newsletter an

  • Facebook
  • Twitter
  • YouTube

Secure Payment via

  • Paypal
  • Stripe
  • Visa
  • Mastercard

Social

  • Twitter
  • YouTube
  • Instagram
  • Facebook

Info

  • FAQ
  • Dokumentationen
  • Showcase
  • Theme Updates
elma
  • © 2021 Elmastudio
  • Kontakt
  • AGB & Widerrufsrecht
  • Datenschutzerklärung
  • Impressum