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
Top Related