Hallo,
Da ich mit den Programmierarbeiten meines Projektes etwas zu schnell vorrankomme, habe ich mich mal 3 Stunden hingesetzt und etwas mit GIMP, Word und Paint herumgespielt. Hier ein paar wilde Striche, da mal das IWarp und so weiter...
Herausgekommen ist das, meiner Meinung nach, bisher beste Design von mir.
Auch oder gerade weil ich im Bereich Kreativität und Grafikarbeiten recht schlecht bin, bin ich recht stolz auf mein Werk.

Die ursprüngliche, runde Version. Mir gefällt sie am besten.

Aufgrund von Kritik auch mal eckig gemacht. Solange es noch eine WORD-Skizze ist, geht das ja noch leicht.

V2:


Aktuell (V3):



So, das wars jetzt eigentlich mit dem geschwollen formulierten Smalltalk.
Kurz und Bündig:
Was stört euch bei dem Design? Was könnte man anders machen? Welche Form gefällt euch am besten? (Eckig, Rund?)
Zur Umsetzung: Ja, ich habe vor, eine tabellenlose und XHTML 1.1-Konforme HTML-Datei in Verbindung mit sauberem CSS zu erstellen.^^
Wünscht mir Glück^^

MfG
Fabse

kannst in dem Fall auch recht stolz darauf sein... im Grunde nichts besonderes, recht schlicht (sprichst ja selbst richtig von => "simples Design") und doch wiederum sehr angenehm /annehmbar, möglicherweise aufgrund der Farbwahl / Farbgestaltung und Form ... jo, also die ursprünglich runde Version gefällt auch mir besser
Und auch der verwendete Font, die Lesbarkeit und die Verteilung des Textes ist optimal (zumindestens für meine Augen ^^). Zu kritisieren gibt es hier - für mich - nichts (ich müßte schon suchen, um etwas zu finden ^^)
...



hmmm ... das dürfte eigentlich so sehr schwierig nicht werden ... und JA, ich wünsche Dir GLÜCK !


greetz trixi

Danke für die Antwort. Hätte nicht gedacht, dass es irgentjemand gut findet^^.
Dann fang ich mal mit dem Umsetzen an.
Naja, ich glaube schon, dass es schwieriger wird. Bin mir noch nicht sicher, wie ich das mit den abgerundeten Ecken löse. Ich bin ja fast für eine feste Breite und eine Hintergrundgrafik. Ob der IE mit einer CSS-Umsetzung mitspielt, habe ich noch nicht getestet. Aber das krieg ich irgentwie hin.
Irgentwie komisch. Wenn ich einfach so wild darauf loskritzelt, kommen die besten Ergebnisse dabei raus, aber wenn ich mal irgentwas plane, geht es gehörig nach hinten los.

also, ... ich denke, die neueren IE-Versionen spielen da schon mit (6 oder gar erst 7 ?, ich weiß dies nicht so genau, habe aber schon darüber gelesen) ... nur spekulieren würde ich dennoch nicht drauf, daß jeder IE-Nutzer über die wünschenswert neue IE-Version verfügt und folglich würde ich die Header-Grafik auf jeden Fall verwenden, und bei den Boxen die Eck-Grafiken (*.png, was allerdings tatsächlich schwierig umsetzbar wird im div ^^, es sei denn man verwendet oberhalb und unterhalb der Boxen nicht Eck-Grafiken, sondern Balken-Grafiken, links und rechts abgerundet und selbigst im eigenen div) ... oder erlaubt dies wiederum XHTML nicht ?

=> Tutorial: Runde und andere Ecken
=> Beispiel: Runde Ecken

greetz trixi

Danke für den Link. Ich werds mir mal durchlesen. Sofern die Informationen dort stimmen, stellt sogar der IE das richtig dar.
Mal schauen, was sich machen lässt.
MfG

na, wenn nicht anders (ich habe es in meinem letzten Post noch hinzueditiert), verwende keine Eck-Grafiken in den Boxen, denn das dürfte in der Tat recht schwierig werden in div (letztendlich aber auch machbar ^^), sondern oberhalb und unterhalb der Boxen linker- und rechterseits abgerundete Querbalken, welche ihr eigenes div ausfüllen ...

