WebStyleBoard

Hallo pem,
um ehrlich zu sein gefällt mir das Design nicht so wirklich gut ...

Das grün der Seite ist, meiner Meinung nach, viel zu grell. Ich empfinde es als ansträngend auf dauerhaft auf das Grün zu gucken. Ein dezenteres Grün oder ein Farbverlauf von dem Grün in ein dezenteres Grün wäre sicher angebracht.
Sonst hat das Design ja nicht viel zu bieten: ein großer, grüner Rahmen mit Abgerundeten Ecken außen (warum eigentlich nicht auch innen? Würde besser wirken). Es wirkt auf mich recht langweilig, ein sogenanntes Eye-Candy fehlt.

Die Überschrift "Peter's Homepage" ist schlichtweg falsch. Nur im Englischen apostrophiert man das S nach dem Namen. Im Deutschen wird ein Apostroph gesetzt, wenn der Name auf ein S-Laut entdet. Als Beispiel: man schreibt "Peters Auto" oder "Andreas' Auto", aber nicht "Peter's Auto" oder "Andrea's Auto" oder gar "Andreas's Auto".
Desweiteren ist der Begriff "Homepage" falsch eingedeutscht. "Homepage" bedeutet auf deutsch eigentlich "Startseite". Du solltest also besser "Webseite" als "Homepage" verwenden, aber dieser Fehler ist verzeilich ... mach es dort so wie du denkst, mein Kommentar soll nur als Hinweis dienen .

Die Schriftart "Ballon" passt meiner Meinung nach nicht so wirklich, zudem ist diese recht abgelutscht, da diese von vielen Webseiten benutzt wird/wurde. Vor allem von Anfängern, wenn du dich also von der Masse der Webseiten hervorheben willst, dann halte ausschau nach einer anderen Schriftart. Bei daFont findest du jede menge gut Schriften, lass dich inspirieren.
Zudem kann man die Schrif im Footer nur sehr schlecht lesen. Hier würde sich, wie für den Inhaltsteil der Seite, eine Serifenlose Schriftart, wie etwa Verdana oder Arial, empfehlen. Etwas mehr Abstand nach oben und unten zum Rand des Grünen-Designs täten außerdem gut.

Wie bereits gesagt fällt mir negativ auf, dass im Inhaltsteil eine Serifen-Schriftart ist. Nimm dort lieber eine Serifenlose-Schriftart wie Verdana oder Arial.
Dann fällt mir noch auf, dass alles Zentriert ist, ds finde ich nicht so wirklich gut, da man dies, je nach dem wie lang ein Text ist, schlecht lesen kann. Für Überschriften ist zentriert föllig OK, nur für den eigentlichen Inhalt richte Text lieber nach links oder im Blocksatz aus.

Dann fällt mir noch auf, dass du eine Unterüberschrift unterstrichen hast. Formatieren diese lieber Fett als Unterstrichen, da ein Unterstrich für die meisten Internet-Benutzer einen Link-Symbolisieren, da Links meist unterstrichen sind.
Zu guter letzt solltest du deine Pseudo-Liste mit den Minus-Strichen gegen eine Richtige Liste eintauschen. Listen macht man wie folgt:

MfG Arne .

Hi Pem!

Ich muss gestehen, dass ich die ganze Zeit am überlegen bin, was ich Dir an Kommentaren mit auf den Weg geben kann...

Bevor ich gar nichts schreibe, lege ich einfach mal los. Hart und schonungslos...

Als ich das "Design" zum ersten Mal gesehen habe, musste ich spontan denken: "Das sieht aus, als würde das Stylesheet fehlen"...

Aber fangen wir mit etwas positivem an:


1. Die Farbe

Die Farbe gefällt mir! Die gefällt mir sogar so gut, dass ich einen sehr ähnlichen Farbton anlässlich meiner Firmengründung zu meiner "Hausfarbe" gemacht habe. Richte Dich also darauf ein, dass Du in kürze Post von meinem Anwalt bekommen wirst...

Ne, ne... War nur Spaß. Das mit dem Anwalt, meine ich...

Doch so schön die Farbe auch ist, so muss ich doch dem Nashman recht geben. Zuviel davon wirkt zu krass. Also entweder einen augenfreundlicheren Grünton nehmen, oder aber die Fläche verkleinern...


Die Schrift

Also ich kenne die Schrift auf dem PC nur unter dem Namen Comic Sans. Aber das ändert leider nichts daran, dass sie unpassend ist. Klar, bei einer privaten Website kannst Du natürlich mehr "spielen", allerdings finde auch ich die Schrift abgegriffen, und am Bildschirm zudem schlecht lesbar.

Allerdings macht das Lesen bei Dir weniger Probleme, da Du ja Vorsorglicherweise mal eine Schriftgröße von 120 Pixeln verwendet hast. Das ist uns alten Menschen gegenüber zwar sehr rücksichtsvoll, zerstört aber jeden kleinen Designanflug im Ansatz.

