Wie kann ich dunkle Bilder hervorheben, wenn sie auf einer Website mit dunklem Hintergrund angezeigt werden? [abgeschlossen]

Ich versuche, Fotos auf einer Website anzuzeigen, die einen schwarz/dunkelgrauen Hintergrund mit Farbverlauf hat. Es fällt mir schwer, die Fotos hervorzuheben. Ich habe versucht, Schatten hinzuzufügen, aber sie gehen im Hintergrund verloren. Ich habe auch Grenzen ausprobiert, aber sie sehen eher kitschig und gezwungen aus.

Gibt es andere Techniken als die, die ich erwähnt habe? (Beispielimplementierungen sind willkommen). Schlüsselwörter, die mir bei der Suche im Internet helfen, wären auch nett, da ich neu in diesen Konzepten bin und Schwierigkeiten habe, relevantes Material zu finden.

Können Sie Beispiele für die angestrebte Wirkung nennen? „Pop“ ist höchst subjektiv.
Normalerweise lässt ein dunkler Hintergrund Fotos auf einem hintergrundbeleuchteten Bildschirm besser hervortreten – wenn nicht, könnte das ein Zeichen dafür sein, dass Ihre Fotos unterbelichtet sind?
Dies scheint eine Webdesign-Frage zu sein, nicht die Fotos selbst ....
Auch ein Beispiel-Screenshot von dem, was Sie jetzt haben würden und womit Sie unzufrieden sind, wäre nützlich.
Ich stimme dafür, diese Frage als nicht zum Thema gehörend zu schließen, da es sich nicht wirklich um eine Fotografiefrage handelt.

Antworten (4)

Sie könnten versuchen, sie in ein breites graues oder weißes Passepartout (oder Passepartout ) einzurahmen . Dies könnte wie ein echtes Bild an einer Wand aussehen.

Da Sie erwähnt haben, dass Schatten im Hintergrund verloren gehen, können Sie stattdessen helle farbige „Leuchten“ hinzufügen (wenn Sie mit Photoshop arbeiten).

Oder versuchen Sie es mit Reflexionen wie dieser .

Wählen Sie hellere Bilder, wenn Sie die Möglichkeit haben, und versuchen Sie, Bilder mit der gleichen Größe/dem gleichen Seitenverhältnis zu haben

Es gibt viele JS-Bildkarussell-Bibliotheken wie diese , die mit eingebauten Effekten ausgestattet sind, die Ihnen den „Pop“ verleihen könnten!

Hoffe das hat geholfen :)

Wenn Sie das Design der Webseite beeinflussen können, können Sie anstelle von Photoshop CSS box-shadow verwenden (verwenden Sie einfach eine helle Farbe, um ein Leuchten anstelle eines Schattens zu erhalten).

Sie können den Bildern einen ein- oder zweipixeligen weißen oder grauen Rahmen geben.

Dies hilft, das Bild vom Hintergrund zu trennen und betont die Bildränder – normalerweise ein wichtiges Element der Komposition.

Es ist offensichtlich weniger ausgefallen als Schatten oder Schein, aber Sie finden es möglicherweise sauberer und einfacher für den Benutzer, sich auf Ihre eigentliche Arbeit zu konzentrieren, anstatt auf das Seitendesign.

Ich arbeite in einem Foto-Sharing-Startup und wir sind auf das gleiche Problem gestoßen. Wir haben auch einen dunkelgrauen Hintergrund.

Durch die minimalistische Verwendung von Box-Shadows (sowohl im Einsatz als auch im Außenbereich) haben wir ein Design geschaffen, das die Bilder hervorhebt, auch wenn sie auch dunkel sind. Hier ist ein Beispiel . Wenn Ihre Implementierung immer noch gezwungen aussieht, empfehle ich Ihnen, sie minimaler zu gestalten. Leichte Berührungen können viel bewirken.

Ich hoffe, es hilft!

Wie kann ich dunkle Bilder hervorheben, wenn sie auf einer Website mit dunklem Hintergrund angezeigt werden? [abgeschlossen]
AntwortenHierDatenschutz-Bestimmungen1y, 0v