Comment assembler une illustration à partir de cubes et de pictogrammes

Après un cas réussi avec un site viral pour trouver un designer UX qui a recueilli plusieurs prix prestigieux pour la créativité , nous sommes heureux qu'un autre travail du département créatif de Veeam Software ait été noté par la communauté professionnelle: des directives pour les illustrations d'entreprise ont été incluses dans la galerie officielle Adobe Illustrator sur Behance.

image

Comme toute grande organisation, notre entreprise génère beaucoup d'informations. C'est un sérieux défi pour le département créatif, car ce sont les designers qui doivent dessiner et illustrer les flux infinis de marketing et autres communications. Plus nos collègues veulent en dire, plus ils demandent souvent à illustrer cela, car d'énormes masses de texte en elles-mêmes sont perçues mal ou trop lentement.

Laissez les concepteurs jouer le constructeur!


Lorsqu'il y avait trop de demandes d'illustration, nous nous sommes rendu compte qu'il était inutile de mettre le même type de talon de banques de photos dans le texte encore et encore. Nous avons pensé remplacer les photographies de l'illustration, mais de telle manière que leur production puisse être mise en production. En outre, il était nécessaire de créer un système assez simple et flexible pour que le travail des différents concepteurs soit uniforme, et le langage graphique permettait de visualiser même une abstraction comme la résistance de la sauvegarde du cloud aux logiciels malveillants.

Pour la production de masse de tout ce dont vous avez besoin d'un tapis roulant, y compris pour les illustrations. Ils peuvent également être assemblés par étapes à partir de composants pré-préparés. Il existe de nombreuses techniques de ce type, par exemple le collage, le motif ou les graphiques génératifs. Nous avons décidé d'assembler à partir de petits modules - comme chez le designer enfant - une illustration volumétrique en isométrie , c'est-à-dire dans un espace sans perspective. Le manque de perspective vous permet de collecter une image de n'importe quelle taille et profondeur sans avoir à déformer les détails de l'intrigue, selon qu'ils sont plus proches ou plus éloignés du spectateur ou du centre de la composition. Soit dit en passant, tous les graphiques vectoriels plats peuvent être facilement convertis en isométrie à l'aide du plug-in pour Adobe Illustrator .

image

Après avoir convenu des éléments de style de base - couleurs, dégradés, filets - nous avons pu répartir le travail de création des composants du futur designer entre plusieurs designers. Tous les nouveaux détails ont été ajoutés à la bibliothèque partagée, donc des choses plus complexes ont été construites sur la base de modules simples selon le principe de conception atomique .

Pourquoi les anciens Egyptiens sont-ils nécessaires


La prochaine étape de la collaboration avec le concepteur consiste à en faire un langage de message. Ici, nous avons appliqué la même technique que les concepteurs d'interface utilisent maintenant, et avant eux, les civilisations anciennes qui transmettaient des messages à l'aide de pictogrammes. Dans une telle langue, chaque signe individuel implique un certain concept et une combinaison de signes - plusieurs concepts interdépendants. Cela résout fondamentalement le problème de la sélection des illustrations. Si plus tôt dans le document sur 5 services cloud, vous deviez chercher dans les puits 5 images différentes sur les nuages, ou en mettre une commune, vous pouvez maintenant illustrer chaque service. De plus, il n'était absolument pas nécessaire d'inventer des métaphores pour des concepts abstraits - il suffisait de combiner un ensemble de pictogrammes correspondant à la description du service, et l'illustration était prête.

image

Pour être précis, notre langage n'est pas basé sur des pictogrammes, mais sur des idéogrammes - comme dans l'Égypte ancienne. La différence d'un idéogramme est qu'un symbole ne transmet pas littéralement un mot, mais permet également des concepts connexes: stockage cloud, service cloud, transfert vers le cloud - les illustrations de tout ce qui précède commenceront par une icône cloud.

Niveau suivant


Nous avons appris à visualiser un processus sécurisé pour transférer des données vers le cloud et des processus similaires, mais pouvons-nous partager le même langage sur une coopération réussie avec HP Enterprise? Il s'agit d'un niveau d'abstraction complètement nouveau; il n'y a pas un seul objet spécifique qui pourrait être illustré par un pictogramme. Vous ne commencerez pas à dessiner une poignée de main de deux patrons? Nous avons décidé d'utiliser d'autres pictogrammes reconnaissables - les logos de nos partenaires. Nous les avons combinés avec des flux de données suggérant que notre logiciel fonctionne sur du matériel affilié. Bien sûr, ce n'est pas aussi clair que beau, mais l'abstrait du message dans son ensemble permet de telles libertés. L'essentiel est que l'image soit unique pour notre communication.

Idéalement à gauche


Il ne suffit pas de refaire tout le style d’illustration de l’entreprise, il doit être approuvé par la direction. Cela a été aidé par notre concurrent et un homme dans un casque. Pendant longtemps, la question du caractère unique du contenu visuel n'a dérangé personne sauf les concepteurs. Jusqu'à un beau jour, il s'est avéré que sur notre site Web et sur le site Web du concurrent dans la section des services pour les industries extractives, il y a la même image de la banque de photos, à la seule différence que les concurrents ont un casque de constructeur bleu (leur couleur d'entreprise), et nous avons le vert (notre couleur d'entreprise). La jalousie pour les concurrents est arrivée à temps et en passant, il n'y avait pas de questions sur la raison pour laquelle nous avions besoin d'un contenu visuel unique.

image

Cependant, il a fallu un an à l'entreprise pour s'habituer au nouveau style visuel. Lorsque cela s'est produit, un nouveau problème a surgi: la cohérence. Lorsque l'isométrie «est allée au peuple», des illustrations destinées à véhiculer certains concepts ont commencé à apparaître au hasard et en lien avec différents textes. Ironiquement, nous voulions nous éloigner des banques de photos, mais nous sommes arrivés à la nécessité de créer notre propre banque d'images avec un système avancé de recherche de balises.

L'essentiel est que nos vice-présidents du marketing, jusque-là indifférents aux illustrations, exigeaient un nouveau style dans la communication de la gamme de produits. Bien que cela soit perceptible un peu, mais avec la sortie de VAS V10, cela va changer. Préparer de nouvelles pages dans le processus. Progressivement, nous mettrons à jour la communication visuelle de l'ensemble du portefeuille de l'entreprise.

Source: https://habr.com/ru/post/fr480780/


All Articles