Fermer

décembre 9, 2019

Dessiner une identité visuelle forte


À propos de l'auteur

Yihui Liu est un concepteur et illustrateur en interne d'interface utilisateur / visuel avec une énorme passion pour la conception centrée sur l'homme. Après avoir étudié et travaillé à Pékin, elle a terminé…
En savoir plus sur
Yihui

Les illustrations de marque sont un moyen adaptable et efficace de créer la marque visuelle d'une entreprise. Dans cet article, Yihui Liu décrit son processus de développement d'un solide système d'illustration de marque. Son approche s'est affinée au cours de 10 années d'études et d'expérience professionnelle en Chine et en Europe, et tire des exemples de ses derniers travaux en tant que Lead Designer chez Spacebase.

Dans le flot de contenu en ligne, les entreprises vivent ou meurent selon leur image de marque. Une image de marque doit exprimer le message de l'entreprise et se connecter avec les utilisateurs, qui doivent le reconnaître instantanément sur différents supports, même loin du site Web et du contenu marketing de l'entreprise. Une image de marque forte est comme une ancre, aidant à garantir l'attachement des utilisateurs et à fixer les associations de valeurs.

L'image de marque est généralement constituée de différents éléments visuels – logos, palette de couleurs, police particulière. Parallèlement à cela, les illustrations sont un autre puissant moyen de communication visuelle qui est de plus en plus demandé pour l'interface utilisateur en ligne.

Pourquoi? Parce que les illustrations introduisent des éléments narratifs dans le contenu visuel et permettent d'exprimer des émotions plus subtiles ou des situations plus complexes. L'inclusion de figures humaines rend les idées actives et accessibles, souvent de manière légère ou fantaisiste. Les illustrations se détournent du réalisme et vous permettent de construire le monde tel que la marque le voit .

Ceci est une pièce importante dans le plus grand puzzle des campagnes en ligne. La conception numérique, à l'aide de vecteurs, favorise les images nettes et audacieuses qui se traduisent bien en illustrations de marque distinctives. Plutôt que des conceptions à usage unique, ces illustrations en ligne sont utilisées dans le cadre de systèmes visuels complets. Les images d'un système d'illustrations partagent une ambiance ou un style unificateur, ce qui les rend identifiables à l'image et au message plus larges de la marque, même s'ils représentent différents aspects d'un produit ou d'un service.

Les systèmes d'illustrations augmentent la portée et la profondeur des messages d'une entreprise communique visuellement sur lui-même, des énoncés de mission au support produit pratique, tout en renforçant l'image de marque.

Processus de conception

Alors, comment devez-vous procéder pour concevoir un système d'illustration de marque efficace? Je vous guide tout au long de mon processus de conception, avec des exemples de la récente révision que nous avons entreprise chez Spacebase.

Recherche sur la marque

Tout d'abord, sachez pour quelle marque vous allez concevoir. Cela peut sembler évident, mais ne sous-estimez pas le travail impliqué. Même si vous pensez que vous avez déjà une connaissance pratique, cela vaut la peine d'investir du temps pour rafraîchir ou approfondir votre compréhension de la marque.

Explorez la culture derrière l'entreprise et ses produits ou services. Quel est leur principal message, quelles formes prennent leur identité visuelle existante et dans quelle direction l'entreprise souhaite-t-elle se développer?

Une enquête approfondie au début vous évitera des maux de tête et des impasses plus tard.

Comprendre les besoins des parties prenantes

En plus de faire vos propres recherches, vous devrez parler à la partie prenante. Cette connexion est cruciale pour le succès de votre conception – alors impliquez-les tôt et tenez-les au courant du processus.

Obtenez des réponses aux questions clés sur la conception: où les illustrations apparaîtront-elles et que devront-elles exprimer? Sur quel genre de situations et d'émotions pourraient-ils jouer? Quels sont les paramètres techniques dans lesquels vous devez travailler?

À ce stade, la partie prenante peut ne pas être très claire sur ce qu'elle veut. Néanmoins, vous devez écouter attentivement leurs commentaires et tenir compte de leurs attentes par rapport aux objectifs de l'entreprise et à leur image de marque plus large.

