Overlay-Text auf einem "chaotischen" Hintergrund sichtbar machen [duplizieren]

Geben Sie hier die Bildbeschreibung ein

Ich versuche, eine Vollbildkarte mit einigen überlagernden Menüs darüber zu erstellen, wie Sie im obigen Screenshot sehen können. Ich habe versucht, den überlagernden Text sichtbar zu machen, indem ich ein inneres Leuchten auf eine Vollbild-Rechteckform ohne Füllung angewendet habe, die sich über der Kartenbildebene befindet. Wie Sie jedoch sehen können, leistet es nicht wirklich gute oder ordentliche Arbeit, wenn es darum geht, das Bild visuell zu präsentieren.

Irgendwelche Ideen oder Tipps, wie ich den obigen Text dazu bringen könnte, vor dem Kartenhintergrund angezeigt zu werden. Der Text sollte vorzugsweise weiß bleiben.

Wenn Sie weitere Informationen benötigen, lassen Sie es mich wissen. Schätzen Sie jede Hilfe. Vielen Dank im Voraus.

Fügen Sie einen kleinen Schlagschatten (ein Pixel vielleicht zwei) mit einer Null-Abstandseinstellung hinzu.
Sie können eine etwas dunkle Farbe für die Karte verwenden, damit weißer Text darüber sichtbar ist. Oder verwenden Sie den Schlagschatteneffekt in Textebenen.
Ich denke, du solltest das Design überdenken. Die Vignette der Karte trägt nur zur Verwirrung bei und erschwert die Lesbarkeit. Rahmen Sie die Karte und Ihre Benutzeroberfläche ein, anstatt alles zu schweben.

Antworten (2)

Fügen Sie einen kleinen Schlagschatten mit einer Abstandseinstellung von Null hinzu.

Ich habe eine Einstellung von Deckkraft 100%, Abstand 0, Ausbreitung 0, Größe 5 für den Text verwendet ...

Geben Sie hier die Bildbeschreibung ein

Außerdem würde ich vorschlagen, dass Sie eine andere Farbe verwenden, um Ihre Oberflächenelemente zu identifizieren (ich habe bemerkt, dass Sie Rot für die Platzmarkierungen verwendet haben, warum also nicht eine der Standardfarben der Bank für Ihre Symbole ganz rechts verwenden?).

Sind Sie mit diesem Projekt fertig? Es wird gut sein zu wissen, was Sie letztendlich getan haben.
@ACEkin: Ich glaube, du hast deinen Kommentar gegen die falsche Person gepostet.
Hoppla! Mein Präsidentschaftskandidaten-Moment ;-) Sorry.

Ich kenne die Anforderungen oder Einschränkungen, die Sie für das Design festlegen, nicht, daher kann mein Vorschlag für Sie funktionieren oder auch nicht.

  1. Verwenden Sie keinen weißen Text für die Menüs auf der rechten Seite
  2. Ich habe Rot gewählt, aber Sie können Schwarz mit ähnlichen Ergebnissen ersetzen
  3. Verwenden Sie eine robustere Schriftart, ich habe zwei Varianten, Berlin Sans FB und Berlin Sans FB Demi für etwas kühneres Rendering
  4. Verwenden Sie ein äußeres Leuchten mit weißer Farbe, wo der Hintergrund hell ist, stört es nicht, aber wo es dunkel ist, hilft es, den Text zu trennen

In der Abbildung unten finden Sie jeweils Beispiele, normale Schriftart, schlicht und mit weißem Außenglanz und dasselbe mit Demi-Schriftart. Ich denke, eine mittelstarke Schriftart ist für diese Arbeit ideal.

Geben Sie hier die Bildbeschreibung ein

Danke für den Kommentar @ACEkin. Werde deinen Vorschlag ausprobieren und sehen, wie es läuft.
Overlay-Text auf einem "chaotischen" Hintergrund sichtbar machen [duplizieren]
AntwortenHierDatenschutz-Bestimmungen1y, 0v