23
MEMORIA DE ESTUDIO IDENTIDAD VISUAL

Memoria acerca-web-122015

Embed Size (px)

Citation preview

Page 1: Memoria acerca-web-122015

MEMORIA DE ESTUDIOIDENTIDAD VISUAL

Page 2: Memoria acerca-web-122015

EDICIONES PMD

DISEÑO Y DIAGRAMACIÓN

Pablo Martínez Duarte

EDICIÓN

Valparaíso. Diciembre 2015

Page 3: Memoria acerca-web-122015

CONTENIDOS

PRIMER momento pag. 3 y 4

G01 Rubro pag. 5 y 6

G02 Semántica pag. 7 y 8

SUMATORIA pag. 9 y 10

G03 Corporatividad pag. 11 y 12

G04 Competitividad pag. 13 y 14

SUMATORIA pag. 15 y 16

G05 Segmento pag. 17 y 18

G06 Mandante pag. 19 y 20

SUMATORIA pag. 21 y 22

SEGUNDO momento pag 23 y 24

F01 Tipografía pag. 25 y 26

F02 Color pag. 27 y 28

TERCER momento pag. 29 y 30

M01 Proporciones pag. 31 y 32

M02 Geometría pag. 33 y 34

ESTADOS CROMÁTICOS pag. 35 y 36

Colofón Técnico pag 38

02

INTRODUCCIÓN

Memoria de distintas coordena-

das que intentan dilucidar paso a

paso el estudio de una Identidad

Visual.

01

Page 4: Memoria acerca-web-122015

PRIMER MOMENTO: Definicióndelascoordenadasacercade

lo PROPIO de la imagen. Estas dimensiones abor-

dan las condiciones generales en todo desarrollo

de Imagen o Identidad Visual, ya que son las que

permiten analizar y contextualizar el diseño desde

ideas originales y principales a abordar.

G01 Rubro

G02 Semántica

G03 Corporatividad

G04 Competitividad

G05 Segmento

G06 Mandante

03 04

Page 5: Memoria acerca-web-122015

G01 Rubro:Esta coordenada se define como la especialidad, rubro y/o giro que tiene la empresa, por lo tanto considero válido presentar algo de lo que se con-struye y que contenga un guiño por último. ¿Es lo mismo diseñar para un café que para una pescad-ería?, cierto que no, por lo tanto debemos cuidar esa variable.

DESCRIPCIÓN DE LA EMPRESA:ACERCA es una Consultora con un fuerte enfoque social, empeñada en ser un puente entre los requerimientos de las empresas o clientes y las necesidades de las comunidades en las que se insertan, abordando temas de impacto social, dando respuestas efectivas a inquietudes ligadas al ámbito Legal, satisfaciendo necesidades del mercado de las Comu-nicaciones Corporativas; y gestionando proyectos de Relaciones Comunitarias y de Desarrollo Sustentable.

Extracto texto Mandante

Se considera relevante poder dar cuenta del rubro debido a que la empresa desar-rolla consultorías en el ámbito de la comu-nicación y queremos evitar la confusión en el caso de exponerla a otros rubros y presente una similitud por ausencia de identidad.

Además se puede sostener la amplitud de cobertura, por lo que la información deben llegar a una multitud (previamente definidacomopúblicoobjetivo).

LECTURAS Y REFLEXIONES ANALÍTICAS

L 1 L 2

05

Se entiende que el rol básico de las comunicaciones se sostiene en que la información debe ser expansiva sin perder el ADN, por lo que debe presentar FIDELI-DAD y CALCE.

OG 1 OG 2

Se intenta dar cuenta de un calce en tamaño.

Amplificaciónconfidelidaddeinfor-mación.

Fidelidad información Amplificación Información

Se define por tanto 2 operaciones que deberán cumplir el rol de dar cuenta del rubro de la consultora

Noseevidencialafidelidadporforma,porlo tanto tiene que haber una correspon-denciafiel.

Seplasmaenunarepresentaciónlafideli-dad y amplitud de lo mismo sin perder el ADN. Se grita lo mismo que se escuchó. Traspaso íntegro de la información.

OPERACIONES GRÁFICAS

GESTO ESPACIAL GRÁFICO

06

Page 6: Memoria acerca-web-122015

G02 Semántica:La definición propia de la palabra. El lenguaje a través del habla, es la primera expresión de una marca y eso lleva consigo la primera imagen men-tal de lo que representan, por lo tanto se considera imprescindible contemplar un despliegue gráfico de la imagen que aluda (por contrastes, por acer-camiento) por lo que sea, pero que evidencie una relación propia de la palabra.

