Die 30 am besten gestalteten Blogs im Test

"Oh, das ist anders!" Ja, die neueste Neugestaltung von Income Diary erhöht die Gesamtzahl der größeren Neugestaltungen dieser Website auf fünf in drei Jahren. So viel Wert legt Michael auf ein gut aussehendes, hochkonvertierendes und inhaltsförderndes Blog-Design.

Wenn Sie einen Designer oder Entwickler brauchen, der gestern hätte anfangen können, besuchen Sie AweseomeWeb.com

Um an die Neugestaltung zu erinnern und, was noch wichtiger ist, Ihnen diese inspirierende Liste zur Verfügung zu stellen.

Die Kriterien für gutes Blog-Design

Um so viel Subjektivität wie möglich zu beseitigen, habe ich mit diesen fünf Kriterien für gutes Blogdesign begonnen.

• Einfachheit – Ist es einfach?
• Webdesign-Standards – Befolgt es Webdesign-Standards wie dunkle Schrift auf hellem Hintergrund, klar erkennbare Überschriften, Verwendung von CSS-Sprites, konsistente Linien und Einhaltung des Goldenen Schnitts?
• Liebe zum Detail – Gibt es Konsistenz innerhalb des Designs und ansonsten pixelgenau?
• Einfach zu navigieren – Kann ich Menüs, Links und andere Navigationskomponenten leicht finden und verwenden?
• Einprägsamkeit – Kann ich mich erinnern, wie es aussah, nachdem ich die Seite verlassen hatte?

Die 30 am besten gestalteten Blogs

In keiner bestimmten Reihenfolge, aber grob gruppiert nach den Designstilen und Themen der entsprechenden Blogs, hier unser Review der Top 30 Blogdesigns.

1. Freiberuflicher Schalter

Große, fette Schlagzeilen, subtile Verwendung von Schatten und praktisch unmöglich zu erkennende Farbverläufe, FreelanceSwitch.com ist einer der besten.

2. Kopierblogger

Copyblogger.com ist der Inbegriff von einfachem, solidem und geradlinigem Blog-Design. Sie wissen genau, wo Sie klicken müssen, sobald Sie auf der Seite landen.

3. Pearsonifiziert

Wie Copyblogger ist auch Pearsonified.com wunderschön in seiner Einfachheit und verführerisch mit seinen sanften Farbakzenten.

4. KISSmetrics-Blog

Der KISSmetrics-Blog leistet hervorragende Arbeit, indem er moderne Designelemente kombiniert und gleichzeitig ein Gefühl der Professionalität für seinen hauptsächlich unternehmensorientierten Zielmarkt bewahrt.

5. AVK

AVC.com ist super-sauber und verwendet mit 16 Pixeln eine etwas größere Schriftart als der Durchschnitt, wodurch es merklich angenehmer zu lesen ist.

6. Startangebot

StartupQuote.com ist so elegant wie es nur geht. Ihr Engagement für die einzigartige Darstellung der Zitate ist das, was ihre Website auszeichnet.

7. Das nächste Web

Aber TNW leistet großartige Arbeit bei der Integration der Anzeigen, ohne zu sehr von einem sauberen, einfach zu navigierenden Design abzulenken.

8. Geschäftseingeweihter

Wenn Sie einen Artikel auf BusinessInsider.com gelesen haben, ist Ihnen aufgefallen, dass die Website darauf ausgelegt ist, Sie für Dutzende von Seitenaufrufen an ihren Inhalten zu fesseln.

9. Web-Blog

Es sieht toll aus, aber Webs Blog ist auch nahtlos in den Rest der Website integriert, obwohl das Blog auf einer Subdomain existiert.

10. Gehen Sie zu Medien

Mit sorgfältig platzierten Bildüberlagerungen springt das Design einfach vom Bildschirm ab und es ist schwer, das Design von GoMediaZine.com zu vergessen.

11. Hallo Bar-Blog

Hello Bar leistet beeindruckende Arbeit bei der Integration subtiler Texturen in ihr Design, um ihrer Website ein klassisches, aber modernes Aussehen zu verleihen. Außerdem bewegen sich die Wolken!

12. Blogusion

Das Design von Blogussion.com ist das erste beeindruckende Design, das ich im Internet gefunden habe.

13. Moderner Nerd

Das Logo von Modernerd.com ist einfach, die Schriftarten sind konsistent und das Hintergrundbild kommuniziert, worum es im Blog geht.

14. Ich trage dein Hemd

IWearYourShirt.com leistet hervorragende Arbeit, indem es Informationen über dem Falz sauber verpackt und gleichzeitig den wichtigen Inhalt darunter hervorhebt.

