Manual Corporativo V1.0 ©2017 - Medialab-Prado · Indice Medialab Prado p.2 Valores p.8 Elementos...

Indi

ceMedialab Prado

p.2 Valoresp.8 Elementosp.11 Logotipo p.14 Medialab + Laboratoriosp.17 Color p21 Tipografíap.23 Escala p.24 Titularesp.27 Rejillap.37 Aplicaciones

Laboratorios

p.43 Elementosp.46 Nomenclaturap.48 Logo p.50 Patrónp.52 Patrón Simple

p.55 AVLabp.65 CiCiLabp.75 DataLabp.85 InCiLabp.95 ParticipaLabp.105 PrototipaLab

Indi

ce

p.6 p.7

Valo

res

Valo

res

Medialab Prado es un laboratorio ciudadano de I+D. Un punto de encuentro en el que se gestan comunidades en-torno a cada proyecto.

Un lugar abierto, donde todos pueden proponer y colaborar en el desarro-llo de ideas para el bien común.

Los valores de Medialabdeben estar presentes en toda comunicación. Valores: Humano, Inclusivo, Comunidad, Tecnología y código abierto.

En este manual encontrarás una guía de como trabajar la comunicación visual. Explora y disfruta del viaje.

Medialab Prado Medialab Prado

p.8 p.9

La identidad visual se construye a partir del logotipo, la paleta de color, la tipografía, la rejilla, los patrones y los iconos. Es-tos son los ingredientes del universo Medialab Prado.

Ele

men

tos

Ele

men

tos

1. Logotipo

3. Tipografía 4. Rejilla

2. Colores Medialab Prado

8. Colores Laboratorios 9. Patrón

10. Patrón simple5. Iconos

7. Logotipo laboratorio6. Logo laboratorio

DataLab

Si no lo puedes explicar de forma sencilla. Es que no lo has entendido bien.

En las páginas siguientes encontrarás como se utilizan para lograr una comunicación consistente con los valores. Busca-mos una comunicación sencilla, directa y humana, pero a la vez con un toque optimista y explorador.


p.10 p.11

LogotipoDistancia de Seguridad

Tamaño mínimoMedialab + laboratorio

Logotipo

Medialab Prado

p.12 p.13

El logotipo está construído a partir de la tipografía Serrería Sobria. Esta tipografía formaba parte de la Antigua Serrería Belga, recinto actual de Medialab Prado. El logotipo es la fir-ma de Medialab Prado y no debe ser modificado bajo ningúna circunstancia. Utiliza el archivo Logo_medialab._prado.ai

Logo

tipo

Medialab Prado

Distancia de Seguridad: Al utilizar el logotipo es importante respetar los márgenes de seguridad. Ningún elemento puede interferir con esta distancia. Como referencia tomamos la letra O del logotipo.

Dis

tan

cia

Seg

uri

dad

Tamaño mínimoImpreso Digital

1,2 cm 40 px


p.14 p.15

1. Esta combinación de logos se debe utilizar únicamente en caso de co-patrocinio, o actividades de Medialab Prado que se realicen fuera del recinto.

2. Para comunicaciones de eventos que se realicen dentro de Medialab esta es la opción valida.

Med

iala

b +

Lab

orat

orio

Med

iala

b +

Lab

orat

orio

ParticipaLab

ParticipaLab


p.16 p.17

Color


p.18 p.19

El color sirve para identificar cada comunicación. El negroes el color principal de Medialab Prado. Los demás colores representan cada uno de los laboratorios.

CMYK

00 0000100

Pantone327 U

CMYK

80 004000

HEX#212121

CMYK

Pantone172 U

CMYK

HEX#FFFFFF

HEX#F05A45

RGB

00 00 0000

00 807600

241 9170

HEX#00B5AC

RGB

000 181173

Col

ores

Esta paleta de color se puede ampliar a medida que surgen nuevos laboratorios. Busca un color que represente al labo-ratorio y que encaje con la paleta actual.

PantoneYellow U

CMYK

00 1010000

Pantone298 U

CMYK

60 01500

HEX#FFDD00

RGB

255 221000

Pantone487 U

CMYK

HEX#F7A69F

RGB

00 422800

Pantone2256 U

CMYK

HEX#5EB674

RGB

66 007200

086 188120

248 167160

HEX#52C5D7

RGB

82198216

Col

ores


p.20 p.21

TipografíaEscala Tipográfica

Títulos

Tipografía

Medialab Prado

p.22 p.23

Medialab Prado

Chivo Regular

AaLa tipografía de Medialab y todos los laboratorios es la tipo-grafía Chivo. Esta tipografía es de código abierto y se puede descargar o utilizar en web desde Google fonts.No utilices otra tipografía complementaria.

Tipo

graf

ía

