Sind gepunktete Bilder ein neuer Trend im Webdesign?

Ich habe in letzter Zeit bemerkt, dass einige der Websites, die ich regelmäßig besuche, einen neuen und bizarren Trend im Webdesign übernehmen: „die gepunkteten Bilder“. Ich bin mir nicht sicher, wie ich es nennen soll. Es sieht so aus, als ob ein Muster aus regelmäßig angeordneten Punkten absichtlich über alle Miniaturansichten gelegt wurde, oder manchmal ist es ein leichtes Gittermuster anstelle von Punkten, aber das Endbild ist ähnlich. Es sieht etwas wie ein gedithertes Bild aus.

Ich persönlich finde den Effekt schrecklich und dachte zuerst, dass die Bildwiedergabe meines Browsers schuld sei, aber ich habe 3 verschiedene Browser ausprobiert und kann das Muster immer noch sehen. Sieht so aus, als wäre es beabsichtigt gewesen.

Tatsächlich ging eine der Websites, die das früher taten, auf normale Bilder zurück. Es war eine Zeitungswebsite und ich vermute, sie bekamen eine Reihe von Anrufen, in denen sie gefragt wurden, warum ihre Bilder alle durcheinander waren, und die Entscheidung nach ein paar Monaten rückgängig machten.

Hat das schon mal jemand gehört oder gesehen?

Beispiellink: http://www.linkedin.com/today/se/editorspicks

wie wäre es mit ein paar beispielen?
Entschuldigung, ich wollte einen posten, ich habe gerade meine Frage aktualisiert.
Nein, es ist kein neuer Trend.
Beachten Sie, dass es zu störenden Moiré-Effekten kommen kann, wenn das Bild skaliert wird, z. B. in einem Smartphone-Browser.
ich sehe es nicht...
Um dies Jahre später noch einmal zu wiederholen, freue ich mich, Ihnen mitteilen zu können, dass diese Web-Modeerscheinung vorbei ist und dieser dumme Effekt nicht mehr verwendet wird.
Ihr Link fordert Benutzer auf, sich bei LinkedIn anzumelden. Kannst du stattdessen einen Link zu dem Bild bereitstellen oder vielleicht einen Screenshot machen und ihn hier posten?

Antworten (6)

In der Vergangenheit habe ich gesehen, wie dieser Effekt verwendet wurde, um ein Merkmal des Bildes zu verbessern. Der Link, den Sie gepostet haben, scheint dies unnötig zu tun.

Siehe http://demo.grandpixels.com/?theme=linguini

Der Text auf den Haupt-Slider-Bildern sticht wirklich hervor, weil die Raster-/Punkt-Überlagerung das Bild verdunkelt und leicht verwischt, wodurch der weiße Text noch weißer und klarer erscheint.

Die Bilder auf meinem Link sehen großartig aus, und das Overlay-Bild dient einem ziemlich klaren Zweck, nämlich der Verbesserung der Botschaft des Textes; etwas, das es ganz gut macht.

Geben Sie hier die Bildbeschreibung ein

Ohne die Rasterüberlagerung würde der weiße Text mit dem Käse dahinter verschmelzen.
Sie brauchten einen Stil, der für jedes Bild dahinter funktioniert, ob hell oder dunkel, und damit der Text seine Wirkung nicht verliert, wenn er über einem Hintergrundbild angezeigt wird.

Ihr linkedin-Beispiel zeigt, wie es nicht verwendet werden sollte.
Meistens ist Grafikdesign eher eine Wissenschaft als eine Kunst, und Effekte wie dieser sollten nicht verwendet werden, weil „sie gut aussehen“, sondern weil ein klarer Zweck für ihre Verwendung definiert wurde, und ihre Verwendung ist im Kontext der Seite gerechtfertigt.

