iconos de las aplicaciones - pearson...iconos de aplicaciones elementos información general margen...

Iconos de las aplicaciones

2Pautas de la marca Pearson 2016 Iconos de las aplicaciones

Hemos creado una serie de aplicaciones, tanto de uso interno como externo. Para mantener un aspecto y una apariencia coherentes en los iconos de las aplicaciones, es importante seguir las pautas establecidas en esta sección.

1. Monograma de la huella de PearsonEl monograma de la huella de Pearson aparece siempre en la esquina superior izquierda del icono. No cambie su tamaño o su posición.

2. Color de fondoEl monograma de la huella de Pearson se sitúa siempre sobre un lugar de fondo blanco tiza.

3. Pictograma de usoSon diferentes en cada aplicación. Consulte las páginas 3 y 4 para aprender cómo crearlos.

4. Nombre de la aplicaciónEl nombre de la aplicación debe comenzar por "Pearson", seguido de un nombre descriptivo que sea corto, sencillo y relevante y que ayude a identificar la función específica de la aplicación. Sin embargo, en algunas ocasiones es posible que no se puedan añadir ambos nombres debido a la limitación de caracteres.

Iconos de aplicacionesElementos

Información general

Margen del monograma de la huella de Pearson

Haga clic aquí para descargar un archivo de Illustrator que puede usar como base para diseñar iconos para aplicaciones. Consulte las especificaciones técnicas de la plataforma en la que desee publicar su aplicación y ajuste el arte final de acuerdo al tamaño, el radio y los formatos de archivo.

1

3

2

Margen del monograma de la huella de PearsonEl monograma de la huella de Pearson cuenta con un margen alrededor de la imagen. No coloque ningún elemento de diseño dentro de este margen. Como muestran los puntos de color rosa del diagrama, el margen es igual al ancho de dos puntos desde el "interrobang" del monograma de la huella de Pearson.

Pearson News 4


Para lograr el reconocimiento de la marca, el monograma de la huella de Pearson debe aparecer de forma coherente en todos los iconos de las aplicaciones. Para reflejar el uso de la aplicación, cada icono debe incluir un pictograma de uso. Estas son las instrucciones para crear uno.

1. Paleta de coloresLos pictogramas de uso usan nuestros colores principales azul medianoche y azul hielo, así como el color celeste intenso.

2. Diseño de un pictograma de usoEl pictograma debe ser una representación sencilla de un objeto familiar que los usuarios puedan identificar fácilmente. Con unas cuantas formas geométricas podrá obtener pictogramas sencillos y coherentes en diferentes iconos de las aplicaciones. Los pictogramas deben presentar siempre una orientación frontal y no mostrarse en perspectiva.

3. Colocación de un pictograma de uso en un iconoColocación central: coloque el pictograma de uso tan centrado en el espacio como sea posible, manteniendo los elementos importantes alejados de los bordes. Evite que el pictograma se introduzca en el margen que rodea el monograma de la huella de Pearson.

Recorte creativo: esto le aportará un aspecto más divertido a su icono. Asegúrese de que no recorta demasiados detalles del pictograma para que no pierda significado. Evite también que el pictograma se introduzca en el margen que rodea el monograma de la huella de Pearson.

Pictograma de usoFondo

Iconos de las aplicacionesCreación de pictogramas de uso

Paleta de colores Diseño de un pictograma de Pictograma de uso

Colocación de un pictograma de uso en un icono

Lugar para colocar el gráfico

Colocación central Recorte creativo

Lugar para colocar el gráfico

Creating icons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lacus lorem. Sed molestie iaculis risus id euismod. Proin a enim a nibh lobortis convallis. In non ex libero. Ut vestibulum libero tincidunt.


NewInsight

Creating icons



NewInsight

1

3

Azul medianocheR00 G48 B87#003057

Blanco tizaR255 G255 B255#FFFFFF

Azul hieloR212 G234 B228#D4EAE4

TurquesaR18 G178 B166#12B2A6

2


Uso de pictogramas de uso Recorte creativo

Combinación de texto y gráficos

Accesibilidad y legibilidad

Uso exclusivo de texto

Iconos de aplicacionesEjemplos de iconos de aplicaciones

ABC

Data

Blog

ABC

Data

Blog

ABC

Data

Blog

ABC

Data

Blog

ABC

Data

Blog

ABC

Data

Blog

ABC

Data

Blog

Asegúrese de que los colores y el texto cumplen nuestros estándares de accesibilidad. A la derecha se muestran las combinaciones de color aceptadas para los iconos de aplicaciones.

1. Uso de los pictogramas de usoLos iconos de aplicaciones pueden presentar un pictograma de uso sencillo que se sitúe en un área con fondo de color blanco tiza, como en los ejemplos que se muestran.

2. Recorte creativoPara crear un icono de aplicación más dinámico, busque formas creativas de recortar el pictograma de uso. Al recortar, asegúrese de que el color blanco tiza se mantiene como color de fondo del monograma de la huella de Pearson.

3. Combinación de texto y gráficosTambién puede combinar texto o números en su pictograma de uso. Para garantizar que sea legible en un tamaño reducido, utilice una cantidad de caracteres limitada y sólo las combinaciones de colores que cumplan con los estándares de accesibilidad. Todo el texto debe presentarse en las tipografías de nuestra marca (Open Sans o Playfair Display).

4. Uso exclusivo de textoEn ocasiones, puede resultar más apropiadousar una única palabra o números en lugar deun pictograma de uso. En estos casos,se usan palabras breves en azul medianoche para que los caracteres sean legibles a tamaño reducido. Todo el texto debe presentarse en las tipografías de nuestra marca (Open Sans o Playfair Display).

1 2

3 4

Color de fuenteAzul hielo | #D4EAE4

Color de fondoAzul medianoche | #003057

AaColor de fuente

Azul medianoche | #003057

Color de fondoAzul hielo | #D4EAE4

Aa AaColor de fuente

Azul medianoche | #003057

Color de fondoBlanco tiza | #FFFFFF

Pearson Travel

Pearson Learn

Pearson Photo

Pearson Data

Pearson Invent Pearson Think

Pearson Blog

5Pautas de la marca Pearson 2016 Iconos de aplicaciones

Iconos de las aplicaciones Qué no se debe hacer

No use colores adicionales, de apoyo o de énfasis diferentes a los permitidos en estas pautas.

No use fotografías en los iconos de aplicaciones.

No coloque gráficos en el espacio en blanco que rodea el monograma de la huella de Pearson.

No use estampados en los iconos de aplicaciones.

No use ilustraciones complejas en los iconos de aplicaciones.

No use nuestro logo como gráfico.

No emplee demasiado texto en su diseño, porque es posible que resulte ilegible.

No modifique el tamaño, el color o la posición del monograma de la huella de Pearson.

Aquí se muestran algunos ejemplos de lo que se debe evitar a la hora de diseñar iconos de aplicaciones.

Pautas de las tiendas de aplicacionesLas tiendas de aplicaciones de empresas como Apple o Google actualizan de forma regular sus reglas y normas relacionadas con el diseño de los iconos de las aplicaciones. Asegúrese de comprobar las pautas más recientes antes de enviar nuevas aplicaciones.

PearsonPublishing ConferenceAugust 2016








iconos de las aplicaciones - pearson...iconos de aplicaciones elementos información general margen...

Documents