Seintentadefiniralturas(mayúsculasyminúsculas)tipográficas,conelfindemejorarlalegibilidaddelamarca.Ademássecontempla la separación de la palabra como una manera de descomponer la lecturabilidad de ésta. Semánticamenteesunapalabraquesecomponededoscomprensionesolecturabilidades(acerca,cerca),loquenospermitedarposibilidadesasuconfiguraciónlectora.

DEFINICIÓN DE LA PALABRA ACERCA:Del lat. ad circa.Lapalabralatinacirca,abreviadac.,ca.occa.,significaalrededoro cerca de.a.- Poner a menor distancia de lugar o tiempo.b.- Llevar algo o a alguien a algún lugar.c.- Aproximarse.

Definicióndealturasdelatipografíaparafacilitar le legibilidad.

Separación silábica y por composición de la palabra para facilitar la lecturabilidad de la marca.

Fragmentación de la palabra en dos momentos.

Separación silábica.

LECTURAS Y REFLEXIONES ANALÍTICAS

L 1 L 2

07

OG 1

OG 4

OG 2

OG 5

OG 3

OG 6

Se construye una separación de manera de lograr un distanciamiento o doble lectura de lo que es acercar, como también su origen de lo cercano. Nos da espacio para jugargráficamenteconladefinicióndeacercar.

Configuracióndelapalabra.Inicio y término con la misma letra “A”.

OPERACIONES GRÁFICAS

Se quiere lograr acercar cada caracter, de manera de lograr una estrechez en la pal-abrayquesulecturadefinagráficamentela semántica de la marca.

Se intenta lograr un dinamismo en el logotipo de manera que aparezca desde la lecturaunainterpretacióngráficaintrínse-ca de la marca.

Se quiere provocar en la misma palabra un acercamiento mediante la estrechez en progresión de los caracteres.

Solo como lectura acotar que existe un elemento que se repite en el inicio y término de la palabra la letra “A”. Esto nos puede permitir lograr con la semántica de la marca generar un ACERCAMIENTO

Sedefinendossituaciones:1.-LaseparaciónpordefiniciondeACERCA.2.-Seponeénfasisenlosterminalesdelapalabraatravésdelacajaalta.

GESTO ESPACIAL GRÁFICO

08

Page 7: Memoria acerca-web-122015

EJERCICIOS DE COMPOSICIÓN

01. RUBRO 02. MARCA

Cuidandoesarelacióndeseparaciónsemánticacomolautilizacióndecajaaltaybajaademásdeljuegodetamañosdemaneradepoderexperimentarlaamplitudyfidelidaddelrubro.

SUMATORIA OPERACIONES GRÁFICAS

01.- MARCA02.- RUBRO

09 10

Page 8: Memoria acerca-web-122015

G03 Corporatividad:Toda empresa debe tener la claridad de la visión y misión como fundamento, por lo que la proyección de una identidad visual debe considerar como variable esta coordenada para dar cuenta de los valores de la empresa.

El Mandante envía una imágen de lo que representa ACERCA Consultores.

PALABRAS CLAVES1.- Puente2.- Asociativo y colaborativo

La palabra PUENTE se reconoce como una articulación a través de, y corporatividad de la marca.

La anatomía de la letra “A” contiene una estructuraqueseconfigurayleecomopuente.

Horizontalidad del vínculo en la letra.Asta transversal, barra o brazo.

LECTURAS Y REFLEXIONES ANALÍTICAS

L 1 L 2 L 3

11

OG 1

La palabra construye el puente, propio de la anatomía de la letra “A”

OPERACIONES GRAFICASOPERACIONES GRÁFICAS

GESTO ESPACIAL GRÁFICO

12

Page 9: Memoria acerca-web-122015

G04 CompetitividadNecesitamos saber y reconocer el estado actual o las referencia de lo existente, de esta manera nos permite diferenciarnos de nuestros pares para con-struir la singularidad y establecer la particularidad de la imagen.

Se declara la marca (ACERCA) como la búsqueda de la competitividad. (No siempre es la marca si no tambi-en es la competencia directa del rubro).

Lacompetenciadirectaenelrubroseidentificaporpartedelmandante,quientomacomo referente.

El consultor propone otras referencias asociadas directamente con el nombre.

El “acercar” lo recogen en el isotipo a través del perfildelaempresa,asociadoalaspersonas.Abstracción de una reunión de personas.

