Optik angepasst 8. Februar 2007
Posted by Sven in : Design , add a commentDie Optik habe ich heute angepasst. Dabei habe ich mich was den Header angeht an das alte SxxxxVxxx Design gehalten. Das Logo rechts oben, wenn dass jetzt genommen wird, muss ich dann nochmal in besserer Qualität (ist jetzt etwas pixelig) malen.
Fixes oder variables Layout 15. Mai 2006
Posted by Eike in : Design, Markup , 1 comment so farWir müssen sowohl für das Design als auch für den HTML / CSS Code uns entweder für ein fixes oder varibles Layout entscheiden. der-rollenshop.de verwendet z.Z ein variables Layout das auf allen gängigen Auflösungen bis runter zu 800*600 funktioniert. Jungs (speziell Alex), verwehrt Euch jeglichen Kommentar zum Markup. Das war lange lange vor Eurer Zeit und auch lange vor XHTML/CSS. Ich werde noch aktuelle Statistiken über verwendete Bildschirmauflösungen veröffentlichen. Aus rein gestalterischen Gesichtspunkten würde man für ein fixes bzw. statisches Layout argumentieren, da wir hier absolute Kontrolle über das Erscheinungsbild auf unterschiedlichsten Auflösungen hat. Um jedoch den Spagat zwischen 800px und 1600px zu schaffen kommen wir wohl nicht um ein flexibles Layout herum. Hier ein paar weitere Anmerkungen:
Statisches / fixes Layout:
- Keine 100%ige Kontrolle über das Design, da nicht die Variablität von Auflösungen beachtet werden kann und wir dann evtl. große Freiräume bekommen.
- Unterschiedliche Layouts für unterschiedliche Auflösungen stufe ich mal als groben Unfug ein. Unsere Freunde von Microsoft machen das z.B. so.
- für die Zukunft ist es jedoch z.B. für mobile Browser (PDAs) sinnvoll ein komplett alternatives Layout anzubieten.
Ganz gleich welche Möglichkeiten uns da CSS bietet ist IMO auch ein anderes Markup sinnvoll / notwendig. - Ein statisches Layout ist einfacher und schneller umzusetzten und macht weniger (Kompatibilitäts-)Ärger
- Die Zeilenlänge kann statisch definiert werden. Es entstehen keinen ewig langen Zeilen, die kein Mensch lesen mag.
Variables Layout
- Ein variables Layout ist state-of-the-art, schick und demonstriert techn. Möglichkeiten
- Für Grafiken z.B. im Headerbereich müssen Übergangsbereiche / Verläufe geschaffen werden.
Die Designer von der-rollenshop.de haben das super gelöst.
mehr dazu bei Björn Seibert “Herausforderung elastistische Layouts“ - Ein elastisches Layout sorgt für mehr Benutzerfreundlichkeit, wenn die Technik optimal eingesetzt wird.
- Die gängige Praxis für variable Layouts (wie auch beim rollenshop) ist ein variabler Bereich (i.d.R. der Content) und die restlichen Bereiche werden statisch gehandhabt. Das ist IMO eher suboptimal.
Wir sollen uns Gedanken über die Variablitität auch von anderen Bereichen machen!
Fazit?
Von mir aus gibt es dazu kein endgültiges Fazit, wobei ich eher zu einem variablen Layout tendiere. Die Vorteile eines statischen Layouts sind hier vielleicht etwas zu kurz gekommen was nicht heißen soll, dass diese grundsätzlich schlecht sind. Skype.com oder Spiegel.de verwenden auch statische Layouts. Ebay geht da vielleicht den richtigen Weg oder hat auch nur einen faulen Kompromiss gefunden. Startseite statisch - Folgeseiten variabel
Design
Posted by Alex in : Design , add a commentGut, dann mache ich mal den Anfang, denn aller Anfang ist ja bekanntlich schwer.
Ich denke, dass das Design für das Kanzlerportal und die jeweiligen Shops stark davon abhängt, wie wir das gesamte Konzept realisieren, sprich welche Funktionen von Grund auf dabei sein sollen. Daher bevorzuge ich persönlich so eine Art “Boxen-” oder Baukastenprinzip, sodass wir später ohne weitere Probleme neue Feauters “global” veröffentlichen können. Generell sollten wir im Grundsatz vielleicht das Design vom rollenshop nehmen und dieses verbessern, komfortabler gestalten, vielleicht noch übersichtlicher und benutzerfreundlicher realisieren. Man muss immer daran denken, dass wir ja mal viele Besucher/Kunden auf diese Seite ziehen wollen, da spielen solche Aspekte alle eine Rolle. Auch sauberer Code (XHTML,CSS) sollte bedacht werden, da kommt der gute Herr Zeldman wieder zum tragen… in diesem Sinne…
und gefuscht wird schonmal gar nicht