Was in jedem Fall löblich ist, dass Du Dich an die goldene "2-Schriften"-Regel gehalten hast, die besagt, dass man nach Möglichkeit nicht mehr als zwei verschiedene Schriften für ein Layout verwenden soll. Ausnahmen bestätigen wie immer die Regel.

Zum Abschluss des Kapitels "Schriften" aber noch kurz ein Wort der Warnung. Die Quelle, welche Dir Nash genannt hat, ist ein Quell der Freude für einen alten Schriftenliebhaber wie mich. Vielen Dank an dieser Stelle an unseren Nashman! Allerdings darfst Du eines nicht vergessen: Zwar kannst Du Dir die Schriften herunterladen, auf Deinem Rechner installieren und im Stylesheet angeben, nur sollest Du Dir dabei immer im Klaren sein, dass nicht jeder diese Schrift hat, und entsprechend solltest Du Vorsorge tragen, indem Du z.B. eine Ersatzschrift, bzw. Schriftenfamilie angibst.


3. Layout

Zum Layout selbst ist wenig zu sagen, da wenig "Layout" da ist. Große Flächen können, wenn sie richtig genutzt werden, schon eine Art Stil ausdrücken, aber oft besteht, zumindest in meinen Augen, die Gefahr, dass große, gleichfarbige Flächen schnell langweilig wirken.

Dein Layout besteht im Prinzip aus vier ineinander verschachtelten Rechtecken. Irgendwie fehlt der Pfiff. Die Beschränkung auf zwei Farben und Schwarz/Weiß wirkt, in Zusammenhang mit den großen Flächen trist und ohne Aussagekraft.

Was ich hingegen sehr gut finde, ist die Unterschrift. Durch so etwas wirkt eine Seite persönlicher. Mit solchen Elementen würde ich spielen. So kannst Du z.B. die Unterschrift stark vergrößert in einen seitlichen Bereich der grünen Fläche als leicht angedeutetes Wasserzeichen verwenden.

Oder was ist mit einem Photo von Dir? Schließlich soll es sich ja um eine persönliche Website handeln. Da wäre es doch nicht schlecht, wenn man sehen könnte, von wem sie ist. Du könntest z.B. ein Bild von Dir auch in das Layout einbauen. Als Grün-Duplex in der grünen Fläche z.B.

Soweit erst einmal von mir. Ich hoffe, Dir ein wenig geholfen zu haben...

[ot]Last but not least: Mit dem Apostroph hat Nash natürlich Recht, wenngleich mir die Begründung fehlt... Allerdings verstecken sich in Nashs Posting 10 von Dir nicht verursachte Rechtschreib- und Grammatikfehler... Wer sie als erster findet, der hat gewonnen... [/ot]

Das mit der Unterschrift wirkt wirklich schön. Das habe ich ja auch so ähnlich auf meiner Webseite: http://www.psilab.de

Ich finde es schön, dass du jetzt auch eine Serifen-Lose Schriftart für den Fließtext verwendest. Das kann man wirklich besser lesen.

Ansonsten könnte ich nur meine Punkte von oben noch mal wiederholen, was den Rest der Seite angeht. Die Ideen und Tipps von Stefan sind wirklich gut - der Kerl hat mich gerade inspriert ...

[q=LapisInfernalis]Also ich kenne die Schrift auf dem PC nur unter dem Namen Comic Sans.[/q]Stimmt. Ich hab noch mal nach gesehen. Selbst in dem von Microsoft lizensierten, nach installierten Schriftenpacket für SuSE Linux heißt die Schrift "Comic Sans". Ich hatte früher mal (noch auf einem Windows 98-Rechner) eine Schriftart namens "Ballon" die ziemlich ähnlich (gleich?!) aussah.

[q]Zum Abschluss des Kapitels "Schriften" aber noch kurz ein Wort der Warnung. Die Quelle, welche Dir Nash genannt hat, ist ein Quell der Freude für einen alten Schriftenliebhaber wie mich. Vielen Dank an dieser Stelle an unseren Nashman! Allerdings darfst Du eines nicht vergessen: Zwar kannst Du Dir die Schriften herunterladen, auf Deinem Rechner installieren und im Stylesheet angeben, nur sollest Du Dir dabei immer im Klaren sein, dass nicht jeder diese Schrift hat, und entsprechend solltest Du Vorsorge tragen, indem Du z.B. eine Ersatzschrift, bzw. Schriftenfamilie angibst.[/q]Ich dachte in diesem Moment eher an Schriften in Grafiken eingebettet, als direkt in der Seite. Hätte ich dort vielleicht noch dabei schreiben sollen (hole ich hier mit nach). Beim direkt Einbinden hat Stefan natürlich recht.

