Re-Design XPUsermanager Homepage

[Luckie]

Zitat von s.h.a.r.k:

Das mit dem max-width ist mir auch gleich aufgefallen. Nutze im Moment eine Auflösung von 1920x1200 und da ist die Seite schon verdammt breit.

Wenn ich das mache ist der graue Kasten nicht mehr zentriert.

Zitat:

Zudem zerschieß das Image auf der Seite das Layout (Firefox 3.6.x).

Inwiefern? Ich habe hier auch die Version bei einer Auflösung von 1280x1024 und da passt es eigentlich.

Zitat:

Evtl. kannst du auch mal runde Ecken ausprobieren,

Da habe ich auch schon dran gedacht.

Zitat:

PS: Erhöhe mal das Padding des div.body und setz es ruhig mal auf 20px. Heutzutage hat man meist recht viel Platz auf dem Screen wodruch man gerne große Abstände wählen darf.

Werde ich ausprobieren.

Zitat von Prototypjack:

Der blaue Farbton im Header gefällt mir (persönlich) nicht so, da könnte man eventuell noch ein bisschen was machen.

Wie schon gesagt, Design ist nicht meine stärke. Schlagt einen besseren Farbton vor.

Zitat:

Was ist beim Impressum passiert? Wieso weicht der Textstil da so extrem vom Rest der Seite ab?

Was stimmt damit nicht? Sieht bei mir genauso aus, wie alle anderen Seiten auch.

Zitat von taveuni:

Du solltest das Prog umbennen. Die Zeiten von XP sind vorüber.

Unter dem Namen ist es aber nun mal bekannt und so heißt auch die Domain.

Zitat von pustekuchen:

Was mir noch aufgefallen ist, neben Lizenz erwerben ist noch viel Platz( siehe Screenshot).

Ja, das ist mir auch schon aufgefallen. Aber wenn ich alle drei Boxen breiter mache rutsch die dritte Box in die nächste Zeile. Was sie aber anscheinend auch bei einer höheren Auflösung tut.

Code:

div.body {
   text-align: justify;
   width: 75%;
   /*max-width: 800px;*/
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 1px;
   margin-left:auto;
   margin-right:auto;
   background-color: #E8E8E8;
}

div.bottom {
   width: 75%;
   margin-left:auto;
   margin-right:auto;
   padding-top: 5px;
}

div.boxes {
   float: left;
   width: 31%;
}

[pustekuchen]

Mach dort doch eine Tabelle mit nicht sichtbaren Bordern.
Versuch mal

Code:

div.boxes {
   float: left;
   width: 33%;
}

[alfold]

Schade das du es jetzt zerstückelt hast!
Die erste war die Profesionellere, vor allen dingen die Fussnoten. Die paar kleinen Änderungen hätten ausgereicht!
Aber Gut über Geschmack lässt sich wahrlich streiten.

Gruss alfold

PS Ein Sprichwort sagt: "Viele Köche verderben den Brei"

[Luckie]

Inwiefern zerstückelt? Meinst du die drei Boxen unten?

[Bernerbaer]

Webdesign ist klar Geschmackssache. Was _ich_ persönlich nie mache sind flexible Layouts. D.h. ich gestalte Seiten immer mit einer (oder alenfalls mehreren) fixen Breite. Ich möchte die Kontrolle über das Layout behalten und versuche ein Auseinanderbrechen des Layouts durch Grössenänderungen des Browsers zu verhindern.

Dass ich mit meiner Ansicht nicht alleine bin, zeigt wohl ein Surfen im Netz bei den grossen und bekannten Firmen, die sich professionelle Layouter und Designer leisten können. Praktisch alle grossen Anbieter wählen ein fixes Layout
zb.: http://www.microsoft.ch, http://www.zdnet.de, http://www.chip.de, http://www.apple.com/de, www.spiegel.de, www.faz.net usw...

[Namenloser]

Zitat von Bernerbaer:

Webdesign ist klar Geschmackssache. Was _ich_ persönlich nie mache sind flexible Layouts. D.h. ich gestalte Seiten immer mit einer (oder alenfalls mehreren) fixen Breite. Ich möchte die Kontrolle über das Layout behalten und versuche ein Auseinanderbrechen des Layouts durch Grössenänderungen des Browsers zu verhindern.

Dass ich mit meiner Ansicht nicht alleine bin, zeigt wohl ein Surfen im Netz bei den grossen und bekannten Firmen, die sich professionelle Layouter und Designer leisten können. Praktisch alle grossen Anbieter wählen ein fixes Layout

Naja, ich würde das eher auf die Faulheit der Webdesigner zurückführen. Ein dynamisches Layout zu erstellen, das in allen Größen gut aussieht, ist möglich, aber eben sehr viel aufwändiger.

[Bernerbaer]

Zitat von NamenLozer:

Naja, ich würde das eher auf die Faulheit der Webdesigner zurückführen. Ein dynamisches Layout zu erstellen, das in allen Größen gut aussieht, ist möglich, aber eben sehr viel aufwändiger.

Ich denke eher, dass es nur in den seltensten Fällen möglich ist ein flexibles benutzerfreundliches Layout zu erstellen. Beispiel: ich lese einen Text auf der HP, will nun das Fenster etwas vergrössern und schon ist mein Blickpunkt verloren, ich muss neu fokussieren, der Textumbruch hat sich geändert, Fixpunkte sind nicht mehr da wo sie noch vorher waren. Ich brauche einige Sekunden, bis ich wieder da bin, wo ich vorher mit Lesen aufgehört habe.
Unser Auge nicht ist nicht an flexible Grössen gewohnt. Alles in unserer Umwelt hat eine fixe Grösse und unser Gehirn hat sich daran gewohnt.

[Namenloser]

Ich weiß nicht, ob es schon gesagt wurde, aber ich würde die Kopf- und Fußzeile genau so breit machen wie den Inhalt in der Mitte, sodass die Ränder bündig abschließen. Außerdem würde ich das <hr> im Footer entfernen, und ggf. durch eine CSS-Border ersetzen. <hr> wirkt irgendwie sehr altbacken (wobei man es per CSS natürlich auch moderner aussehen lassen könnte, aber eigentlich hat das Tag im semantischen Web eh nichts verloren).

[alfold]

Die Referenzen da unten mit einzufügen fand ich genial! Man nennt dies auch "offene Werbung"

Lies Dir Bitte den Text neben dem Bild mal zügig durch. Wenn es da nicht zu Zungenbrecher bzw. schnelles überlesen kommt! Darum vergleiche mal beide(siehe PN).
Bei Deinem 1. Vorschlag, betrifft jetzt das Bild, konnte ich gleich erkennen wie die Oberfläche aufgebaut ist, jetzt durch ein klick. Wenn, dann evtl noch ein paar andere Photos dazu, damit der 'klick' sich auch lohnt.
Impressum 'sehr aufdringlich'. Hast Du Angst das es niemand lesen kann oder es nicht versteht .

Farblich ist es Top

Auch wenn es jetzt Kritik an meiner Aussage geben wird, fand ich die erste Variante besser! (leichte Überarbeitung und gut währe es)

Aber dies ist halt meine Einschätzung

Gruss alfold

[Luckie]

Also du meinst Screenshot wieder in die Mitte?

Den text habe ich doch deinen Vorschlägen entsprechend geändert.