Design wird überarbeitet
Ich habe mich heute mal dran gesetzt und mein Design überarbeitet. Ich wollte vor allem das Template sauberer strukturieren und aufräumen, um es einfacher pflegen zu können. Weiter wollte ich die Übersichtlichkeit und Lesbarkeit verbessern. Außerdem war mir ein großes Anliegen, die Navigation zu überarbeiten. Noch ist natürlich nicht alles fertig, das bisherige Zwischenergebnis kann sich aber schon sehen lassen, wie ich finde. Bis jetzt habe ich im wesentlichen:
- den Quellcode verschlankt und umstrukturiert, sodass ich besser Änderungen vornehmen kann,
- überflüssigen CSS-Code rausgeschmissen,
- die Navigation überarbeitet,
- Kommentarfunktion neu designed,
- Artikelüberschriften überarbeitet (Tags sind rausgeflogen, neue Schriftart, Vereinheitlichung auf Index- und Artikelseite),
- Grafiken eingespart (oben im Header ist nurnoch ein Verlauf gekachelt, statt ein großes Bild),
- die Suche umplatziert und
- den Schatten entfernt.
Bitte gebt mir Feedback, was ihr besser und/oder was ihr schlechter findet. Auch für ganz neuen Ideen bin ich offen. Sobald das Design dann einen “allgemein zufriedenstellenden Status” erreicht, werde ich das alte Design löschen und den Theme Switcher wieder entfernen.
P.S.: Wenn ihr Fehler findet, natürlich sofort melden 
27 Kommentare
Die Idee mit der Umstellung des Kommentar-Bereiches und das Entfernen der überflüssigen Grafiken finde ich sehr gut!
==> Sieht also sehr gut aus, von mir aus kannst du das alte Design löschen
Ich schätze mal, da fehl noch das Wort “gut”?
Vermisst du garnichts? Die Pflanze oben rechts im Header? Den Schatten? Die Suche ist besser in der Sidebar, als im Header?
Was hälst du davon, die Tag-Funktion komplett abzuschalten und z.B. nur Tim’s KeywordFire zu verwenden?
Irgendwie kann ich mich mit den Tags nicht anfreunden. Zuviele sind nicht gut, zu wenig auch nicht und irgendwie vergisst man eh immer die Hälfte von denen, die man schonmal eingesetzt hat.
Die Palme im Header fand ich blöd, lass die bloß weg…
Aber der Schatten der Artikelüberschrift finde ich nicht gut.
Den Schatten findest du NICHT gut? Ich finde, dadurch hat das mehr Kontrast und ist besser zu lesen. Hmm. ich werd’s mir durch den Kopf gehen lassen.
Auweh da merk ich schon den ersten Fehler. Es wird nun immer eine URL eingetragen bei den Kommentaren. Das muss ich wohl noch abfangen
@Patrick:
Kommentar angepasst
Jetzt wo du es sagst, also mir hat die Pflanze eigentlich recht gut gefallen, also nice-to-have.
Suche im Header oder Sidebar ? – Wenn du sie im Header lassen würdest, hättest du ein wenig mehr Platz in der Sidebar!
http://s2.imgimg.de/uploads/schatten68a3ce0djpg.jpg
Da der alte Artikel Hintergrund etwas dunkler war finde ich das dort besser zu lesen.
Ich finde die Farben & den allgemeinen Aufbau super. Auch der weiße Brush sieht im header gut aus gegenüber der dunkelen Schrift. Passt gut
.
Öhm… weißer Brush? Hab ich da was verpasst. Beim neuen Design ist noch nichts weißes im Header
Also die Pflanze (Palme, Bush wie auch immer) im Header fand ich echt schick, dafür war der Header aber etwas überladen. Ich würde lieber dein Bild entfernen (sieht ziemlich arrogant aus so ein eigenes bildchen im header
), die Pflanze drin lassen und die Navigation etwas nach links verschieben. Nur ein Vorschlag 
Ansonsten finde ich das Design schön übersichtlich und gut lesbar. Strengt die Augen nicht an.
Also das Bild wird drin bleiben. Wenn ich schon unter techspread.de blogge, dann soll das schon etwas “persönlicher” wirken, als wenn ich unter einer Domain blogge, die die Themen wiederspiegelt.
Aber die Pflanze werde ich heute Abend wieder einbauen – mir fehlt da auch was auf der rechten Seite
Soo.. ich hab das neue Design nun produktiv gestellt. Natürlich wird noch ein bisschen weitergebastelt, ich fand es nur immer nervig, umschalten zu müssen
Alles in allem gefällt mir das Design nun besser. Vor allem die Artikelüberschriften gefallen mir extrem gut. Auch die Suchleiste ist besser platziert
Was mich aber extrem stört ist, dass die Links kein Hover-State haben.
Auch würde ich die neue Permalinkstruktur begrüßen. Aber ich weiß ja aus eigener Erfahrung, dass die Zeit limitiert.
Hmm… dein Firefox zeigt doch einen anderen Mauszeiger, ist das nicht hover genug
Ist aber notiert, vielleicht mach ich da was draus
Ich bin altmodisch und brauch da irgend nen Farbwechsel oder ne andere Markierung. Und nur mit Tastatur kann man hier gar nichts anfangen
Ich glaub ich werd die Kommentarausgabe auch noch einmal überarbeiten, irgendwie finde ich die nicht gerade übersichtlich (vor allem wenn als Administrator unterwegs ist, dann packt mir AJAX Edit Comments sehr viele bunte Bildchen rein
).
Was haltet ihr davon? Und wie findet ihr die “neue Pflanze” oben rechts im Header?
Sieht echt schön aus! Wo hast du sie her? Selbst gezeichnet?
Zum selber zeichnen bin ich nicht begabt genug
http://myphotoshopbrushes.com/brushes
Wow, danke! Genau so was hab ich gesucht.
So der letzte mir bekannte Bug ist nun auch entfernt. Bei den Kommentar-Eingaben stehen die gewünschten Werte nun über den Eingabefeldern, sodass die Eingabe für die Webseite nun nicht immer mit “Webseite” gefüllt ist.
Ist sonst noch jemandem ein Fehler aufgefallen? Noch irgendwelche Verbesserungsvorschläge?
So und noch eine Änderung, oben habe ich nun eine Brotkrumennavigation eingebastelt. Fehlt mir nurnoch ne schöne Sitemap und ich denke, dass die Arbeiten am Design und der funktionalität abgeschlossen sein sollten (vorerst
).
Das Kommentar-Design habe ich nun auch überarbeitet. Wie findet ihr das?
Ich hab da mal eine Frage an euch: durch den intensiven Einsatz des more-Tag kommen mir die Artikelüberschriften (“Blauen Balken”) auf den Kategorie-Seiten und der Startseite so wuchtig vor. Meint ihr, ich sollte das etwas “leichter” machen?
Update: was haltet ihr davon, wenn ich je zwei Artikel nebeneinander in einer Box platziere auf den Index-Seiten?
Hi Patrick,
Die Seite ist echt cool, aber am meisten begeistert mich Dein WordPress Template. Ist das ne Eigenentwicklung oder setzt Du da auf ein vorhandenes Template auf? Bin nämlich für meine Seite grad auf der Suche nach nem guten Template…
Das Template habe ich komplett selber entwickelt
Bald sind alle Arbeiten abgeschlossen. Heute habe ich meine interaktive GoogleMaps-Blogroll eingebaut und demnächst will ich die Einträge in der Sidebar noch mit Tabs versehen und evtl. etwas aufhübschen.
Aber was mach ich dann? Danach wird mir ja langweilig
Heute hat die Seite einen von mir erstellen “Brushed Metal”-Hintergrund spendiert bekommen und vor einigen Tagen habe ich die Blogroll angepasst (hat mir XHTML-invaliden Code erzeugt). Auch das Wikio-Plugin habe ich wegen XHTML-Fehlern angepasst.
Den Wikio-Button möchte ich noch so anpassen, dass er aussieht, wie der Retweet-Button.
Gestern ist außerdem Tim’s KeywordFire rausgeflogen (häufigste Suchbegriffe etc.), weil sich die Anzeige im Footer nie aktualisiert hat. Vielleicht werde ich das Plugin mal selber aufgreifen und an meine Bedürfnisse anpassen.
Es ist vollbracht! Ich habe endlich alle Artikel mit einem kleinen Icon ausgestattet (was für eine Arbeit).