cap5 6 - barcelona · 1. servei 1a. exemple icona ios (iphone, ipad). android, windows, etc....

Recull de les diferents icones de llançament web apps mòbils

Servei

IOS (iPhone, iPad).

Producte / Campanya

Nota: iOS agrega cantonades arrodonides a la icona de llançament.

Servei

Android, Windows, etc.

Producte / Campanya

Nota: Android i Windows mostren sota una màscara de diferentsformes la icona de llançament.

Construcció

Recull de les diferents icones de llançament web apps mòbils

Àrees i emmascarament de sistemaEstructura i proporcionalitat

Seguint aquestes proporcions, es generarà una icona quadradaamb fons negre, blanc o de color, l'escut de l'ajuntamenti el pictograma específic de cada producte.

Cada sistema operatiu emmascararà el quadrat generatamb diferents formes.

Àrea total de la imatge generadaMàscara automàtica de iOSMàscares automàtiques d'AndroidEscut de l'AjuntamentEspai reservat per al pictograma específic

A

B

C

1

1/4

1/6

1/6

4

Servei

1. Servei1a. Exemple icona

Android, Windows, etc.IOS (iPhone, iPad).

ContenidorFons #000000, #F2F2F2 o de color personalitzatEscut de l'ajuntament en negatiu o positiu

ContingutPictograma blanc o negre, sempre que elcontrast compleixi l’AA de les WCAG 2.0d’accessibilitat del color

ContenidorFons #000000 o de color personalitzatEscut de l'ajuntament en negatiu o positiu

ContingutPictograma blanc o negre, sempre que elcontrast compleixi l’AA de les WCAG 2.0d’accessibilitat del color

1. Servei1b. Colors del contenidor

#C60C30 #000000

Producte / Campanya

2. Producte / Campanya2a. Exemple icona

Android, Windows, etc.IOS (iPhone, iPad).

ContenidorFons #F2F2F2 o de color personalitzatEscut de l'ajuntament en negatiu o positiu

ContingutLogotip del producte o campanya

ContenidorFons #F2F2F2 o de color personalitzatEscut de l'ajuntament en negatiu o positiu

ContingutLogotip del producte o campanya

2. Producte / Campanya2b. Colors del contenidor

#C60C30 #F2F2F2