Règles de conception d'icônes à retenir

Une image vaut mille mots. Bien pensé coûte encore plus cher. Nous les voyons sur les panneaux de signalisation, dans les restaurants, les aéroports et les applications. Ils peuvent gagner du temps ou créer de la confusion.

Les icônes sont lues plus rapidement que le texte, elles sont plus faciles à remarquer, elles prennent moins de place et nécessitent moins d'efforts de traduction. Le mur du texte fusionne en un tas, et les icônes varient en forme et semblent bonnes même en groupe. Quelques recommandations pour créer des icônes efficaces sont traduites sous cat.

1. Évitez les formes similaires pour différentes icônes. Les



icônes de formes similaires semblent être connectées les unes aux autres ou exécuter des fonctions similaires. Gardez cela à l'esprit lorsque vous créez la prochaine icône carrée pour votre interface utilisateur.

L'icône doit être facile à distinguer de toutes les autres uniquement sous forme. Rendez le formulaire trop similaire - confondez l'utilisateur.

2. Minimisez la complexité des icônes:



plus il y a d'éléments, moins il y a de contraste et plus il faut de temps pour la reconnaître. Cela ressemble à un mélange de formes.

Parfois, cela vous oblige à rendre l'icône unique et à y ajouter du «zeste». Assurez-vous que cela ne se fait pas au détriment de la lisibilité et de la clarté. Gardez votre forme simple et propre.

3. Gardez le style visuel



Les éléments de l'interface utilisateur ne peuvent pas violer les règles générales du style établi. Même de petites modifications peuvent donner l'impression que les icônes n'appartiennent pas à la même application.

Le contraste dans le style visuel attire l'attention lorsqu'il n'est pas créé par hasard. Assurez-vous que les icônes sont conçues côte à côte et vérifiez plus souvent comment les éléments s'assemblent.

4. Ne vous fiez pas au texte. Le



texte rend l'icône redondante, peu claire pour les petites tailles et la limite à une seule langue. De plus, l'inscription peut réduire la clarté de l'image.

Cette erreur se retrouve souvent dans les grandes icônes et logos d'applications. S'il est très nécessaire d'inclure le texte, faites-le sous la forme d'une étiquette sous l'icône.

5. Ne réinventez pas la roue



Plusieurs millions d'heures ont été consacrées à la création et au test d'icônes déjà installées. Même s'ils peuvent être améliorés, réfléchissez-y à deux fois. Très probablement, les utilisateurs connaissent déjà leur signification, car ils les rencontrent souvent.

En utilisant constamment les mêmes formes d'icônes, vous pouvez décider que vous ne savez pas comment les créer. Mais pas besoin de réinventer la roue, juste pour impressionner. La clé est la convivialité. Le design doit l'améliorer, pas interférer.

6. Rendez le message cohérent.



Rien ne ralentit le travail et ne provoque de colère, comme une icône mal utilisée. Vous serez peut-être surpris, mais il existe des applications qui utilisent la même icône pour différentes fonctions.

Cette erreur peut facilement être commise si vous mélangez des icônes inactives et actives, empêchant l'utilisateur de les distinguer les unes des autres.

7. Considérez les petites tailles:



une belle icône perd tout son charme lorsque vous la placez dans un petit espace. Tous les petits détails soigneusement pensés se transforment en désordre.

Les détails sont cool et montrent votre attention et votre compétence. Mais rappelez-vous que les icônes ne sont pas les principales. D'abord, ils devraient être utiles, et seulement ensuite beaux.

8. Ne vous fiez pas à la couleur, les



personnes daltoniennes vous en remercieront. La couleur sera un excellent ajout à l'icône, mais la forme est ce que les gens remarquent en premier.

La couleur peut masquer votre erreur de conception. Si vous les compensez avec une icône faible, mieux vaut réfléchir à la façon de l'améliorer.