Brauche Hilfe beim Banner. :)

[R300]

Hallo

Ich bräuchte mal ein bischen Hilfe beim Banner für einen Online-Shop.

www.uni-ware.de

Mir fällt nichts mehr ein was ich noch in den Banner machen könnte, es sieht aber so leer aus. ;)

Habt ihr irgendwelche Vorschläge?

Würde mich sehr freuen. :)

[kasir]

mach einfach den schriftzug größer und entwerfe ein shoplogo, im hintergrund kannst du dann die verschiedenstene kleindungsstücke reinsetzten. aber bring auf alle fälle mehr farbe rein, es sieht ziemlich eintönig und langweilig

edit: vll. ne bannerrotation?

[Gast42]

Leer? Das hängt wohl auch von der Auflösung beim Nutzer ab.
Übrigens, bei 800px Breite zerreist es dein Design (winxp, firefox 1506)

[Mike1]

Leer? Das hängt wohl auch von der Auflösung beim Nutzer ab.
Übrigens, bei 800px Breite zerreist es dein Design (winxp, firefox 1506)
1024x768 sind mittlererweile die niedrigste Auflösung für die normalerweise Websites gemacht werden....

[darph]

1024x768 sind mittlererweile die niedrigste Auflösung für die normalerweise Websites gemacht werden....Für irgendwelche Auflösungen sollte man überhaupt keine Websites mehr machen. Nicht jeder hat seinen Browser im Vollbild.

[Yan-13]

1024x768 ist stadart größe ;) (Es gibt keine Firma die ne Page für höher auslegen tut soweit ich das weiß).

[Gast]

Für irgendwelche Auflösungen sollte man überhaupt keine Websites mehr machen. Nicht jeder hat seinen Browser im Vollbild.

Wozu gibt es CSS?
Kann man doch seperat einstellen ob die rechte oder linke seite sich mitverrücken oder nicht.

Ich würd dir zu einem schicken Logo raten welchen du dann etwas Transprenz verpasst um ihn dann auch -falls jemand nict fullscreen benutzt- per CSS automatisch verschieben lässt, sodass es unter den klamotten verschwindet und wieder auftaucht, you know;)

[darph]

Wozu gibt es CSS?
Kann man doch seperat einstellen ob die rechte oder linke seite sich mitverrücken oder nicht.Es ging mir eher darum, daß die Leute auch gerne mal kleinere Fenster haben, weil es eben nicht im Vollbild ist. Da ist es dann ziemlich nervig, scrollen zu müssen, weil der Designer sich eben in den Kopf gesetzt hat, man müsse unbedingt 1024 Pixel breite Fenster haben (Sidebars und Scrollbalken etc. stillschweigend vergessend). Dabei läßt sich Text durchaus auch mit kleineren Fenstern lesen. Meistens hängt es einfach an einem allzu starren, breiten Design. ;(

[/dev/NULL]

Ich geb Dir recht Darph, für ne Barrierefreie Seite o.ä. sind CSS Varianten die sich an die Größe anpassen toll, wenn man aber nen Design von nem Webdesigner bekommt und das umsetzen soll/will geht das dank großer Banner und angepasstem Layout oft nicht..

Meine neue Seite ist auch auf ne feste Größe getrimmt, sieht überall gleich aus und wenn jemand das Fenster zu klein hat muß er scrollen, weil ich (oder der Designer) nicht will das sich irgendwas verschiebt und deswegen ******* aussieht.

Css benutz ich trotzdem.

[darph]

Minuskel, bitte. :)
Css benutz ich trotzdem.Ja, mit CSS hat das ja auch nichts zu tun. Einzig mit dem Aufbau eines Designs und dessen Umsetzung.

[Gast42]

Es soll ja angeblich außer 21'-Monitoren noch andere Medien geben, auf denen man Netzseiten betrachten kann (Handy, serv(x)-boxen an TV). Bei einem Klamottenladen, der 3/4-Hosen verkauft könnte ich mir durchaus vorstellen, dass solche alternativen Medien genutzt werden. Und die bieten mir garantiert keine 1024 px Breite.
Mit welcher Auflösung ist man eigentlich unterwegs, wenn man mit einer Konsole im Netz ist, sind das 768x576?

[/dev/NULL]

Konsolen oder Handybrowser können entsprechende eigene CSS files bekommen, da sind dann halt keine Bilder drinnen. mit elinks und co ist die seite dennoch gut bedienbar.

Es gilt imho immer anzuwägen ob man ein Design hat was sich immer auf eine bestimmte größe anpasst (wobei man Banner und Co knicken kann) oder eins was immer gleich aussieht wodurch man manche Einschränkungen eingehen muß.

Es gibt auf fast allen Seiten festgeschriebene Größen für einzelne Spalten, sobald man kleiner ist als diese, hat man nen Scrollbalken.

Für die Nutzbarkeit (mit textbrowsern o.ä.) ist eine semantisch korrekte Webseite wichtiger, als keine Scrollbalken.

@Darph: MWas meinst Du mit Kleinbuchstaben ?

[Gast42]

leider sehe ich auf uni-ware keinen scrollbalken, wenn ich zu schmal werde. Dort wird nur rechts abgeschnitten.

[darph]

@darph: MWas meinst Du mit Kleinbuchstaben ? Das. ;)

Es ist aber doch unsinnig, für jedes Darstellungsmedium eine eigene Formatierung zu entwickeln. Es gibt unter Garantie eines, das man vergessen hat. ;( Und vor Allem: Stell dir vor, jetzt, nachdem du 20 verschiedene CSS Layouts entwickelt hast, wird das Unternehmen durch feindliche Übernahme geschluckt und die Corporate Identity ändert sich. (Okay, wir reden hier meist von kleinen Familienunternehmen oder privaten Websites, aber es geht ja auch um's Prinzip ;)) Viel Spaß. ;( Da ist es doch deutlich sinnvoller, ein möglichst gut skalierendes Layout für alle zu basteln.

Schlechtes Beispiel:
<div id="grosser_rahmen_um_alles" style="min-width: 902px;">
<!-- soll ja zum banner passen -->
<div id="ziemlich_breites_banner_hier">
<img src="banner.jpg" style="width:900px;" />
</div>
<div id="content_hier">
<p>Lorem ipsum und so weiter</p>
<p>Asdf und mehr Worte</p>
</div>
</div>

So. Wird gerne gemacht. Das ist doch doof. Jetzt ist mein Text immer so breit, wie das fette Banner da oben.

Ein gutes Beispiel dagegen ist das Forum hier: Selbst wenn in einem Posting ein sehr breites Bild gepostet wird, skalieren die anderen Postings im selben Thread immer noch anhand meiner Fensterbreite. Ich als User habe die Kontrolle, wie breit das Textfeld sein soll.

Schaut euch mal das neue Design von DeviantART (http://www.deviantart.com/) an. Das Banner oben, das mit dem "Search Art" Button ist dank des Textfeldes ziemlich breit. Schiebt man sein Fenster zu klein, bekommt man Scrollbalken. Das ist aber nicht schlimm. Schaut euch die Seite mal mit verschiedenen Fensterbreiten an. Der gesamte Rest skaliert perfekt. Man kann also durchaus ein etwas breiteres Banner verwenden, ohne daß das zu einem allzu starren Layout führt. Schaut euch auch mal ein paar Deviations an und achtet bei verschiedenen Fenstergrößen auf die Icons und den Text auf der linken Seite.