Chez Spacebase, l'objectif était de rendre la plateforme de réservation en ligne plus accessible et humaine. J'ai profondément réfléchi à la relation entre les salles de réunion et les personnes qui les utilisent. Nous voulions capturer le message de la marque consistant à sortir des espaces de travail habituels, en espaces nouveaux et passionnants, d'une manière fluide, pratique et solidaire. Les conceptions devaient être conviviales, modernes et simples.

Organiser l'inspiration

Un moodboard est essentiel pour maîtriser les informations que vous recevez et organiser vos idées. Collectez des images de concurrents ou d'entreprises sur le terrain ayant des qualités similaires à votre objectif, puis compilez-les dans une ressource. En regardant ce qui vous inspire, vous pouvez être un guide pour le ton général que vous souhaitez atteindre et suggérer la voie à une première itération. C'est aussi un matériau utile pour montrer aux parties prenantes, car il leur donne une idée de la direction que prendront les illustrations avant le début du travail de création de concepts.

Certaines des illustrations de marque qui m'ont inspiré. ( Grand aperçu )

Pour la conception de Spacebase, je me suis particulièrement inspiré des illustrations d'Airbnb, IBM et Shopify. La conception simple des personnes et des espaces s'est vraiment distinguée pour moi, et j'étais intéressé par la façon dont les palettes de couleurs sourdes gardent les illustrations concentrées, sans submerger les éléments picturaux. Ils produisent une impression de calme, de chaleur et d'inclusivité.

Création de concept

Après des recherches et du moodboard, je commence à dessiner sur Adobe Illustrator. Parfois, j'utilise une tablette Wacom mais surtout je m'en tiens à ma souris avec l'outil Pen. J'utilise des formes pour créer une structure de base et j'utilise l'outil Plume pour ajouter des détails et améliorer le contour de base.

Dessin à l'écran. ( Grand aperçu )

Gardez à l'esprit que les images que vous concevez doivent être cohérentes pour former un système uniforme, et non pas former des scènes autonomes. Donc, même s'il s'agit de la première itération – essayez de donner aux illustrations une saveur distinctive que vous pourrez reproduire à travers différents modèles à l'avenir. Cela peut ne pas venir au début, mais vous sentez votre chemin vers une logique interne pour les illustrations de marque et visez à être cohérent avec cela dans vos décisions.

Avec les illustrations de Spacebase, nous nous sommes concentrés sur les personnages humains et le schéma de couleurs comme moyens de garder le images en ligne avec d'autres éléments de branding visuels.

L'évolution de la bannière email pour les confirmations de réservation. ( Grand aperçu )

J'ai commencé à dessiner les personnages humains avec des contours de base, pour avoir une idée des émotions qu'ils représenteraient et comment ils habiteraient les espaces intérieurs. Je voulais des lignes fluides pour leur donner des profils dynamiques et suggérer du mouvement. Je voulais également éviter tout ce qui semblait trop lourd – léger et convivial étaient des mots clés. La diversité était également importante pour moi, car Spacebase est une entreprise internationale, et je veux toujours que les téléspectateurs des illustrations se voient.

À côté des figures humaines, je voulais que les objets et les environnements aient un style distinct – abstrait, futuriste et design -vers l'avant. Nous voulions montrer des intérieurs lumineux, beaux, impliquant les utilisateurs dans la dynamique spatiale, et avec des objets qui suggèrent un environnement de travail professionnel idéalisé. En même temps, cela ne devait pas détourner l'attention. Spacebase est une source d'inspiration pour les salles de réunion, mais leur marque concerne davantage les personnes qui utilisent ces espaces. Il a fallu de nombreuses itérations pour obtenir le bon résultat.

Exploration de différentes lignes et palettes de couleurs. ( Grand aperçu )