La estrechez de los caracteres dando cuenta de la definiciónpropiadeacercar.

Seconstruyeladefincióndelapalabraacerca,atravésdelacercamientoozoomdelatipografia.

Operacióngráficainteresantealfragmentarelprimer caracter dando cuenta de un acercamiento a la palabra “cerca”.

Sedejaentreparéntesisysehaceunadistincióncromática en cuanto a lecturabilidad.

Elpuentedemasiadográficoparadescribirelper-fil,casiconfudiendounaconsultoradeproyectosurbanos de grandes obras viales.

Tipografía esbelta y alargada, pero el isotipo es elquesecargaderesponsabilidaddegraficarlamarca AZERTA.

Laflechaindicandoelcentrodelcírculointentadar cuenta de la acertivos que son y de ahí el nombre, o al revés.

Se rescata y recoge la certeza de es-tas imágenes (nadie puede inventar la rueda). Lograr evidenciar claramente un gesto gráfico de la definición del ACERCAR, por tanto se maneja como variable al momento de componer la imagen.

LECTURAS Y REFLEXIONES ANALÍTICAS

L 1

L 3

L 5

L 2

L 4

L 6

L 7

13

OG 1 OG 2 OG 3

Se recoge el gesto del acercamiento en un solo elemento y repetitivo en la palabra.

Identificaciónde3tamañosyunacer-camiento en profundidad.

La perspectiva con base horizontal de toda la palabra, para dar la visión de acercamientohaciaelojo.

Acercamiento hacia adelante de la letra “A”.

OPERACIONES GRÁFICAS

GESTO ESPACIAL GRÁFICO

14

Page 10: Memoria acerca-web-122015

EJERCICIOS DE COMPOSICIÓN

SUMATORIA OPERACIONES GRÁFICAS

01. RUBRO

03. CORPORATIVIDAD

02. MARCA

04. COMPETITIVIDAD

01.- MARCA02.- RUBRO03.- CORPORATIVIDAD04.- COMPETITIVIDAD

15 16

Page 11: Memoria acerca-web-122015

G05 Segmento:Todo producto o servicio trae consigo un cliente, un usuario o publico objetivo, pero en definitiva es un consumidor y eso define un rango, simplemente haciendo una comparativa de edad es posible diferenciar un producto orientado a niños de 5 años o para la tercera edad, desde ahí se perciben las diferencias y es por lo mismo, que al momento de identificar el consumidor, este debe arrojar un gesto gráfico en la forma y debiera traducirse en una intención visual la relación.

En la tipografía se distinguen dos radicales mundos, las con Serif y las Sans. Cada una de ellas se diferencian por la rapidez de sus lecturas, lo que hace establecer clara-mente dos situaciones de lecturabilidad.

a.-(SERIF)LecturasLentas:Estatipologíaesde-moradadebidoalodibujadodesuanatomíaysucontrasteentretrazos,lohacequeelojorequierade mayor detención para su lecturabilidad.

b.-(SANS)LecturasRápidas:Tipografiasmaselementales, que son dirigidas para captar con mayoratenciónotrotipodepúblicoyporlomismo adquieren mayor popularidad.

Claramente es posible evidenciar que a pesar de señalar los distintos clientes y representaciones de empresas tiene un factorcomúnyesteseejemplificaatravésdelenfoquesocial.Deestamaneraesquesedistingueunroldedelaempresaasociadoalarepresentatividad de un grupo de personas o hacia este mismo, lo que sin duda queda claro es que siempre se cuentan con dos partes involucradas primando en si el enfoque social.

MinerasEléctricasAgrícolasTransportesAgro AlimentariasInstituciones Públicas y PrivadasOrganizaciones SocialesMunicipiosSindicatosEmpresarios

Los clientes de ACERCA Consultores son empresas de distintos tipos de industrias: mineras, eléctricas, agrícolas, transportes, agro alimentarias, instituciones públicas y privadas, organizaciones sociales, municipios, sindi-catos, empresarios. El común denominador para todos estos servicios es el aspecto SOCIAL.

ENFOQUE SOCIAL

LECTURAS GRAFICAS

LECTURAS Y REFLEXIONES ANALÍTICAS

L 1

17

OG 1

Se recogen las dos terminaciones de tipografías.

CONTRASTES DE TERMINACIONES FORMALESSe considera pertinente atribuirle a la tipografía el rol de asumir distintas veloci-dades de lectura, entendiendo esas dos partes que se constituyen como frentes o lados que se desean aproximar a través de la comunicación.

