Gráficos de ola

El gráfico de ola de Xylem es un símbolo poderoso de nuestra marca que sugiere agua, movimiento, confianza y adaptabilidad.

Configuraciones

Cuatro configuraciones del gráfico de ola están disponibles como material gráfico escalable para usarse en diversas diagramaciones y plantillas. Seleccione la configuración que se adapte mejor a las necesidades de su aplicación particular. Para darles variedad a nuestras comunicaciones, intercale las configuraciones en los distintos materiales que desarrollamos. Wave_configurations

Opciones de orientación

Para sumar un nivel adicional de flexibilidad a nuestro sistema visual, se puede colocar cada gráfico en espejo a nivel vertical u horizontal, pero solo puede rotarse a un ángulo de 180 grados. Wave_rotate-mirror

Variaciones de color

Para presentar el gráfico de ola eficazmente en nuestras comunicaciones, hemos desarrollado un número fijo de variaciones de color siguiendo una estrategia de combinación de colores. Los colores que integran nuestra paleta secundaria se combinan con sus respectivos colores “vecinos” a un matiz y una transparencia del 65% para crear ocho variaciones distintivas de color del gráfico de ola. Use estas variaciones en todos los materiales, siempre que sea posible, para aportar olas de color audaces a nuestro lenguaje visual. Con la excepción de aplicaciones de marca de producto, los colores de estos archivos no pueden alterarse. (Ver Logotipos de Marca de Producto para obtener información sobre gráficos de ola que pueden personalizarse para que combinen con los colores de énfasis clave de la marca).

Estrategia de combinación de colores

Color_pairing

Variaciones de color aprobadas (uso primario)

wave_green-aqua Verde / Aguamarina wave_aqua-green Aguamarina / Verde imagery_clip_image006 Aguamarina / Azul imagery_clip_image008 Azul / Aguamarina imagery_clip_image010 Azul / Índigo imagery_clip_image012 Índigo / Azul imagery_clip_image014 Índigo / Violeta imagery_clip_image016 Violeta / Índigo

Variaciones adicionales (uso limitado)

Dos variaciones adicionales del gráfico de ola se adaptan a aplicaciones en las que las limitaciones de producción puedan impactar su capacidad de usar una de las variaciones de color aprobadas. Use olas en escala de grises solo en aplicaciones en las que no sea posible usar color, como en hojas de datos o anuncios en periódicos.  La ola en escala de grises no debe aparecer en aplicaciones a todo color. imagery_clip_image017 Escala de grises En presentaciones de PowerPoint® en las que se desee limitar la cantidad de tinta en la página al imprimir, puede usar la ola delineada en Azul Xylem. wave_outlines Contorno

Escalar y recortar el gráfico de ola

Si bien el gráfico de ola puede orientarse de diversas maneras, hemos establecido un rango definido de opciones de escalamiento para garantizar que la aplicación conserve el dinamismo del efecto de ola. El gráfico siempre debe tener sangría en el lado izquierdo y derecho de la aplicación, por lo tanto, no debe tener un tamaño inferior al ancho de la aplicación. Al aumentar el tamaño del gráfico de ola, hágalo escalando proporcionalmente desde el borde más alto del gráfico. A medida que el gráfico se escala, también se recorta. Evite recortar más de la mitad del gráfico, lo que puede generar un efecto de ola plana sin movimiento. Por este motivo, no debe escalar el gráfico más del 200% del ancho de la diagramación. Siga los diagramas y directrices que se brindan a continuación para garantizar un escalamiento y recorte correcto de los gráficos.

Tamaño mínimo

El ancho del gráfico de ola equivale al ancho de la aplicación más la sangría. Wave_min-scale

Tamaño máximo

El gráfico de ola debe estar escalado proporcionalmente hasta el 200% del ancho de la aplicación más la sangría. Wave_max-scale

Aplicaciones horizontales extremas

En aplicaciones extremadamente horizontales—aquellas en las que el gráfico de ola no entrará correctamente dentro del espacio vertical cuando esté escalado proporcionalmente—escale horizontalmente el gráfico de ola a lo ancho de la diagramación. En estas situaciones, asegúrese de que se conserve la naturaleza fluida y dinámica del gráfico de ola original. Wave_extreme horizontal Nota: Todos los archivos de gráfico de ola contienen las siguientes guías de recorte en una capa de no impresión. Wave_crop

Posicionamiento del gráfico de ola

Una vez que tenga la escala correcta, el gráfico de ola puede posicionarse de diversas maneras dentro de la diagramación. Los ejemplos que aparecen a continuación ilustran el posicionamiento eficaz e ineficaz del gráfico de ola.

Cosas que funcionan bien

Wave_placement_bottom El gráfico de ola puede colocarse con su borde horizontal apoyado a lo largo del borde de diagramación. Wave_placement_extend El gráfico de ola puede extenderse desde el borde horizontal. Wave_placement_photo El gráfico de ola puede alinearse con la imagen a lo largo de su borde horizontal.

Cosas a evitar

Wave_placement_bottomcrop No recorte el borde horizontal del gráfico de ola. Wave_placement_extendcurve No se extienda del borde curvo del gráfico. Wave_placement_photocurve No alinee fotografías con el borde curvo del gráfico de ola.

Uso incorrecto

El gráfico de ola de Xylem debe aplicarse con cuidado para representar correctamente la marca Xylem. Si bien puede aplicarse de diversas maneras, existen distintos usos que deben evitarse. Además de las directrices y los ejemplos que se ofrecen a continuación, le pedimos que siga los ejemplos adicionales que aparecen debajo y en todo este sitio para aplicar correctamente el gráfico de ola. Las muestras que aparecen en esta página no ilustran todos los usos indebidos, pero las directrices generales que representan pueden aplicarse a nivel general cuando se trabaje con el gráfico de ola.

Wave_1_DoNotRecolor No asignar colores o efectos arbitrarios al gráfico de ola. Wave_2_DoNotGrayscale No convertir el gráfico de ola de color a escala de grises. Usar la ola aprobada en escala de grises en aplicaciones en blanco y negro..
Wave_incorrect_use_1 No recortar en exceso el gráfico de ola. Wave_incorrect_use_4 No estirar, inclinar o distorsionar el gráfico de ola.
Wave_5_DoNotAdd No adornar ni agregar gráficos a la ola. Wave_6_DoNotAngle No rotar la ola en un ángulo que no sea 180 grados.
Wave_7_DoNotMultiple No usar olas múltiples o variaciones de color múltiples en una página. Wave_8_DoNotRemove No quitar partes de la ola.
Wave_dont-scale-thin No escalar el gráfico de ola desde el borde más delgado. wave_incorrect_use_3 No usar el gráfico de ola como forma de contención de imágenes.

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