Les images en pointillés sont-elles une nouvelle tendance dans la conception Web?


8

J'ai remarqué récemment que certains des sites Web que je visite régulièrement adoptent une nouvelle tendance bizarre dans la conception Web: "les images en pointillés". Je ne sais pas comment l'appeler. Il semble qu'un motif de points régulièrement espacés ait été délibérément superposé sur toutes les vignettes, ou parfois c'est un motif de grille claire au lieu de points, mais l'apparence finale est similaire. Cela ressemble un peu à une image tramée.

Personnellement, je trouve l'effet terrible et au début, je pensais que le rendu d'image de mon navigateur était en cause, mais j'ai essayé 3 navigateurs différents et je peux toujours voir le motif. On dirait que c'était prévu.

En fait, l'un des sites Web qui le faisaient revenait à des photos régulières. C'était un site Web de journal et je soupçonne qu'ils ont reçu un tas d'appels pour demander pourquoi leurs photos étaient toutes foirées et ont renversé la décision après quelques mois.

Quelqu'un a-t-il déjà entendu ou vu cela?

Exemple de lien: http://www.linkedin.com/today/se/editorspicks


1
que diriez-vous quelques exemples?
Dan Hanly

Désolé, je voulais en poster un, je viens de mettre à jour ma question.
md1337

3
Non, ce n'est pas une nouvelle tendance.
DA01

1
Il convient de noter que cela peut provoquer des effets de moiré gênants lorsque l'image est mise à l'échelle, par exemple sur un navigateur de smartphone.
e100

1
Je ne le vois pas ...
Alex

Réponses:


13

Dans le passé, j'ai vu cet effet utilisé pour améliorer une caractéristique de l'image. Le lien que vous avez publié semble le faire inutilement.

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

Le texte sur les images du curseur principal apparaît vraiment parce que la superposition de style grille / point assombrit et brouille légèrement l'image, ce qui rend le texte blanc encore plus blanc et clair.

Les images sur mon lien sont superbes, et l'image de superposition sert un objectif assez clair, et c'est pour améliorer le message du texte; quelque chose qu'il fait très bien.

entrez la description de l'image ici

Sans la superposition de la grille, le texte blanc se fondrait dans le fromage derrière.
Ils avaient besoin d'un style qui fonctionnera pour n'importe quelle image derrière, claire ou sombre, et pour que le texte ne perde pas son impact lorsqu'il est affiché sur une image d'arrière-plan.

Votre exemple linkedin montre comment il ne doit pas être utilisé.
Plus souvent qu'autrement, la conception graphique est une science plus qu'un art, et des effets tels que celui-ci ne doivent pas être utilisés car "ils ont l'air bien", ils doivent être utilisés parce qu'un objectif clair a été défini pour son utilisation, et son utilisation est justifié dans le contexte de la page.


Excellente astuce sur la façon dont la superposition de la grille aide le texte à se démarquer de l'image.
jhocking

Je peux voir l'utilisation dans des cas limités comme dans votre exemple. Sinon, ce n'est qu'un gadget. Je suis devenu vraiment curieux quand j'ai commencé à voir ça sur de plus en plus de sites Web récemment et je pense qu'il y a une sorte de tendance à se développer. Espérons qu'il mourra tout aussi rapidement. En tant que note complémentaire, je trouve votre implémentation technique sous-optimale, elle est assez lente car vous utilisez un arrière-plan 2x2 répété et cela met beaucoup de pression sur le navigateur pour le rendu. J'augmenterais considérablement la taille de la superposition et vous remarquerez une énorme amélioration de la réponse du défilement de la page.
md1337

À votre santé. Cependant, ce n'est pas le mien, je viens de le trouver sur le web;)
Dan Hanly

5

La superposition de motifs est un outil de conception utile et peut servir à plusieurs fins. Comme mentionné précédemment, il peut aider à séparer visuellement les éléments graphiques sur la page, mais il permet également de masquer les imperfections / artefacts de compression jpeg dans les images de basse résolution qui sont suréchantillonnées pour remplir un écran HD (1920 x 1080).

Je vais parfois utiliser une superposition de motifs pour unifier l'apparence d'une collection d'images. Si j'ai 6 images qui sont très bien prises et 3 images qui ne sont pas si bonnes, mettre une superposition de motifs sur elles les aide à les égaliser et à rendre la transition entre les bonnes et les mauvaises images moins dramatique.

Voici un exemple où je pense que la superposition de motifs fonctionne assez bien, même si je parie que vous aurez du mal à convaincre le photographe d'origine que c'est une amélioration. :) http://goo.gl/d0OYOO


2

L'effet vient en fait des premiers jours de l'optimisation du Web.

L'effet en pointillé serait appliqué aux images qui ont été tellement compressées qu'elles ont commencé à produire des artefacts. La "grille en pointillés" masquerait ces artefacts et rendrait l'image moins compressée.

Il s'est ensuite propagé comme un effet normal et, comme le dit Daniel, il peut faire ou défaire une image. S'il est utilisé correctement (comme avec la plupart des autres effets), vous pouvez obtenir d'excellents résultats.


1

Je pense que dans le cas de votre exemple, cela a été fait pour obscurcir légèrement les images.

Je pense aussi que c'est un retour aux styles précédents.


1

La raison est de masquer la faible résolution de l'image. L'utilisation d'une image basse résolution peut améliorer les temps de chargement du site Web et rendre Google heureux. Donc, du point de vue du référencement, c'est une tendance.


0

Je ne peux pas dire si c'est une tendance ou non. Mais si elle est - et mon interprétation correspond à l'effet idended ( se référant à l'exemple de prise de votre Linkedin Editor), je pense qu'il est un concept intéressant qui pourrait bien tenir un peu de poids, non seulement fluff.

Cela pourrait être un peu exagéré, mais pour moi, il semblerait que ce qu'ils pourraient essayer de réaliser est de signaler que cette image conduit à du contenu / des articles qui résident ailleurs (c'est-à-dire du matériel extérieur; pas sur le site actuel) ). Presque comme si vous étiez en train de `` jeter un œil '' à travers une petite fenêtre, dans un autre endroit - en ajoutant de la profondeur (une autre couche) qui, d'un point de vue de l'utilisabilité, pourrait effectivement s'avérer potentielle dans certains contextes.

J'avoue que je ne suis pas sûr de l'exécution dans l'exemple que vous avez donné; l'effet ne fonctionne pas de manière optimale sur la moitié des images (le principal problème étant que ce concept ne fonctionne pas aussi bien sur les images qui ne sont pas des photos).

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.