OPERACIONES GRÁFICAS

GESTO ESPACIAL GRÁFICO

18

Page 12: Memoria acerca-web-122015

G06 Mandante:El mandante a través de su encargo ya tiene algo en mente o ideas vagas de lo que quiere, a veces equívocas y a veces asertivas. Es necesario contemplar el parecer de éste, ya que nos permite concretar con éxito la propuesta, pero en ciertos casos también es fundamental dar cuenta y dem-ostrar con hechos lo errado que se puede estar. Por lo general, considerar la variable para descartar, ya es una avance.

PALABRAS CLAVES1.- Simple2.- Fresca3.- Clara4.- Cercano5.- Estilizada6.- Textura

El Mandante manifiesta que debe tener un conjunto de variables de acuerdo a su definición, por lo que me quedo con la clave de ser ESTILIZADA.

DEFINICION DE LA PALABRA ESTILIZAR(Deestiloe-izar).1. Interpretar convencionalmente la forma deunobjeto,haciendomásdelicadosyfinossusrasgos.2.Someteraunanuevaelaboraciónrefina-da una obra popular anterior.3. Adelgazar la silueta corporal, en todo o en parte. U. t. c. prnl.

Operación con la ACEPCION 22.tr.Someteraunanuevaelaboraciónrefi-nada una obra popular anterior.

Operación con la ACEPCION 33. tr. coloq. Adelgazar la silueta corporal, en todo o en parte. U. t. c. prnl.

Estilización a través del serif en la tipografía

Estilización de la letra “A”, extrayendo la barra. Simplificaciónorefinarlaforma.Siempreseentederá una “A”.

Se estudian tres relaciones de contrastes.

LECTURAS Y REFLEXIONES ANALÍTICAS

L 1 L 2

19

Se propone un contraste entre trazo a modo de estilización de la forma, adelgazando parte del ASTA MONTANTE IZQUIERDA.

OG 1

SeproponeelcontrasteentreASTASMONTANTESenproporcion1:2.

OPERACIONES GRÁFICAS

GESTO ESPACIAL GRÁFICO

20

Page 13: Memoria acerca-web-122015

EJERCICIOS DE COMPOSICIÓN

SUMATORIA OPERACIONES GRÁFICAS

01.- MARCA02.- RUBRO03.- CORPORATIVIDAD04.- COMPETITIVIDAD05.- SEGMENTO06.- MANDANTE

0.1 RUBRO

0.3 CORPORATIVIDAD

0.5 SEGMENTO

0.2 MARCA

0.4 COMPETITIVIDAD

0.6 MANDANTE

21 22

Page 14: Memoria acerca-web-122015

SEGUNDO MOMENTO: Etapafinaldeconformacióndelaimagen

atravésdelascoordenadasvisualesquedefinenla

instancia visual del usuario.

F01 Tipografía

F02 Color

23 24

Page 15: Memoria acerca-web-122015

F01 Tipografía:La selección tipográfica es una resultante de las variables de lo propio, el producto y el arte en algunos casos. Debe tener coherencia su elección para dar legibilidad y lecturabilidad a la imagen.

CONTRASTES ENTRE TRAZOSLaprimeradefinicióndelatipografíaparasu selección es el contraste entre trazos.

Se toma la decisión de construir la tipografía con una geometría interna particular, ya que no se logra dar con una similar que responda a las proporciones y cuadratura.

SERIF Y SIN SERIFLasegundadefiniciónesladualidaddeterminación en el rasgo.

Sedefineelcontrasteenlaconstruccióndelamisma,enunarelación1:2.

DT 1

DT 3

DT 2

DT 4

DEFINICIÓN DE LA TIPOGRAFÍA

TIPOGRAFÍA MAYOR “A”

25

Seidentificaunatipografíaquenopresen-ta grandes contrastes entre trazos, por lo que permite darle una cierta quietud a la lectura ya que la diferencia de espesores se da en la letra “A”.

La variación de los terminales de cada caracter permite lograr mayor cercanía e interletrado.

Futura Medium variaciones “e” y c”

DT 1 DT 2

TIPOGRAFÍA MENOR “CERCA”

26

DEFINICIÓN FORMAL TIPOGRAFÍA

Page 16: Memoria acerca-web-122015

F02 Color:El color es la percepción básica y relación directa del usuario, lo cual es muy importante entender esta dimensión como detonante del éxito en su lectura.

