Wie wähle ich eine Schriftfarbe für einen sehr belebten Hintergrund aus? [Duplikat]

Ich bin Entwickler und habe nicht viel Designerfahrung. Ich erstelle eine Zielseite für ein Projekt, an dem ich arbeite. Ich möchte das folgende Bild als Hintergrund für meine Zielseite verwenden.

Wie Sie sehen können, ist der Text darauf nicht sichtbar. Ich habe versucht, ein paar Farben zu verwenden, und keine davon sieht auf diesem Bild gut aus, da ein Teil des Textes mit dem Bild verbunden wird.

Können Sie mir bitte sagen, welche Farbe ich verwenden soll?

Geben Sie hier die Bildbeschreibung ein

Danke schön

Ich würde versuchen, dem Text einen Schlagschatten oder einen Strich hinzuzufügen, um ihn hervorzuheben. Verwenden Sie alternativ einen weniger geschäftigen Hintergrund.

Antworten (1)

Es ist schwierig, die perfekte Farbe und den perfekten Kontrast zu haben, da der Hintergrund fast jede mögliche Farbe hat!

Sie können jedoch einige Effekte hinter Ihrem Text hinzufügen, um ihn aufzuhellen oder abzudunkeln, und auf diese Weise mit dem Kontrast spielen. Das gibt Ihnen auch etwas Freiheit, eine andere Akzentfarbe zu verwenden ... zB. die Farbe des Logos des Unternehmens, für das die Website erstellt wurde.

Sie können nicht alle diese Effekte mit CSS machen, einige davon ja. Ich habe diese mit Photoshop erstellt und den Ebenenstil verwendet (doppelklicken Sie auf die Ebenen mit Ihrem Text, um sie anzuzeigen).

Hier ist ein Beispiel mit einer transparenten weißen Box:

Transparente Schachtel

Hier ist ein Beispiel mit einem transparenten weißen Feld in voller Breite:

Transparente Box in voller Breite

Hier ist ein Beispiel mit einer transparenten Blackbox in voller Breite:

Blackbox in voller Breite

Hier ist ein Beispiel mit einem großen Schlagschatten und einer Box:

Schlagschatten für Text

Hier ist ein Beispiel mit einem Glühen und einem Kästchen:

Outerglow-Effekt auf Text

Es gibt viele Möglichkeiten für diese Art von Projekten, aber vielleicht geben Ihnen diese Beispiele einige Ideen!

Wenn Sie nur Text und nichts anderes verwenden möchten, sollten Sie die fetteste Schriftart wählen, die Sie finden können, und wenn möglich einen schwarzen Umriss oder etwas drumherum hinzufügen.

+1 - Die Gliederung lässt sich übrigens einfach in CSS mit Textschatten hinzufügen (Sie können mehrere harte Schatten in einer einzigen Textschatten-Eigenschaftsdeklaration verwenden). Leider lässt das ältere Versionen des Internet Explorers außen vor. Ein Panel wie hier vorgeschlagen ist die einfachste Cross-Browser-Lösung; Die Alternative wäre, bedingte Kommentare zu verwenden, um CSS für ein Panel in IE9 und darunter einzuführen.
Wie wähle ich eine Schriftfarbe für einen sehr belebten Hintergrund aus? [Duplikat]
AntwortenHierDatenschutz-Bestimmungen1y, 0v