Une fois les croquis affinés, j'ai pensé à une palette de couleurs. Les couleurs sont puissantes et évoquent des réactions instantanées – il était donc important pour moi de ne pas submerger les illustrations. Je voulais des nuances subtiles pour améliorer et compléter les scènes. La palette de couleurs doit également refléter la personnalité de la marque et correspondre à leurs autres éléments visuels. Pour le jeu de couleurs Spacebase, il était important de rompre avec le monochrome et de rester à l'écart des couleurs ternes normalement associées aux salles de réunion. Leur couleur de marque principale est l'orange, j'ai donc équilibré cela avec des tons pastel plus frais: violet, bleu ciel, gris et jaune moutarde.

Commentaires

Après la première itération, obtenez tous les commentaires que vous pouvez.

vous devez parler à la principale partie prenante de son avis sur votre conception. Mais essayez également de demander l'avis des utilisateurs ou des collègues, si vous en avez – en particulier des personnes qui ne travaillent pas dans la conception. Leurs réponses peuvent vous guider vers les prochaines étapes à suivre pour améliorer les illustrations. Concevoir pour de vrais utilisateurs cibles, plutôt que pour des besoins imaginés.

Dans l'ensemble, je préfère entendre les frustrations des gens entendre leurs louanges. Les distinctions sont agréables mais pas terriblement utiles. Apprendre à connaître les points douloureux des utilisateurs (ou quelque chose qui n'a pas de sens pour eux visuellement), indique où concentrer votre attention. Même s'ils ne sont pas d'accord avec vos propres idées, les parties prenantes et leurs utilisateurs doivent aimer le design. Un bon design est dans l'œil de l'utilisateur.

L'une des illustrations avec lesquelles j'ai eu le plus de mal à Spacebase était la bannière pour les e-mails d'annulation. Les clients les reçoivent soit lorsqu'ils ont annulé leur propre réservation, soit lorsque Spacebase a dû l'annuler.

Personne n'aime les mauvaises nouvelles, j'ai donc voulu que le design partage leur déception et suggère sympathie et compréhension. Les premières versions étaient cependant trop lourdes. Des collègues ont dit que c'était comme la fin du monde, qu'un jugement radical avait été rendu. Il a fallu beaucoup de temps (et de nombreuses itérations) pour évoluer dans une direction différente.

La conception de l'annulation de la réservation a pris de nombreuses itérations. ( Grand aperçu )

Finalement, nous avons complètement supprimé les figures humaines. C'était un moyen d'éviter que l'illustration ne soit trop chargée émotionnellement et de lui donner une sensation plus neutre. La dernière itération minimise le drame – elle reconnaît un problème à travers des représentations semi-abstraites d'écrans mais pointe également vers un avenir au-delà de l'annulation.

Bibliothèque de référence

Lorsque vous créez vos illustrations, il est utile de constituer une bibliothèque de les différents éléments que vous avez déjà utilisés. Cela signifie que vous pouvez vous y référer à l'avenir et vous assurer de conserver le style et de vous sentir cohérent entre les différentes illustrations. Garder vos illustrations cohérentes est la clé de l'efficacité globale de votre système à long terme.

Bibliothèque d'images pour les figures humaines. ( Grand aperçu )
Bibliothèque d'images pour les objets. ( Grand aperçu )

Répéter

Soyez prêt à passer par ce processus plusieurs fois.

Nous avons traversé de nombreuses étapes pour arriver aux itérations finales. ( Grand aperçu )

L'itération constante est l'élément le plus important pour produire une identité visuelle réussie. Continuez à créer de nouvelles versions, à obtenir des commentaires et à rédiger de nouvelles itérations. Tout est un prototype et vous devez rester ouvert aux modifications afin de rendre votre image de marque aussi accessible que possible aux utilisateurs . Gardez les parties prenantes à jour et impliquées et soyez prêt pour les virages inattendus – la conception est également un voyage et chaque étape vous rapproche d'un résultat exceptionnel.

Tant que vous vous immergez dans la recherche et les commentaires, vous vous dirigerez dans la bonne direction direction. C'est ce que je trouve le plus gratifiant dans le design – je suis motivé par le processus en cours et quand j'ai l'impression de m'améliorer constamment, je suis heureux de faire ce que je fais.

Les illustrations de la marque Spacebase ont aidé à consolider la marque identité. ( Grand aperçu )
 Éditorial fracassant (cc, yk, il)




Source link