EL COLOR ROJOEste croma se entiende en una comuni-cación mas desarrollada en el ámbito de la tensión. Informaciones relacionadas con el caracter periodístico debido al impacto que desea provocar en la ciudadanía.

RANGO CÍRCULO CROMÁTICOSedefineenelcírculocromáticolapropuesta color de la IV, en donde debe desarrollarse necesariamente en el rango del verde y azul.

EL COLOR AMARILLOEste croma se desarrolla en el ámbito de las alerta comunicacionales, ya que por lo general se le atribuye a un llamado de atención por su agudeza en su aparecer.

AZUL Y VERDEEstoscroma(ogamacromática)serelaciona con mayor conexión al lector (usuarioopúblicoobjetivo)encuantoal rol mediador de las comunicaciones. Enningúncasoexpondríaunaidentidadvisualconcoloresasociadosalrojo(yamarillo)yaquelejosdequereraproximaruna relación, se genera una tensión del ENTE MEDIADOR, por sobre las comuni-caciones pasivas e informativas que creo que es el rol de la consultora.Deestamaneraesquedefinoelcroma-tismo en sintonía, con la mediación de la información.

27

DEFINICIÓN DEL CROMA

DC 1 DC 2

DC 3 DC 4

Se estudian dos posibilidades en cuanto a relaciones de color.

Se establece una diferenciación en la prim-era letra “A” ya que esta mas relacionado con el resto del texto y permita facilitar la comprensión lectora.

DC 5 DC 6

28

DEFINICIÓN FORMAL DEL CROMA

Page 17: Memoria acerca-web-122015

TERCER MOMENTO: Enestaúltimaetapasecomienzaa

conformarlaimagenbajodistintosparámetros.

Parámetros técnicos que permiten calibrar y medir

enelcampográficobidimensionallasleyesdeun

diseño optimo y legible.

M01 Proporciones

M02 Geometría

29 30

Page 18: Memoria acerca-web-122015

M01 Proporciones:Las proporciones son la coordenada mas impor-tante al momento de la lectura, el ojo necesita entender las relaciones de tamaños y cuales son sus correspondencias internas, es por esto que esta coordenada es la responsable de establecer una relación propia de tamaños para darle quietud a la lectura de un ojo que acusa y mide todas las proporciones.

P 2 P 3

31

DEFINICIÓN DE LAS PROPORCIONES

P 1

MÉTRICA INTERNASe construye una cuadratura en base a la unidadmínima(x).

LECTURAEl horizonte de lectura.

PROPORCIONESLa proprocionalidad entre trazos.

32

DEFINICIÓN FORMAL DE LAS PROPORCIONES

Page 19: Memoria acerca-web-122015

M02 Geometría:La geometría es la variable que permite racional-izar todo hecho artístico, por lo que su aparecer, viene a objetivizar cualquier expresión desmedi-da, que cae en las manos de los ejes, trazados, cuadrículas, etc., un sin fín de elementos o racio-cinios geométricos que permiten homogeneizar una lectura gráfica y darle quietud a la imagen y estabilidad al ojo del usuario.

33

DEFINICIÓN DEL TRAZADO GEOMÉTRICO

P 1

TRAZADOSSedistinguenunconjuntodetrazadosqueforman parte de la geometría interna de la imagen.

34

DEFINICIÓN FORMAL DE LA GEOMETRÍA

Page 20: Memoria acerca-web-122015

ESTADOSCROMÁTICOSDE LA IMAGEN

35

Escala de Grises Negro

36

Color

Page 21: Memoria acerca-web-122015

COLOFÓN TÉCNICO

FORMATOS Y SUSTRATOS

Dimensiones páginas:

16,51 x 21,59 cm.

Papel interior:

Pordefinir

Papel Portada:

Pordefinir

TIPOGRAFÍAS

Tipografías: Optima (Regular, Italic y Bold)

Tamaños: 6, 7, 8, 9, 10, 11 y 12

APLICACIONES

DISEÑO Y DIAGRAMACIÓN

Edición:

Adobe Indesign CS6

Imagenes vectoriales:

Adobe Illustrator CS6

IMPRESIÓN

Laser color

Brother HL 3150CDN

ENCUADERNACIÓNCorchete al lomo

37 38

Page 22: Memoria acerca-web-122015
Page 23: Memoria acerca-web-122015

Pablo Martínez DuarteArquitecto PUCDiseñador Gráfico PUCV

www.pablomartinezduarte.cl