Couleur d'arrière-plan différente pour les éléments de formulaire

Question

Dois-je avoir une couleur d'arrière-plan pour une entrée de formulaire? Ou c'est vraiment une question subjective? Pour moi personnellement, je pensais avoir une couleur de fond pour un formulaire, ce qui le rend plus organisé et plus propre.

Quelle est votre opinion à ce sujet?

Answer 1

Cela dépend vraiment de la disposition du reste du site. À mon avis, il est bon que le formulaire soit décalé d'une manière ou d'une autre, même si seulement avec des bordures haut/bas - vous pouvez souvent créer une petite boîte dans la page. Pour quelque chose comme un système d'enregistrement, cependant, vous pourriez aussi bien faire de la page entière le formulaire - le moins excitant contenu supplémentaire le mieux.

Answer 2

C'est assez subjectif.

L'importance avec les couleurs est que a) elles ne devraient pas être gênantes et distrayantes, et b) vous devriez être très, très cohérent avec leur utilisation.

La même règle s'applique à tous les autres éléments visuels, par exemple, les graphiques, les polices, etc.

Answer 3

Pour compléter les autres réponses, vous devez également tenir compte accessibility issue, surtout si la couleur que vous choisissez pour l'entrée de forme risque d'une certaine manière à se fondre dans d'autres couleurs que vous pouvez utiliser, tels que:

• couleur de l'entrée des champs
• couleurs caractères (si la valeur est incorrecte et vous mettez le caractère en rouge, par exemple)
• couleurs des icônes ou des avertissements que vous pouvez afficher lorsque les données sont incorrectes ...
• et ainsi au

Une frontière (qui signifie « d'une manière graphique de délimiter votre forme d'entrée) peut aussi être un bon moyen d'isoler cette forme, sans compter uniquement sur la couleur. En bref, vous pouvez envisager d'utiliser toujours une combinaison des deux manières: couleurs et graphiques pour accentuer un élément GUI.

Answer 4

Deux techniques que je ne vois pas assez souvent mettent en évidence les champs de saisie avec une couleur de fond when they are focused while filling out a form et when a validation error occurs après une soumission de formulaire. Vous pouvez utiliser ces deux techniques en conjonction avec un style subtil pour les entrées normales pour correspondre au reste de votre conception de site Web.