15. Johnny-Cupcakes

Passend zu ihrer zeitlosen Marke ist fast jedes Designelement schwarz-weiß, wodurch die Fotos und Produkte von Johnny Cupcakes hervorstechen.

16. Die Haferflocken

Mit seiner außermittigen Seitenleiste und dem überfließenden „E-Mail“-Link in der Fußzeile hat das Design von TheOatmeal.com seine Mängel. Aber wenn Sie zwischen den Unvollkommenheiten lesen, werden Sie feststellen, dass das Design perfekt für Matthew Inman ist, „so ist es, und wenn es Ihnen nicht gefällt, werde ich meine Armee von Facebook-Fans züchtigen, damit Sie es nie vergessen.“ Einstellung, die seine Seite großartig macht.

17. LieberBlankBitteBlank

DearBlankPleaseBlank.com ist ein kreativ gestalteter Blog mit seinem sich ständig drehenden Header-Bild, der seltsamen Verwendung von Opazität und der Tatsache, dass alles in der Seitenleiste exakt dieselbe Breite hat, sogar die Anzeigen.

18. Tuts+

Alles am TutsPlus.com- und Envato-Netzwerk ist großartig, wenn es um Design geht (einschließlich des oben erwähnten FreelanceSwitch.com). Sie haben ein Händchen für die Auswahl perfekt abgestimmter Farbschemata und ihre Liebe zum Detail ist tadellos, selbst in ihren Posts und Tutorials.

19. Internet aufbauen

BuildInternet.com ist zu Recht Teil von The Smashing Network des Smashing Magazine mit seinem einzigartig angezeigten Feature-Post-Image und der Verpflichtung, seine Designelemente auf der gesamten Website beizubehalten.

20. 45 Royale Inc.

45royale.com ist ein Webdesign-Studio, das mit einem fantasievollen Header aufwartet, während es Sie effektiv in den Inhalt des unten stehenden Blogs einführt und durch ihn navigiert.

21. Webdesignerwand

Als weiteres Mitglied von The Smashing Network ist WebDesignerWall.com mit seinen auffälligen Schlagzeilen und dem unvergesslichen Header-Bild eines der bekanntesten Designs der Welt.

22. Webdesigner-Depot

Ähnlich wie Web Designer Wall beherbergt WebDesignerDepot.com ein weiteres dieser Designs, das man nicht vergisst.

23. Ich liebe Farben

Ilovecolors.com.ar hat einen ähnlichen Stil, steht aber mit einem clever gestalteten Inhaltsbereich, der durch die strategische Schattierung des Hintergrundbilds hervorgehoben wird, für sich.

24. Tut-Süßigkeit

Der Header von TutCandy.com lässt Sie sabbern, was den Slogan „Nur die leckersten Design-Tutorials“ verkörpert.

25. Owltastisch

Owltastic.com ist eine schöne Darstellung dessen, was Sie mit verschiedenen Blautönen machen können. Doch irgendwie scheinen alle wichtigen Inhalte immer noch herauszustechen.

26. Vectips

Vectips.com macht einen guten Job, um ein schließlich verkaufsfähiges Gefühl auf einer persönlichen Branding-Site aufrechtzuerhalten.

27. Die Designkabine

Der letzte Smashing Network -Blog in dieser Liste gehört zu TheDesignCubicle.com. Es sieht aus wie eine Website, fühlt sich aber an wie ein Kapitel eines Buches.

28. ThemeBIG

Ich mag die Subtilität der Sprites im Navigationsmenü von ThemeBIG.com zusammen mit dem einladenden Gefühl, das man bekommt, wenn man ihre Seite zum ersten Mal betritt.

29. Ecoki

Ecoki.com ist ein Eco-Lifestyle-Blog mit einem bemerkenswerten, gut gebrandeten Design, das in allen Ecken und Winkeln seiner Website konsistent ist.

30. Fikt

Alles, von der Kopfzeile über den Inhaltsbereich bis hin zum Kommentarbereich, ist individuell gestaltet und auf den Rest der Website abgestimmt.

Hier hast du es

Ich hätte gerne jeden Blog der Welt besucht, bevor ich diese Liste erstellt habe, aber ich fing an, hungrig zu werden.

Wenn jemand einen Webdesigner oder -entwickler braucht, geht er von nun an zu AwesomeWeb.com

Wenn Sie von großartigen Blog-Designs wissen, die ich verpasst habe, erleuchten Sie mich bitte mit einigen Ihrer Favoriten im Kommentarbereich unten.