Vielleicht habt ihr in den letzten Tagen schon einmal einen Beitrag gelsen, mit dem gleichen Titel. Und zwar beim jared2. Bei ihm bzw bei den beiden 
gab es nämlich auch ein Redesign, genau wie bei mir. Wofür ich hier erstmal mein Lob aussprechen muss. Sieht echt hammer geil aus ;-), seht selbst.
webBloggers Version 3.5 nicht wie geplant V4 ist nun online. Ich hoffe euch gefällt der neue Style.
Ich werde in den nächsten Tagen noch ein wenig am Layout feilen. Außerdem würde ich mich über jede Kritik freuen.
Das Layout für webBloggers Version 4 steht hier kommt ein kleiner Vorgeschmack, doch vorab noch die Versionshistory.
Version 1
So wie fast jeder Blog anfängt, habe auch ich angefangen mit dem Standard Theme.
Die meisten haben es wahrscheinlich schon gesehen WebBloggers hat endlich ein neues Layout bekommen. Für alle die es nicht kennen nochmal das alte Layout:
Ich hoffe euch gefällt das neue und bitte immer her mit der Kritik.
Zusätzlich muss ich noch anmerken, dass der IE6 mit einer abgespeckten Version vom Layout unterwegs ist.
Web Designer Adventskalender
www.volll.com
(Auf das Bild klicken um zur Webseite zu gelangen)
Auch ich werde eine kleine Weihnachts Aktion starten. Ich werde jeden Tag bis zum 24. Dezember also vom 1. bis 24.Dezember eine Seite posten die meiner Meinung nach ein geiles Layout besitzt. Das spannende daran wird sein das ich nur ein Bild von der Seite poste, natürlich passend dazu noch den Link. Dann soll im Kommentar Bereich schön diskutiert werden.
Ich versuche auch noch ein Gewinnspiel auf die Beine zu stellen. Ich suche aber noch Sponsoren für eine Kleinigkeit. Falls jemand was weiß oder was hat, einfach bei mir melden.
Wordpress Theme: Die Dokumentation
1. Die Planung
2. Das neue Logo
3. Layout Vorbereitung
4. Layout 1
5. Layout 2
Nach ein paar Stunden Arbeit habe ich das neue Webbloggers Layout fertiggestellt. Ich habe mir einfach meine Vorlage aus Layout Teil 1 genommen und mit Farbe und Text gefüllt. Desweiteren baue ich meine Layouts immer in einer “Browservorlage” auf, so sehe ich sofort wie mein Layout nach der Umsetzung im Browser aussehen wird. Hier könnt ihr euch so eine Browser Vorlage runterladen: Browser Vorlage.
So nun kommen wir wieder zum neuen webBloggers Layout. Die Farben die ich verwendet habe, habe ich mir aus dem Logo rausgesucht und kombiniert mit Weiß. Der Hintergrund ist wie vorher auch eine Holz Struktur. Diese Strukturen verwende ich sehr gerne, besonders weil sie zur Zeit voll im Trend liegen.
Und hier ist das neue Layout:
(Bitte nicht wundern falls ihr gellbe stellen in den Rechten Navigation seht, das soll so nicht sein. Kommt weil ich das per Ausschnitt von der alten Page ins neue Layout kopiert habe.)
Es wäre cool wenn noch der eine oder andere Kritik posten könnte. Dann kann ich das Layout noch ein bisschen verbessern.
Wenn ihr ein Layout gemacht habt fragt immer Freunde, Kollegen oder sonst wen, wie er das Layout findet, was ihm auffällt, was er gut findet und so weiter. Den hin und wieder übersieht man die kleinsten Sachen. Dann könnt ihr euerem Layout den letzten Schliff verpassen bevor es an die Umsetzung geht.
Zusammenfassung: Erstellt mit Hilfe eures Layout Rohlings ein richtiges Layout mit Farbe und Text. Am besten erstellt ihr das Ganze in einer Browservorlage. So seht ihr sofort wie das Layout später aussehen wird. Fragt Freunde und Bekannte wie sie das Layout finden, so könnt ihr euer Layout nochmals verbessern.
Die Nachrichten Webseite T-Online.de ist seit heute mit neuem Layout am Start.
Hier hab ich mal für euch das alte rausgesucht:
(Das Bild habe ich bei www.coremedia.com gefunden)
Und hier das neue Layout:
Mir sticht sofort die Google Suche ins Auge, da sieht man mal wieder wo Google überall die Finger mit im Spiel hat.
Besonders gut gefällt mir die neue Horizontale Navigation. Sie ist viel übersichtlicher als die alte.
Dann gefällt mir noch die bessere Platzierung der Eigenen Dienste
Dort finde ich nun schnell und übersichtlich das was ich Suche.
Hier der Link zur neuen T-Online Seite: www.t-online.de
Was haltet ihr von dem neuem Design findet ihr es besser oder schlechter?
Wordpress Theme: Die Dokumentation
1. Die Planung
2. Das neue Logo
3. Layout Vorbereitung
4. Layout 1
Zu aller erst baue ich meine Layout Skizze im Photoshop nach. Dabei verzichte ich vorerst auf jede Art von Farbe. Ich verwende nur Schwarz und Weiß Töne. Dabei lege ich die Helligkeit der späteren Farben fest. So sieht die neue webbloggers.de Seite in Schwarz Weiß Tönen aus:
Zusammenfassung: Bevor du dein Layout direkt mit Farben aufbaust, baue erstmal deine Layout Skizze im Photoshop in Schwarz Weiß Tönen nach. So merkst du schnell ob dir das Layout gefallen könnte. Falls es dir nicht richtig gefällt, fang lieber nochmal von vorne an.
Wordpress Theme: Die Dokumentation
1. Die Planung
2. Das neue Logo
3. Layout Vorbereitung
Bevor ich mit dem Layout anfange erstelle ich mir immer eine Layout Skizze. Dort habe ich meine klaren Vorstellungen eingebaut.
(Nachgebaute Skizze, Orginal war auf einem Schmierzettel)
Meine Vorstellungen die ich in der MindMap gesammelt habe, habe ich eingebaut. Wichtig war mir das 3 Spaltige Layout und die Unterbringung der Tagcloud, sowie die Platzierung des Logos.
Zusammenfassung: Bevor du ans Layout gehst erstell dir auf einem Blatt eine Skizze des Layouts. Arbeite deine Vorstellungen in die Skizze ein.