faktisch so (mal ganz grob)


greetz trixi

Zum Design:
+ Die runden Ecken sehen schöner aus
* Mir ist aufgefallen, dass die Sidebar nicht ganz gleich lang ist, wie der Content-Bereich. Gewollt?
+ Navigation mit Hover Effekt soweit ganz gut
- Header gefällt mir eher nicht, sry... Die Sternchen sehen einfach... doof aus
- Die Runden Dinger rechts und links von Überschriften gefallen mir persönlich auch noch nicht so ganzIch finde, da könnte man noch etwas anders rumexperimentieren. Eventuell auch mehr Platz zwischen Text in der Sidebar zu der Überschrift

Insgesamt eigentlich stimmig. Ich finds auch im großen und ganzen ein gutes Design. Vielleicht bist du ja schon auf die Idee gekommen, aber wenn du's richtig umsetzt, dann könnte man jeder Unterseite eine eigene Farbe geben (blau, grün, rot etc.). Nur so als Idee

Zur Umsetzung:
Über runde Ecken regen sich schon häufiger mal Webdesigner auf. Es gibt sehr verschiedene Ansätze. Du musst immer überlegen:

1. Am kompliziertesten wird es mit geschachtelten <div>-Boxen. Dann sind die Boxen aber auch in Länge und Breite sehr flexibel.


Im innersten Element kann man dann mit width und height die Breite und Höhe der Box festlegen. Ich vermute, dass die Lösung zu kompliziert für dein einfaches Webdesign ist.

2. Du solltest vermutlich einfach den oberen Teil des Headers (über der Navigation) abschneiden und den unteren Teil des Designs (genau da, wo die Rundung aufhört). Diese pappst du dann einfach mit fester Breite unten und oben dran. In der Mitte nimmst du halt einen 1px hohen Ausschnitt aus dem Design und lässt ihn strecken. Den mittleren Teil mit Navigatino und so bekommst du schon hin, wenn nicht, frag einfach

Die Breite wird wahrscheinlich eh fest werden, da das Design gestreckt nicht besonders gut wirkt. Zur Umsetzung: Danke für die Tipps, werde es wahrscheinlich so in der Richtung machen. Hab eh schon gut geschätzt die Hälfte gesliced.
Tjoa, zu deiner Kritik: Die "Sterne" sind eventuell etwas zu Hell und auch zu viele. Da muss ich mir noch was überlegen, eventuell nehme ich die auch ganz raus. Hat ja eigentlich nichts mit dem Thema der Seite zu tun.
Die Kreise haben mich auch etwas gestört. Habe nun eine andere Form gewählt.

Du meinst die Hovers? Mhm, muss ich ausprobieren



Changelog:
* Header : Sterne entfernt
* Header : Box hinzugefügt (eventuell stattdessen Banner)
* SideBar: Größe korrigiert
* Fenster : Seitengrafiken ersetzt
* Links : Linkfarbe verändert

sehr schön wirklich!

nur ich find iwie der Hintergurnd der Überschriften ist sehr sehr zackig?
und schön gerendet mit AA etc sind die ecken auch noch nicht?, sehen iwie sehr pixelig aus
(ein Browser kann alles, nur keine Bilder resizen- das gibt immer eine katastrophe wenn die bilder nicht dafür ausgelegt sind (enthält nur gerade linien di 90/0° zu bildschirm sind))

Danke für den Kommentar.
Ich arbeite für Skizzen fast nur mit Word. Der Hintergrund wurde mit der Freihandform erstellt und ist deshalb so Zackig (Gekrümte Pfade und Word 2007 ging gar nicht..). Ich bin gerade dabei, das mit GIMP zu machen.
Wobei, wenn ichs mir grad überlege, wäre es doch ein optischer Hingucker, die Ecken noch etwas nach unten zeigen zu lassen.
Edit:
Vorläufige Skizze:


Ist das besser als V2?