[q][ot]Last but not least: Mit dem Apostroph hat Nash natürlich Recht, wenngleich mir die Begründung fehlt... Allerdings verstecken sich in Nashs Posting 10 von Dir nicht verursachte Rechtschreib- und Grammatikfehler... Wer sie als erster findet, der hat gewonnen... [/ot][/q]Juhu! Fehler-Bingo!

MfG Arne .

[q=Nashman]Ich finde es schön, dass du jetzt auch eine Serifen-Lose Schriftart für den Fließtext verwendest. Das kann man wirklich besser lesen.[/q]
Witzig, dass Du das schreibst. In der Typographie gelten allerdings gerade die Serifenschriften als die lesbareren...

Also ich komm nicht umhin zu sagen... - das sieht nach nix aus...

Die Schriftart ist furchtbar - rot auf grün kein wirklich angenehmer kontrast am Bildschirm, auch wenn man im ihn im Kunstunterricht als Komplementärkontrast kennengelernt mögen hat...

Das "Layout" ist nix außergewöhnliches - vom Aufbau sieht ja inzwischen jede zweite private Seite aus... - aber trotzdem fehlt mir da das grafische, als das man von "Design" reden könnte. Oder gar Entwurf... Entwurf ist eigentlich ja schon ne Ankündigung auf was größeres...

Also ich würde mir evtl. nochmal auf Papier nettere Sachen überlegen - mehr Linien, unterschiedliche ähnliche grüntöne ineinander kombiniert - verschieden große Flächen voneinander abgrenzen (sehr viel "Design" kann man durch Größen-Kontraste erreichen).
Die Realisierung danach ist erstmal am Anfang zweitrangig - dafür hat man dann ja auch erstmal zeit - gerade bei privaten Homepages ist ja hauptsächlich die Realisierung und die Qualität des Ergebnisses interessant - daher bin ich ja grundsätzlich gegen schnelles hingekloppe...
wenn man nur einige Informationen kurz präsentieren will und überhaupt kein Design interessant ist, bin ich ja sogar für weiße Seiten mit schwarzen oder blauen Textlinks

Last but not least würde ich auch eine Sans-Serif (serifenlose) Schriftart, wie Arial oder Verdana(oder gar Helvetica für die Unixer) nehmen, anstatt Times - die sieht auf dem Bildschirm eher schlecht aus (wurde vermutlich oben schon gesagt - habs mir nich durchgelesen)... -> tschuldigung schon geändert! - da hatte ich das falsche Bild noch auf! - Jetzt sieht's nett aus - und mit der Unterschrift ist auch das erste "Grafikelement" dazugekommen

Das mit dem ' ist mir tatsächlich auch aufgefallen - allerdings muss ich sagen: "Peter's Homepage" ist alles andere als Deutsch! - von daher ist die Verwendung des S-Genitivs durchaus legitim

Zitat von »LapisInfernalis«

[q=Nashman]Ich finde es schön, dass du jetzt auch eine Serifen-Lose Schriftart für den Fließtext verwendest. Das kann man wirklich besser lesen.[/q]
Witzig, dass Du das schreibst. In der Typographie gelten allerdings gerade die Serifenschriften als die lesbareren...

Ja, aber nur beim Print. Am Bildschirm sind die Serifenlosen-Schriten deutlich besser lesbar.

MfG Arne .

Also ich finde, die Verläufe an den Seiten gehen auf jeden Fall in die richtige Richtung, aber der Verlauf im oberen Bereich wirkt irgendwie "billig". Der passt nicht wirklich, vielleicht auch wegen der Kombination mit der Schrift. Das wirkt irgendwie nicht.

Hi.

Also generell ging das jetzt in die richtige Richtung, allerdings frage ich mich, wie groß die Seite im Endeffekt ist (Größer der Bilder?) und in welche Auflösung das passt (800x600?).
Den Inhalt der Seite würde ich nicht vollständig zentrieren, sieht ein bisschen komisch aus (vorallem wenn die Listenpunkte nicht untereinander stehen).
Die Links auf der linken Seite - sind das Bilder oder Text? Wenn es Bilder sind, würde ich sie durch Texte austauschen und wenn es Texte sind, würde ich eine andere Schriftart nehmen, denn Comic (ist es doch?) hat nicht jeder installiert.

MfG MaMo

Ups, es hat sich was getan und ich habe es glatt übersehen ...

Also ich finde auch, dass es langsam was wird. ich muss mich in allen Punkten meinen Vorrednern anschließen: der Verlauf im Kopf der Seite sieht nicht gut bzw. sogar recht billig aus; im Menü solltest du eine andere Schrift verwenden, vielleicht sogar eine andere im Kopf; der Inhalt der Seite sollte nicht komplett zentriert sein, sondern lieber nach links ausgerichtet sein.

MfG Arne .

Also wenn ich ehrlich bin, dann burnt mich die Seite so absolut überhaupt nicht. Irgendwie fehlt da komplett sowas wie Style oder irgendwie eigene Note ... es sei denn, dass die Seite deinem ICH entspricht.