web-dev-qa-db-fra.com

Comment différencier un div du reste de la div sur la même rangée ayant le même aspect et la même sensation? bordure / ombre etc?

four boxes showing different type of results

Je travaille sur une application Web où j'ai 4 types de résultats de données et je montre tous les quatre sur la page dans la même rangée avec le même look & feel des divs (peut être vu dans l'image). Le résultat de Box_D est calculé en utilisant différentes techniques, donc je veux le montrer légèrement différent du reste des résultats (c'est-à-dire de Box_A, Box_B & Box_C) mais je ne veux pas changer l'apparence de Box_D. Quelle sera la meilleure approche pour concevoir le div de manière à ce que l'utilisateur pense que son résultat est différent des autres résultats. J'ai des options pour ajouter une ombre plus claire, une bordure ou pour rendre la div plus petite/plus grande que les autres. Quelle approche sera la meilleure selon la perspective de l'expérience utilisateur? Je serai reconnaissant pour vos précieuses suggestions.

2
Omar Bahir

Je voudrais simplement le séparer un peu du groupe et mettre un séparateur subtil entre les deux. L'espace blanc est un puissant outil de regroupement.

enter image description here

3
DasBeasto