Para lograr consistencia entre todas las comunicaciones vamos a establecer la regla de 11. Trata de que tus titulares y textos en la medida de lo posible sean múltiplos de 11.

Escala Tipográfica

99pts

88pts

66pts

55pts

44pts

33pts

11pts

22pts

Compartir

Compartir

CompartirCompartir

CompartirCompartir

CompartirCompartir

Esca

la t

ipog

ráfi

ca


p.24 p.25

Texto: 66 ptsInterlineado: 66 pts

Recomendamos que el interlineado seaigual al tamaño de texto.

InteligenciaColectiva parala democracia

Los Títulos se deben escribir en Chivo Regular.Recomendamos utilizar un solo tamaño de texto para todo el título. Crea diferentes jerarquías con los espacios, juega con la distribución del texto sobre el patrón.

Titu

lare

s

Texto1: 22 ptsTexto2: 66 pts

Si no puedes crear jerarquía con los espacios, utiliza un se-gundo cuerpo de texto. Busca el contraste, que haya diferen-cia entre uno y otro, no utilices dos tamaños similares.

Cada dato cuenta

Jornadas de periodismo de datos 2017:

Titu

lare

s


p.26 p.27

Rejilla


p.28 p.29

La rejilla es la estructura base para crear nuevos elementos.Todos los elementos visuales como iconos, patrones, ilustra-ciones, se deben construir a partir de esta rejilla. Esta es-tructura representa a la comunidad y las colaboraciones que se generan. Para crear nuevos elementos utiliza el archivo: Rejilla_medialab.pdf

Rej

illa

Por ejemplo: Patrón ParticipaLab, el patrón de cada laborato-rio se debe construir a partir de esta rejilla. Puedes utilizar el archivo: Rejilla_medialab_laboratorios.pdf

OJO: La rejilla de puntos es una referencia para construir elementos. NO debe utilizarse como parte del diseño final.

Rej

illa


p.30 p.31

IconosTemas y Código

Iconos


p.32 p.33

Icon

os

Icon

os

Los iconos representan los temas tratados en la web. Se construyen a partir de la rejilla base, y buscan transmitir de manera simple un concepto.

PensamientoEconomíaSolidaria


p.34 p.35

AlimentaciónUCE001

AprendizajeUCE002

Arquitectura y urbanismoUCE003

ArtesaníaUCE004

ElectrónicaUCE017

Artes escenicasUCE018

ExperimentaciónsonoraUCE019

Fabricación digitalUCE020

Biología CreativaUCE005

CiudadUCE006

ComunicaciónUCE007

Creación DigitalUCE008

Cultura de proximidadUCE009

Datos abiertosUCE010

DemocraciaUCE011

Diseño libreUCE012

Diversidad funcionalUCE013

Ecología y medio ambienteUCE014

Economía solidariaUCE015

Edición de librosUCE016

Icon

os T

ipog

rafí

a

FeminismosUCE021

GobernanzaUCE022

InternetUCE023

JuegosUCE024

Salud y bienestarUCE037

Software libreUCE038

TecnopolíticaUCE039

TextilUCE040

LegislaciónUCE025

LGTBIQ géneroUCE026

LicenciaUCE027

MapeoUCE028

MediaciónUCE029

MemoriaUCE030

NarrativaUCE031

PensamientoUCE032

Peridismode datosUCE033

PrivacidadUCE034

ProcomúnUCE035

RuralUCE036

Icon

os T

ipog

rafí

a


p.36 p.37

Aplicacionesimpresasy digitales

Dis

tan

cia

Medialab Prado Medialab PradoLo

go

p.38 p.39

CorporativoMedialab Prado

Medialab se representa a partir de la unión de los diferentes patrones de los laboratorios.Funciona mejor si utilizas los patrones a tamaño grande, toma en cuenta que tampoco es necesa-rio utilizar todos los patrones a la vez.

Ejemplo de portada calendario de programación

Dis

tan

cia

Medialab Prado Medialab PradoLo

go

p.40 p.41

Hoja A4Informativa

Comunicación print/web

Conferencia:Ciudades Inteligentes

pie de foto

Lenis pa dentem lab ipsum consed et parum latus moluptis aceprat pa porionsectio comnitatias dolenecto tempelicti doluptae sunt quo est, nullacerror sus molestiur, simuscius.Ipis quuntur as dolum fuga. Et aut anderna tatiur mos dit molorem qui vent etum, nonet lamet abo. Nempe nes rercilia venime ere eatio. Et voluptatur? Quissum atincimi, si denimol uptios sinus dolo omni ipsam, aut quos nobitiate consequis quam simoluptas similit, endit, inctus iur recto dolut pos dentiam eatur, cus.Catem esto blaboreprem int.Te perunt dolupta dolor mossunt eicilitem ius dolenest eiciet aut dolore poratem quodi quasi deror am explit, voluptae cuptasi mendelenda cum que ero dit, conseque expliquis mi, cuptatur, sumet aut litem quiam a num andit liquis nisinciae. Ferum et fugitias et quam explaci rem laciendem quod que mo voluptae nos et voluptia sitibust, sinuscit, sus dolorerum cus senimag nihicie ndelita tusdae nonse velique simi, consed exerum doluptatquam facepud issequo modigentia volupta tinistiis ernat ommolores as eos doluptat.psapitempor sitatiur? Equosto est et et quis maxim ernat ommolores as eos doluptat.psapitempor sitatiur? Equosto est et et quis maximInformación relacionada con

