CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc....
Transcript of CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc....
![Page 1: CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc. Contenidor Fons #000000, #F2F2F2 o de color personalitzat Escut de l'ajuntament en negatiu](https://reader034.fdocuments.net/reader034/viewer/2022050405/5f82aff9eeae85790f67f0d0/html5/thumbnails/1.jpg)
![Page 2: CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc. Contenidor Fons #000000, #F2F2F2 o de color personalitzat Escut de l'ajuntament en negatiu](https://reader034.fdocuments.net/reader034/viewer/2022050405/5f82aff9eeae85790f67f0d0/html5/thumbnails/2.jpg)
![Page 3: CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc. Contenidor Fons #000000, #F2F2F2 o de color personalitzat Escut de l'ajuntament en negatiu](https://reader034.fdocuments.net/reader034/viewer/2022050405/5f82aff9eeae85790f67f0d0/html5/thumbnails/3.jpg)
![Page 4: CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc. Contenidor Fons #000000, #F2F2F2 o de color personalitzat Escut de l'ajuntament en negatiu](https://reader034.fdocuments.net/reader034/viewer/2022050405/5f82aff9eeae85790f67f0d0/html5/thumbnails/4.jpg)
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.
![Page 5: CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc. Contenidor Fons #000000, #F2F2F2 o de color personalitzat Escut de l'ajuntament en negatiu](https://reader034.fdocuments.net/reader034/viewer/2022050405/5f82aff9eeae85790f67f0d0/html5/thumbnails/5.jpg)
Construcció
![Page 6: CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc. Contenidor Fons #000000, #F2F2F2 o de color personalitzat Escut de l'ajuntament en negatiu](https://reader034.fdocuments.net/reader034/viewer/2022050405/5f82aff9eeae85790f67f0d0/html5/thumbnails/6.jpg)
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
![Page 7: CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc. Contenidor Fons #000000, #F2F2F2 o de color personalitzat Escut de l'ajuntament en negatiu](https://reader034.fdocuments.net/reader034/viewer/2022050405/5f82aff9eeae85790f67f0d0/html5/thumbnails/7.jpg)
Servei
![Page 8: CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc. Contenidor Fons #000000, #F2F2F2 o de color personalitzat Escut de l'ajuntament en negatiu](https://reader034.fdocuments.net/reader034/viewer/2022050405/5f82aff9eeae85790f67f0d0/html5/thumbnails/8.jpg)
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
![Page 9: CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc. Contenidor Fons #000000, #F2F2F2 o de color personalitzat Escut de l'ajuntament en negatiu](https://reader034.fdocuments.net/reader034/viewer/2022050405/5f82aff9eeae85790f67f0d0/html5/thumbnails/9.jpg)
1. Servei1b. Colors del contenidor
#C60C30 #000000
![Page 10: CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc. Contenidor Fons #000000, #F2F2F2 o de color personalitzat Escut de l'ajuntament en negatiu](https://reader034.fdocuments.net/reader034/viewer/2022050405/5f82aff9eeae85790f67f0d0/html5/thumbnails/10.jpg)
Producte / Campanya
![Page 11: CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc. Contenidor Fons #000000, #F2F2F2 o de color personalitzat Escut de l'ajuntament en negatiu](https://reader034.fdocuments.net/reader034/viewer/2022050405/5f82aff9eeae85790f67f0d0/html5/thumbnails/11.jpg)
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
![Page 12: CAP5 6 - Barcelona · 1. Servei 1a. Exemple icona IOS (iPhone, iPad). Android, Windows, etc. Contenidor Fons #000000, #F2F2F2 o de color personalitzat Escut de l'ajuntament en negatiu](https://reader034.fdocuments.net/reader034/viewer/2022050405/5f82aff9eeae85790f67f0d0/html5/thumbnails/12.jpg)
2. Producte / Campanya2b. Colors del contenidor
#C60C30 #F2F2F2