Bild mit Textbox

Noch mehr Flexibilität bei der Contenterstellung

Sprechblase mit dem Wort Info

Worum geht's?
Klare Botschaft trotz visuellem Reiz. Bilder sprechen emotional – aber ohne Text bleibt die Interpretation dem Betrachter überlassen. Ein Text auf dem Bild gibt:

  • Kontext (z. B. "Sommerfestival im Kurpark")
  • Orientierung (z. B. "Weg zur Aussichtplattform")
  • Call-to-Action (z. B. "Jetzt entdecken", "Mehr erfahren")
Glühbirne neben der Überschrift Gut zu Wissen

Gut zu wissen
Die Kombination aus Bild und Text zieht den Blick stärker an als nur Text oder nur Bild:

Visuelle Hierarchie entsteht (Bild zieht an, Text klärt auf)

Es besteht auch die Möglichkeit, das Element mit einem svg zu hinterlegen, siehe:

Live-Demo

Hier steht der alternative Text
© Hier steht das Copyright
Alternativer Text
© Hier steht ein Copyright
Bild mit Textbox
Alternativer Text
© Hier steht ein Copyright
Hier steht sehr viel Text. Zwischen Toast und Tastatur sinnierten die Büro-Zwerge darüber, ob Bilder mit Textboxen besser wirken, wenn der Text sehr lang, sehr kurz oder einfach völlig absurd ist. Ein mutiger Zwerg probierte „Klick mich jetzt!“ in Comic Sans aus, ein anderer wollte alles in Reimform. Der Praktikant drückte aus Versehen F12 und wurde zum Entwickler befördert. Währenddessen scrollte der Nutzer verwirrt, aber amüsiert – und genau das war das Ziel. Denn wer sagt, dass Webseiten nicht auch ein bisschen Quatsch dürfen?

In der Linken Spalte sind folgende Elemente zu finden

  • Normales Bild und im Vergleich dazu:
  • Bild mit Textbox (kurzer Text)
  • Bild mit Textbox (sehr langer Text)

Als der Hamster beschloss, Webdesigner zu werden, war ihm nicht klar, wie schwer es ist, Texte zu füllen, ohne wirklich etwas zu sagen. Doch mutig sprang er mit seiner Kaffeetasse bewaffnet in die Welt der Blindtexte. Er philosophierte über das perfekte Padding, die Tiefe eines Drop-Shadows und warum das Button-Label „Mehr erfahren“ in jeder Sprache gleich langweilig klingt. Währenddessen bastelte die Katze am Layout und diskutierte mit dem Papagei über Farbharmonien. So entstand ein Content-Universum voller Textboxen, die zwar nichts aussagen – aber verdammt stylisch aussehen.