Conceptualización y diseño web de multiplataforma...
Transcript of Conceptualización y diseño web de multiplataforma...
![Page 1: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/1.jpg)
Illustrate us
IDENTIDADMANUALMANUAL
![Page 2: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/2.jpg)
Illustrate us
GRÁFICAIDENTIDAD
Este manual de identidad tiene como objetivo recoger los elementos de identidad gráfica y la gama de aplicaciones de uso más generalizados para la correcta aplicación de la marca TOTE
Las directrices que contiene este manual han de respetarse y mantenerse constantes con el fin de facilitar una identidad única que refuerce su consistencia visual.
IDENTIDAD
tote
![Page 3: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/3.jpg)
Logotipo1.
o
tLogotipo Básico
El logotipo es el identificador de la marca de uso común en todas las aplicaciones
Logotipo IdentificadorEl logotipo se podrá presentar solo o con su identificador
3
![Page 4: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/4.jpg)
Logotipo1.
e
tLogotipo Básico ByN
Logotipo Básico ByN
El logotipo en blanco y negro. Representación positiva
El logotipo en blanco y negro. Representación negativa
4
![Page 5: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/5.jpg)
Logotipo1.
o
tLogotipo Identificador ByN
Logotipo Identificador ByN
El logotipo en blanco y negro con identificador. Representación positiva
El logotipo en blanco y negro con identificador. Representación negativa
5
![Page 6: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/6.jpg)
o
Logotipo1. tZona de Exclusión
Con el fin de causar el mayor impacto, se define el área limpia s a su alrededor
3 x
x
x /1.6
x /5
x
6
![Page 7: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/7.jpg)
Logotipo1. tLogotipo Básico Dimensiones
Definición del tamaño mínimo del logotipo básico.
La dimensión mínima es de 20 mm
SIN IDENTIFICADOR
La dimensión mínima es de 40 mm
CON IDENTIFICADOR
eLogotipo + Identificador Dimensiones
Definición del tamaño mínimo del logotipo con identificador para facilitar su visualización
20 mm
40 mm
7
![Page 8: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/8.jpg)
t2.ColorColoresEl color define un escenario de valores concretos que se deben considerar para su aplicación a cualquier soporte
Pant
one
Yel
low
013
1C
R G B
252 253 97
C M Y K
7% 0%
70% 0%
Web HEX # FCF361
R G B
54 167 182
C M Y K
72% 12% 28% 0%
Web HEX # 36A7B6
R G B
29 29 27
C M Y K
74% 65% 63% 81%
Web HEX # 1D1D1B
Pant
one
631
C
Pant
one
Bla
ck C
255 255 255
C M Y K
0% 0% 0% 0%
Web HEX # FFFFFF
Pant
one
Whi
te C
R G B
8
![Page 9: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/9.jpg)
t2.ColorColoresEl color define un escenario de valores concretos que se deben considerar para su aplicación a cualquier soporte
Pant
one
Yel
low
013
1C
R G B
252 253 97
C M Y K
7% 0%
70% 0%
Web HEX # FCF361
R G B
54 167 182
C M Y K
72% 12% 28% 0%
Web HEX # 36A7B6
R G B
29 29 27
C M Y K
74% 65% 63% 81%
Web HEX # 1D1D1B
Pant
one
631
C
Pant
one
Bla
ck C
255 255 255
C M Y K
0% 0% 0% 0%
Web HEX # FFFFFF
Pant
one
Whi
te C
R G B
9
![Page 10: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/10.jpg)
t3.TipografíaTipografía del LogotipoLa família tipográfica con la que se define el logotipo es la Nexa, en concreto Nexa Light. Es una tipografía libre.
Tt Nexa lightabcdefghijklmn ñopqrstuvwxyz
ABCDEFGHIJKLMN ÑOPQRSTUWXYZ
1234567890 !$%&/()=?¿Ç
Tt Nexa boldabcdefghijklmn ñopqrstuvwxyz
ABCDEFGHIJKLMN ÑOPQRSTUWXYZ
1234567890 !$%&/()=?¿Ç
Tt Nexa Rust Handmade
abcdefghijklmn ñopqrstuvwxyz
ABCDEFGHIJKLMN ÑOPQRSTUWXYZ
1234567890 &?Ç
10
![Page 11: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/11.jpg)
t3.TipografíaTipografía del IdentificadorLa família tipográfica con la que se define el logotipo es la Nexa, en concreto Nexa Light. Es una tipografía libre.
OoAliens & Cows
regular
abcdefghijklmn
ñopqrstuvwxyz
ABCDEFGHIJKLMN
ÑOPQRSTUWXYZ !$%&/()=?¿Ç
Oo !$%&/()=?¿Ç
Aliens & Cows
LIGHT
ABCDEFGHIJKLMN
ÑOPQRSTUWXYZ
abcdefghijklmn
ñopqrstuvwxyz
Oo !$%&/()=?¿Ç
Aliens & Cows
BOLD
ABCDEFGHIJKLMN
ÑOPQRSTUWXYZ
abcdefghijklmn
ñopqrstuvwxyz
11
![Page 12: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/12.jpg)
4. tUSOSUsos permitidosEl uso de la tipografía sin el logo se representará en las variaciones abajo indicadas
Como estrategía de Branding se representará el uso de tipografía con imágenes de animales que ofrezcan una cara amable y simpática a la marca.
12
![Page 13: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/13.jpg)
4. tUSOSUsos permitidosEl uso de la tipografía sin el logo se representará en las variaciones abajo indicadas
Cuando los fondos sean multicolor estos son los usos permitidos. Se tendrá en cuenta los colores de la imagen para que el logotipo predomine y sea visible
Figura 1. Figura 2. Figura 3.
Solo se usará el logotipo sin relleno en el caso que pueda encajar en un espacio destacable y homogéneo como en la figura 3.13
![Page 14: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/14.jpg)
4. tUSOSUsos no permitidos
Usos no permitidos según estrategia de branding y visibilidad del logotipo
No permitido No permitido No permitido
14
![Page 15: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la](https://reader031.fdocumento.com/reader031/viewer/2022012011/61401adde59fcb3c636a48a6/html5/thumbnails/15.jpg)