Mit Hintergrund-Grafiken in einer Webseite

Entwerfen einer schönen Hintergrund für Ihre Website ist ein wichtiges Detail, das viel Politur zu Ihrem Design hinzufügen können. Bedenkt man, dass Sie nicht wissen, welche Art von Monitor Menschen haben, wenn Ihre Website sehen können, müssen Sie für alle Szenarien berücksichtigen. Obwohl es wichtig ist, um sicherzustellen, dass alle wesentlichen Inhalt und Navigation innerhalb eines 1000 Pixel breiten Raum passt, was auf Ihrer Website passiert, wenn es auf einem großen Kino-Monitor betrachtet wird? Hier sind ein paar Vorschläge und Beispiele für Sie zu prüfen:

  • Wählen Sie eine solide, kostenlose Hintergrundfarbe. Zumindest, wählen Sie eine Farbe für den Hintergrund Ihrer Website, die das Design Komplimente. Lassen Sie nicht nur den Hintergrund weiß, weil Sie einfach es vergessen. Wenn weiße geeignet ist, dann weiß wählen.

    Im Allgemeinen mehr gedämpften Farben sind besser. Wenn jemand das Browserfenster und erhält eine Explosion von hellen Orange erweitert, es ist wahrscheinlich nicht die beste Benutzererfahrung.

  • Verwenden Sie einen sich wiederholenden Hintergrund Kachel. Erstellen Sie eine kleine Grafik (kann beliebig groß sein, tatsächlich), die nahtlos über und unten auf der Seite wiederholen.

    Es ist ein bisschen wie ein Trick, ein Muster zu machen, die keine sichtbaren Nähte hat. Verwenden Sie Photoshop vier Kopien Ihrer Fliese End-to-End-zu platzieren um den Umfang der ursprünglichen Kachel zu sehen, wie all die Linie nach oben Kanten. Der Vorteil der Kacheln besteht darin, dass unabhängig davon, ob Sie CSS-Code oder HTML verwenden, eine relativ kleine Grafik ist alles was man eine große Fläche zu füllen dauert. Dies spart Downloadzeit.

  • Erstellen Sie einen Hintergrund Kachel, die eine lange, dünne horizontale Streifen ist. Mit CSS können Sie feststellen, dass ein Muster in nur einer Richtung wiederholt: entweder x (Horizontal über die Seite) oder y (Vertikal nach unten auf der Seite). Wenn Sie eine große, dünne Streifen schaffen, etwa eine Abstufung, können Sie es nur über die Seite wiederholen. Sie sollten dann das Kompliment durch eine solide Hintergrundfarbe einstellen, die die Unterseite Farbe Ihrer Kachel entspricht. Auf diese Weise, wenn Benutzer die Seite nach unten scrollen, können sie nicht sehen, wo Ihre Fliese endet und die Hintergrundfarbe beginnt.

  • Erstellen Sie einen Hintergrund Fliese, die viel größer sind als Ihre Web-Seite ist. Viele Leute denken, der Hintergrund Fliesen als kleine, quadratische Grafiken, die in einem Haus wie eine Bodenfliese arbeiten. Dies ist nicht unbedingt der Fall. Sie können eine Hintergrundfliese erstellen, die (a) viel größer als Ihre Web-Seite ist, (b) ist von irgendwelchen Anteilen, und (c) wiederholt sich nicht einmal. Dies ist eine gute Möglichkeit, eine zu schaffen # 147-Umgebung # 148- hinter Ihrer Website, und zeigen eine schöne Überraschung für Menschen, die ihre Browser-Fenster zu erweitern.

    Eine dünne, dekorative Hintergrund Kachel wiederholt über die Hong Kong Disneyland-Website, in einer Spalte endet
    Eine dünne, dekorative Hintergrund Kachel wiederholt über die Hong Kong Disneyland-Website, in einer Farbe endet, die genau (nahtlos) mit der zugrunde liegenden Seite Farbe.

Menü