el evento


p.42 p.43

ElementosNomenclatura

Logo LaboratorioPatrón

Patrón Simple

Laboratorios

Labo

rato

rios

Labo

rato

rios

Los elementos de identi-dad para cada laborato-rio son: el nombre, logo, color, patrón y patrón simple.

En las páginas siguien-tes descubrirás como se utiliza cada elemento y como se construyen nuevos laboratorios.

p.46 p.47

Hay dos formas de nombrar los laboratorios:

1. El nombre se puede formar a partir de una palabraque represente la temática, seguida del sufijo Lab. Esta palabra puede ser descriptiva, o una acción...

ParticipaLabAVLabPrototipaLabDataLab

Tipografía: Chivo Regular.

Nom

encl

atu

ra

1. Laboratorio de inteligencia colectiva para la democracia.2. Laboratorio de experimentación sonora.

3. Laboratorio de prototipado.4, Laboratorio de Datos.

1.

2.

3.

4.

Laboratorios Laboratorios

InCiLabCiCiLab

2. Puedes formar el nombre a partir de las iniciales del título del laboratorio. Cada inicial se debe escribir con mayúscula seguido del sufijo Lab.

Siempre que se cite a un laboratorio dentro de un texto, el nombre debe escribirse con sus mayúsculas igual que en su logotipo.

5. Laboratorio de innovación ciudadana6. Laboratorio de ciencia ciudadana

Nom

encl

atu

ra

5.

6.

p.48 p.49

El logo de cada laboratorio se construye a partir de las inicia-les del nombre. En algunos casos si coincide con un laborato-rio existente, se pueden utilizar las dos primeras letras del nombre.

Logo

labo

rato

rio

Laboratorios

1. ParticipaLab

2. PrototipaLab

Para hacer el logo final utiliza el archivo: 02_logos_laboratorios.ai

Logo

+ lo

goti

po

Laboratorios

p.50 p.51

A partir de la rejilla de Medialab Prado, creamos los patrones que identifican a cada laboratorio. Para construir el patrón juega creando formas geométricas uniendo puntos dentro de la rejilla. En la medida de lo posible trata de que estas for-mas tengan relación con la temática del laboratorio.

Pat

rón

Laboratorios

El patrón de ParticipaLab representa la red distribuída.

El patrón resultante tiene que funcionar tanto individual como en conjunto, por lo que te recomendamos trabajar teniendo en cuenta los demás laboratorios. Como base puedes utilizar el archivo: Grid_patterns_laboratorios.ai

Pat

rón

Laboratorios

El patrón de PrototipaLab está insipirado en los paneles para colgar herramientas, elemento presente en el área de prototipado.

p.52 p.53

El patrón simple es una versión simplificada del patrón. Se utiliza para comunicar actividades del día a día. El sistema está pensado para ser ágil y que no requiera mucho tiempo de ejecución. El patrón simple consiste en una línea disconti-nua que va de izquierda a derecha, regida por una o dos re-glas sencillas.

LaboratoriosP

atró

n s

impl

e

El patrón simple de ParticipaLab es una línea horizontal, que puedes moverarriba o abajo según componga mejor con tu texto.

Para cada nuevo laboratorio tienes que crear su propia re-gla. Piensa que debe ser sencillo y que alguien sin conoci-mientos de diseño debe ser capaz de manipular.

Laboratorios

Pat

rón

sim

ple

El patrón simple de PrototipaLab, es una línea que juega con las columnasdel formato, líneas rectas horizontales y verticales. En el formato A5 puedes

moverla en 6 columnas, para formatos mas grandes juega con 12 o más.

p.56 p.57

AV

Lab

Laboratorio de experimentación sonora

Logo Logo + logotipo

Patrón simpleRegla: Juega con las ondas como representación del sonido.

PantoneYellow U

CMYK

00 1010000

HEX#FFDD00

RGB

255 221000

AV

Lab

AVLab

Patrón Representa la onda de sonido


p.58 p.59

Formato A4

FormatoA2

madrid.es

AV

Lab

AV

Lab


p.60 p.61

AV

Lab

Formato A5

AV

Lab

FormatoA5


p.62 p.63


Formato horizontal. Redes sociales – 1280x800


AV

Lab

AV

Lab

