Concevoir des icônes peut être très amusant. Mais une fois que vous avez un bon set, que faites-vous avec eux?
Les icônes ne sont pas simplement des liens miniatures pour Facebook ou Instagram - elles peuvent être des informations totalement interactives qui aident les utilisateurs à choisir un design et fournissent une étincelle visuelle supplémentaire. Les icônes peuvent être petites ou grandes, noir et blanc ou colorées, plates ou complexes. Quel que soit votre style, une utilisation efficace des icônes peut améliorer la convivialité et la valeur esthétique de presque tous les projets de conception.
1. Ajouter un intérêt visuel
Toutes les images ne seront pas un paysage à couper le souffle. Parfois, les images sont tout simplement insuffisantes.
Une iconographie amusante peut aider à ajouter plus d’intérêt à ces photos quelque peu inintéressantes. Utilisez des icônes pour améliorer le contenu de la photo, fournir des informations supplémentaires et fournir un indice d'interaction.
Prenons l'exemple ci-dessus pour une clinique dentaire (certes, ce n'est pas le concept visuel le plus intéressant.) Le design est frais, lumineux et invitant. La simple icône à côté du visage est un nouveau regard sur "l'idée des ampoules électriques". - notez les petites dents. L’équilibre entre la partie claire de l’écran de gauche et l’icône blanche brillante aide également à attirer l’œil sur le dessin. Le reste du site utilise également d'autres icônes minuscules pour la navigation.
2. Créer une interaction
Les icônes ne doivent pas nécessairement être placées dans des emplacements spécifiques pour encourager les interactions de l'utilisateur. (Trop de modèles utilisent la combinaison icône / texte à trois colonnes dans le défilement.
Les icônes peuvent en réalité être l’élément moteur de l’interactivité. Associez l'iconographie et le défilement parallaxe afin que les éléments bougent sur l'écran. Calquez les icônes avec des images ou un autre arrière-plan pour créer un élément quelque peu inattendu.
Boone Selections crée une scène de voyage pour ses vins en utilisant l'iconographie de manière à donner envie de faire défiler. L'icône de l'avion se déplace dans un avion en suivant les flèches à l'écran (qui réagissent au défilement). Chaque icône de dessin au trait s'affiche sous forme de dessin lorsque l'utilisateur fait défiler jusqu'à cette partie de l'écran. Les mouvements sont simples, classiques et très efficaces.
3. Utiliser l'animation
Personne n'a jamais dit que les icônes doivent être des éléments statiques. Animez les!
Mais n'allez pas trop fou. Les meilleures animations d'icône se rapportent au contenu de l'icône elle-même. Les mouvements ne doivent pas être trop rapides car cela peut être un peu énervant. Les mouvements ne doivent pas être trop lents car les utilisateurs risquent de les manquer. Il y a un point central au milieu où le mouvement des icônes procure un peu de plaisir.
Sweet Punk le fait avec brio. L'icône est la même vieille ampoule? cela s'utilise partout, mais avec un cachet de personnalisation. Notez l'intérieur de l'ampoule - c'est une flamme. Ensuite, il y a une action de vol stationnaire amusante alors que l'ampoule rebondit avec un tourbillon d'idées. De plus, le motif en cercle autour de l'ampoule se déplace doucement et semble répondre aux motifs au survol de la souris.
4. Créer des clusters d'icônes
Des groupes de formes intéressantes, des croquis ou des icônes créées à la main peuvent constituer un visuel intéressant. Le concept est généralement affiché sur les sites Web qui distribuent des packs d'icônes (comme celui ci-dessus), mais il a une application plus large.
Considérez des rangées d'icônes - jouez avec leur utilisation trop petite ou trop grande pour plus d'impact - lorsque vous manquez d'un bon visuel. Les icônes peuvent fonctionner comme des liens ou juste des images autonomes. Les clusters peuvent inclure seulement deux ou trois icônes ou trois fois plus. Laissez votre contenu guider ce processus décisionnel.
Ce qui est bien avec l’utilisation des icônes en cluster, c’est que vous pouvez vraiment penser autrement et faire quelque chose de créatif. L'autre bonus? Vous pouvez même commencer avec un pack d'icônes si vous le souhaitez et personnaliser les icônes pour les personnaliser. L'une ou l'autre option peut être très amusante et vous donner le moyen d'essayer quelque chose de totalement différent.
5. Combinez avec des éléments branchés
Les icônes ne doivent constituer qu'une partie de la stratégie de conception d'un projet. Pensez à votre contenu et associez l'iconographie à un autre élément à la mode pour créer une esthétique moderne.
La bonne chose à propos de l'utilisation des icônes est la flexibilité de style. Les icônes se présentent sous toutes les formes, des dessins au trait, des styles basés sur les croquis aux découpages plats pour élaborer des œuvres d'art miniatures. Une fois que vous avez défini le style de conception d'un projet, créez un ensemble d'icônes correspondant à ce ton visuel.
Le site Web pour une histoire des icônes fait cela à merveille. Le site présente l'évolution des styles d'icônes au fil des années - ce qui en fait une étude de cas intéressante si vous recherchez plus d'inspiration - mais chaque icône est placée à l'intérieur d'un élément de conteneur dans un motif de style mouvements, typographie propre et couleurs vives.
6. Mettez une torsion lunatique sur elle
Pour certaines icônes, vous souhaiterez utiliser des conceptions standard afin que les utilisateurs sachent exactement ce que font ces éléments. Cela peut inclure des icônes pour les liens de médias sociaux, la recherche, les paniers d'achat et les flèches de navigation. Vous ne devriez jamais sacrifier la convivialité pour un nouveau design.
Mais vous pouvez apporter votre propre touche fantaisiste à ces styles d'icônes standard. Changez de couleur, modifiez la forme ou redessinez les icônes de votre style. L'astuce consiste à faire quelque chose qui semble unique tout en maintenant une reconnaissance visuelle afin que les utilisateurs ne se demandent pas ce que signifie l'icône.
De simples changements peuvent aller très loin. Ce type d’ajustement peut également aider les éléments communs à faire partie de votre conception et de votre histoire visuelle.
Little Puds & Co. le fait d'une manière absolument charmante. Les icônes communes dans le coin supérieur sont identifiables, mais prennent la couleur de la marque du site. Les icônes semblent un peu plus douces que dans les palettes de couleurs normales de Facebook et d'Instagram et semblent correspondre au style plus fantaisiste et enfantin utilisé dans tout le design.
7. Créer des esquisses personnalisées
Les icônes peuvent être des toiles d'art miniature en elles-mêmes.Tandis que les tendances de l’iconographie s’orientent davantage vers les rendus super plats et au trait, les esquisses détaillées peuvent constituer une excellente option personnalisée.
Chaque ensemble dessiné à la main sera différent. Il n'y a pas vraiment de moyen de les classer autrement que de trouver quelque chose que vous pouvez posséder. Les icônes esquissées font souvent partie de l'identité de la marque qui les utilise.
Infinity Foods utilise ce style à merveille tout au long de sa conception. (Vous devriez vraiment cliquer pour voir le jeu d'icônes complet.) Le style d'esquisse commence par le logo et le même style de crayon détaillé est utilisé pour chaque élément d'icône du dessin.
Conclusion
Les icônes sont peut-être l’un des éléments les moins pris en compte dans un projet de conception, mais elles peuvent en être l’un des plus intéressants. Une bonne iconographie peut rassembler un projet de manière à lui donner un brin de finition et de finesse.
L'avantage de travailler avec des icônes est qu'un bon jeu basé sur les vecteurs peut être utilisé de différentes façons et à différentes tailles. Vous souhaitez récupérer des milliers d'icônes pour un prix avantageux? Creative VIP vous a couvert!