Toller Tipp, wie die Rasterüberlagerung dazu beiträgt, dass sich der Text vom Bild abhebt.
Ich kann die Verwendung in begrenzten Fällen wie in Ihrem Beispiel sehen. Ansonsten ist es nur ein Gimmick. Ich wurde einfach sehr neugierig, als ich das in letzter Zeit auf immer mehr Websites sah, und ich denke, es gibt eine Art Trend, der sich aufbaut. Hoffentlich stirbt es genauso schnell ab. Als freundliche Nebenbemerkung finde ich Ihre technische Implementierung suboptimal, sie ist ziemlich langsam, weil Sie einen wiederholten 2x2-Hintergrund verwenden, und es belastet den Browser sehr beim Rendern. Ich würde die Overlay-Größe erheblich erhöhen und Sie werden eine enorme Verbesserung der Seiten-Scroll-Reaktion bemerken.
Prost. Allerdings ist es nicht meins, ich habe es nur im Internet gefunden ;)

Die Musterüberlagerung ist ein nützliches Designwerkzeug und kann einigen Zwecken dienen. Wie bereits erwähnt, kann es helfen, Grafikelemente auf der Seite visuell zu trennen, aber es hilft auch, Unvollkommenheiten/JPEG-Komprimierungsartefakte in Bildern mit niedrigerer Auflösung zu verbergen, die überabgetastet werden, um eine HD-Anzeige (1920 x 1080) zu füllen.

Manchmal verwende ich eine Musterüberlagerung, um das Erscheinungsbild einer Sammlung von Bildern zu vereinheitlichen. Wenn ich 6 Bilder habe, die wirklich gut aufgenommen wurden, und 3 Bilder, die nicht so gut sind, hilft eine Musterüberlagerung, sie auszugleichen und den Übergang zwischen den guten und schlechten Bildern weniger dramatisch zu machen.

Hier ist ein Beispiel, bei dem ich denke, dass die Musterüberlagerung ziemlich gut funktioniert, obwohl ich wette, dass es Ihnen schwer fallen wird, den ursprünglichen Fotografen davon zu überzeugen, dass es eine Verbesserung ist. :) http://goo.gl/d0OYOO

Der Effekt stammt eigentlich aus den früheren Tagen der Weboptimierung.

Der gepunktete Effekt wurde auf Bilder angewendet, die so stark komprimiert wurden, dass sie Artefakte zu bilden begannen. Das "gepunktete Gitter" würde diese Artefakte verbergen und das Bild weniger komprimiert erscheinen lassen.

Es breitet sich dann als normaler Effekt aus und kann, wie Daniel sagt, ein Bild erzeugen oder zerstören. Bei richtiger Anwendung (wie bei den meisten anderen Effekten) können Sie großartige Ergebnisse erzielen.

Ich denke, in Ihrem Beispiel wurde es getan, um die Bilder leicht zu verdunkeln.

Ich denke auch, dass es ein Rückblick auf frühere Stile ist.

Der Grund ist, die niedrige Auflösung des Bildes zu maskieren. Die Verwendung eines Bildes mit niedriger Auflösung kann die Ladezeiten der Website verbessern und Google glücklich machen. Aus SEO-Sicht ist es also ein Trend.

Ich kann nicht sagen, ob es ein Trend ist oder nicht. Aber wenn es so ist – und meine Interpretation stimmt mit dem identifizierten Effekt überein (in Bezug auf Ihr Linkedin Editor’s Pick-Beispiel), denke ich, dass es ein interessantes Konzept ist, das vielleicht nur etwas Gewicht hat, nicht nur Flusen.

Möglicherweise könnte dies ein bisschen weit hergeholt sein, aber für mich sieht es so aus, als wollten sie signalisieren, dass dieses Bild zu Inhalten/Artikeln führt, die sich woanders befinden (dh außerhalb von Material; nicht innerhalb der aktuellen Website ) . ). Fast so, als ob Sie durch ein kleines Fenster an einen anderen Ort „guckten“ – Tiefe hinzufügen (eine weitere Ebene), die sich aus Sicht der Benutzerfreundlichkeit in bestimmten Kontexten tatsächlich als potenziell erweisen könnte.

Ich gebe zu, dass ich mir der Ausführung in dem von Ihnen gegebenen Beispiel nicht sicher bin; Der Effekt funktioniert bei der Hälfte der Bilder nicht optimal (das Hauptproblem besteht darin, dass dieses Konzept bei Bildern, die keine Fotos sind, nicht gleich gut funktioniert).