medialab-prado.es

ExperienciaAcústica

+Streaming en directo

28.04.2017 – 17:00h a 20:00h

medialab-prado.es

XXIIIFestival Internacionalde Arte Sonoro y MúsicaElectroacústica “Puntode Encuentro” 2017

18.03 al 21.03

AVLab

CiCiLab

p.66 p.67

CiC

iLab

CiCiLab

Patrón

CiC

iLab

Laboratorio de Ciencia Ciudadana


Patrón simpleRegla: Crea una línea de izquierda a derecha con círculos.

Pantone2256 U

CMYK

HEX#5EB674

RGB

66 007200

086 188120

Inspirado en la mira de un microscopio


p.68 p.69

madrid.es

FormatoA2

CiC

iLab

Formato A4

CiC

iLab


p.70 p.71

CiC

iLab

FormatoA5

CiC

iLab

Formato A5

Medialab Prado


CiC

iLab

medialab-prado.es

Apilink: A data monitoring project for beehives

23.05.2017

CiCiLab

Medialab Prado


CiC

iLab

medialab-prado.es

Taller deGardening2.0

12.05.2017

InCiLab

Medialab Prado

p.76 p.77

InC

iLab

InCiLab

Patrón

InC

iLab

Laboratorio de innovación ciudadana


Patrón simpleRegla: Línea recta + línea diagonal + línea recta.

Pantone487 U

CMYK

HEX#F7A69F

RGB

00 422800

248 167160


p.78 p.79

madrid.es

FormatoA2

InC

iLab

Formato A4

InC

iLab


p.80 p.81

FormatoA5

InC

iLab

24.06 y 31.06

Formato A5

InC

iLab

Medialab Prado


InC

iLab

medialab-prado.es

Medialab Prado


InC

iLab

medialab-prado.es

[Px1NME]Por un nuevomodelo energético

05.04.2017 11:00h a 13:00h

DataLab

p.86 p.87

Dat

aLab

Laboratorio de datos


Patrón simpleRegla: Simula una gráfica de estadísticas. Mueve los puntos siguiendo una guía de 6 columnas.

Pantone327 U

CMYK

80 004000

HEX#00B5AC

RGB

000 181173

Dat

aLab

DataLab

Patrón


p.88 p.89

Dat

aLab

Formato A4

madrid.es

Dat

aLab

FormatoA2


p.90 p.91

Dat

aLab

Formato A5

Dat

aLab

FormatoA5

Medialab PradoMedialab Prado



Dat

aLab

Dat

aLab

p.94 p.95

ParticipaLab

Dis

tan

cia

Logo

p.96 p.97

Laboratorio de inteligencia colectiva

para la democracia

Pantone172 U

CMYK

HEX#F05A45

RGB

00 807600

241 9170


Patrón simpleRegla: Puedes mover la línea hacia arriba o hacia abajo según componga mejor con tu texto.

ParticipaLab

Patrón Representa la red distribuída

p.98 p.99


Par

ticp

aLab

Par

ticp

aLab

Formato A4

FormatoA2

Open

madrid.es

El Coctell

Diseñatón

04 y 05.08

10:00h


p.100 p.101

Par

ticp

aLab

Par

ticp

aLab

Formato A5

FormatoA5

InteligenciaColectivapara laDemocracia

24.06 y 31.06

Distribuído

17.06

ParticipaLab


Par

ticp

aLab

Par

ticp

aLab



medialab-prado.es

Innovaciónpolítica,innovacióncuidadana

10.03.2017 20:00h - 21:30h

medialab-prado.es

11.2017

ParticipaLab

Inteligencia Colectivapara la democracia

PrototipaLab

p.106 p.107

Pro

toti

paLa

b

Laboratoriode prototipado


Patrón simpleRegla: Juega con líneas rectas, horizontales y verticales sobre la rejilla de columnas.

Pantone298 U

CMYK

60 01500

HEX#52C5D7

RGB

82198216

Pro

toti

paLa

b

PrototipaLab

Patrón Inspirado en los paneles de colgar herramientas


p.108 p.109

Formato A4

Pro

toti

paLa

b

madrid.es

FormatoA2

Pro

toti

paLa

b


p.110 p.111

Formato A5

Pro

toti

paLa

b

FormatoA5

Pro

toti

paLa

b




Pro

toti

paLa

b

Pro

toti

paLa

b

medialab-prado.es

18.03

Taller:Diseñando mis juguetes

medialab-prado.es

18.06.2017

PrototipaLab

SkateFab

Diseño por Tata&Friends

Manual Corporativo V1.0 ©2017 - Medialab-Prado · Indice Medialab Prado p.2 Valores p.8 Elementos...

Documents

Transcript of Manual Corporativo V1.0 ©2017 - Medialab-Prado · Indice Medialab Prado p.2 Valores p.8 Elementos...