Graphismes en forme de vague

Le graphisme en forme de vague Xylem est un symbole puissant de notre marque qui évoque l’eau, le mouvement, la confiance et l’esprit d’adaptation.

Configurations

Quatre configurations de vagues sont disponibles et offrent un motif modulable à utiliser dans différentes dispositions et modèles. Sélectionnez la configuration qui répond le mieux à votre application. Pour diversifier vos communications, intercalez les différentes configurations dans le matériel créé. Wave_configurations

Options d’orientation

Pour renforcer la flexibilité de notre charte graphique, chaque vague peut être orientée à la verticale ou à l’horizontale, mais uniquement selon une rotation à 180 degrés. Wave_rotate-mirror

Variantes de couleurs

En vue d’une présentation efficace de notre vague dans nos communications, nous avons développé des variantes de couleurs selon une stratégie d’association de ces dernières. Les couleurs de notre palette secondaire sont associées à leurs couleurs « voisines » à un taux de 65 % en termes de teinte et de transparence afin de créer huit variantes de couleurs de la vague. Utilisez si possible ces variétés avec tous les matériaux pour ajouter des vagues colorées à notre langage visuel. À l’exception des applications de marques de produits, les couleurs de ces fichiers ne peuvent être modifiées. (Voir les logos marques de produits pour de plus amples informations sur la personnalisation de la vague correspondant aux couleurs d’accentuation principales des marques de produits.)

Stratégie d’association des couleurs

Color_pairing

Variantes de couleurs approuvées (utilisation principale)

wave_green-aqua Vert / Aqua wave_aqua-green Aqua / Vert imagery_clip_image006 Aqua / Bleu imagery_clip_image008 Bleu / Aqua imagery_clip_image010 Bleu / Indigo imagery_clip_image012 Indigo / Bleu imagery_clip_image014 Indigo / Violet imagery_clip_image016 Violet / Indigo

Variantes supplémentaires (usage limité)

Deux variantes supplémentaires de la vague sont prévues pour les applications comportant des limitations qui peuvent compromettre l’utilisation de l’une des variantes de couleur approuvées. Utilisez uniquement les vagues en échelle de gris dans les applications excluant l’utilisation des couleurs, comme certaines fiches d’informations ou annonces de journaux. La vague en échelle de gris ne doit pas être utilisée dans les applications couleurs. imagery_clip_image017 Échelle de gris Dans les présentations PowerPoint® prévoyant de limiter la quantité d’encre d’impression, vous pouvez utiliser l’onde Bleu Xylem.e. wave_outlines Contours

Redimensionnement et recentrage de la vague

La vague peut être orientée de différentes façons, et nous avons prévu plusieurs dimensions permettant de garantir l’effet dynamique de la vague. Celle-ci doit toujours déborder à droite et à gauche d’une application et ne doit donc pas être inférieure à la largeur de l’application. Si vous la redimensionnez , faites-le proportionnellement à partir de la longueur de la vague. Si la vague est redimensionnée, elle sera également recadrée. Évitez de recadrer plus de la moitié de la vague sous peine d’obtenir un effet plat et figé. Pour cette raison, n’augmentez pas les dimensions de la vague de plus de 200 % de la largeur de l’ensemble. Consultez les diagrammes et directives ci-dessous en vue d’un redimensionnement et d’un recadrage correct des graphismes.

Dimension minimale

La largeur de la vague est égale à la largeur de l’application plus le bord. Wave_min-scale

Dimension maximum

Le graphisme en forme d’onde peut être redimensionné à 200 % de la largeur de l’application plus le bord. Wave_max-scale

Applications strictement horizontales

En cas d’application strictement horizontale – si la vague n’est pas correctement positionnée dans l’espace vertical lors de son redimensionnement – redimensionnez horizontalement la vague sur la maquette. Dans un tel cas, vérifiez que l’aspect fluide et dynamique de la vague est conservé. Wave_extreme horizontal Remarque : Tous les fichiers de vagues comprennent un guide de redimensionnement sur une maquette non imprimante. Wave_crop

Positionnement de la vague

Une fois dimensionné, la vague peut être positionnée de différentes façons sur une maquette. Les exemples ci-dessous représentent les positionnements corrects et incorrects de la vague.

Les meilleures solutions

Wave_placement_bottom La vague peut être positionnée de façon à ce que son côté horizontal se trouve en bordure de la maquette. Wave_placement_extend La vague peut être augmentée à partir du bord horizontal. Wave_placement_photo La vague peut être alignée contre une image le long de son côté horizontal.

À éviter

Wave_placement_bottomcrop Ne pas recadrer le bord horizontal de la vague. Wave_placement_extendcurve Ne pas augmenter à partir du bord arrondi de la vague. Wave_placement_photocurve Ne pas aligner de photographie avec le bord arrondi de la vague.

Utilisation incorrecte

La vague Xylem doit être utilisée avec attention afin de représenter correctement la marque Xylem.Elle peut être appliquée de nombreuses façons, mais certaines utilisations doivent toutefois être évitées. Outre les directives et exemples ci-dessus, reportez-vous également aux exemples fournis ci-dessous et sur ce site afin d’utiliser la vague correctement. Les exemples représentés sur cette page ne présentent pas la totalité des utilisations incorrectes, mais les orientations générales qu’ils expriment peuvent s’appliquer à toutes les utilisations du logo Xylem.

Wave_1_DoNotRecolor N’attribuez pas arbitrairement des couleurs ou effets à la vague. Wave_2_DoNotGrayscale Ne convertissez pas la vague en échelle de gris. Utilisez la vague en échelle de gris approuvée pour les applications en noir et blanc.
Wave_incorrect_use_1 Ne surdimensionnez pas la vague. Wave_incorrect_use_4 N’étirez pas et ne déformez pas la vague.
Wave_5_DoNotAdd Ne décorez pas la vague et ne lui ajoutez pas de graphismes. Wave_6_DoNotAngle N’appliquez pas une rotation autre qu’à 180 degrés à la vague.
Wave_7_DoNotMultiple N’utilisez pas de vagues multiples ni plusieurs variantes de couleurs sur la même page. Wave_8_DoNotRemove N’éliminez pas de parties de la vague.
Wave_dont-scale-thin Ne redimensionnez pas la vague à partir de son bord le plus étroit. wave_incorrect_use_3 N’utilisez pas la vague comme un espace où insérer des images.

Digital applications

In digital applications photography may align to the curved edge of the wave graphic so that a clean horizontal space above the graphic is reserved for brand identification and navigation. Xylem homepage

Rev: 12-11-2014