Issuu on Google+

ESTUDIO GRテ:ICO

MEMORIA


ESTUDIO GRテ:ICO


ESTUDIO GRÁFICO

DEFINICIÓN DEL PROYECTO Elaborar una identidad corporativa para un estudio gráfico. Después de desarrollarla daremos paso a extendernos en el proyecto con la creación de una web. Una vez creados todos los objetivos, en los cuales podré abarcar todos los conocimientos obtenidos a lo largo de estos años, la empresa, en este caso el estudio gráfico, estará preparado para competir en el mercado.


ESTUDIO GRÁFICO

PROBLEMAS DE COMUNICACIÓN DIFICULTADES ENCONTRADAS LOGOTIPO ¿Como diferenciarme de la competencia? Análisis de la competencia, tanto de la identidad corporativa como del uso de color y tipografías. * Nombre de la empresa. * Uso de tintas: ¿1 tinta o 2 tintas? * ¿Integración de la tipografía con el anagrama?


ESTUDIO GRÁFICO

PROBLEMAS DE COMUNICACIÓN DIFICULTADES ENCONTRADAS WEB Estilo Minimalista, tipo catálogo, ilustrada... Soporte HTML,HTML5, CSS3, Jquery, JavaScript, FLASH... Formato/estructura Ancho fijo, fluida, ¿scroll horizontal o vertical?, nuevas técnicas como Responsive Web Design.


ESTUDIO GRÁFICO

OBJETIVOS 1. Buscar un NAMING para el estudio gráfico. 2. Creación de un LOGOTIPO. - Sólo texto - Texto / Anagrama 3. Realizar el MANUAL DE IDENTIDAD CORPORATIVA - Usos - Color - Tamaño - Papelería 4.

WEB/PORTFOLIO para mostrar mis trabajos.


ESTUDIO GRÁFICO

AGENTES ACTIVOS DIFICULTADES ENCONTRADAS LOGOTIPO ¿Como diferenciarme de la competencia? Análisis de la competencia, tanto de la identidad corporativa como del uso de color y tipografías. * Nombre de la empresa. * Uso de tintas: ¿1 tinta o 2 tintas? * ¿Integración de la tipografía con el anagrama?


ESTUDIO GRÁFICO

CALENDARIO Octubre – Naming y logotipo (estudio y análisis) Noviembre – Propuestas (naming y logotipo) Diciembre – Propuestas (naming y logotipo) Enero - Propuestas (logotipo) / Maquetación Manual Corporativo Febrero - Propuestas (logotipo) / Maquetación Manual Corporativo Marzo - Maquetación Manual Corporativo / Maquetación Web Abril - Maquetación Manual Corporativo / Maquetación Web Mayo - Maquetación / Pruebas de impresión Junio- Maquetación Web / Entrega


ESTUDIO GRÁFICO

PRESUPUESTO Como hemos dicho anteriormente, el diseño es mio por lo que no correría ningún gasto. Las impresiones del manual de identidad corporativa y tarjetas de visita correrán a mi cargo. También hay que pagar el servidor y dominio donde alojaremos la web. WEB

SERVIDOR 30 €

DISEÑO

MI TIEMPO MANUAL IDENTIDAD 30/40 €

CUBIERTA TIPO DE PAPEL Nº DE PÁG. FORMATO ENCUADERNACIÓN


ESTUDIO GRÁFICO

ARTICOESTUDIO.COM LOGOTIPO - Texto - 2 tintas - Verde - Trama del negro WEB - Bien organizada - Buen uso de contragrafismos - Color corporativo (verde) - Titulares - Detalles - WEB en negativo TIPOGRAFÍAS - Utiliza tipografías de palo seco TIPO DE WEB - HTTP/CSS/JAVASCRIP/FLASH


ESTUDIO GRÁFICO

LIMONPUBLICIDAD.COM LOGOTIPO - Texto - Anagrama incluido en el texto - 1 Tinta WEB - Bien organizada - Buenos contragafismos - Color corporativo (verde) - Titulares - Detalles - Color complementario (amarillo) - Detalles TIPOGRAFÍAS - Utiliza tipografías de palo seco TIPO DE WEB - HTML/CSS/JAVASCRIPT


ESTUDIO GRÁFICO

DLINEAS.COM LOGOTIPO - Texto - 2 Tinta - Negro (logotipo) - Magenta (sector) WEB - Bien organizada - Buenos contragafismos - Color corporativo (magenta) - Detalles TIPOGRAFÍAS - Romana cursiva (titulares) - Palo seco - Menu TIPO DE WEB - HTML/CSS/JAVASCRIPT


ESTUDIO GRÁFICO

SQUEMBRI.COM LOGOTIPO - Texto - 1 Tinta - Negro WEB - Bien organizada - Buenos contragafismos - Demasiada altura de página TIPOGRAFÍAS - Palo seco - Menú - Titulares - Texto Base TIPO DE WEB - HTML/CSS/JAVASCRIPT


ESTUDIO GRÁFICO

CONCLUSIONES LOGOTIPO - 1 ó 2 tintas - No utilizar color verde - Incluir anagrama - Tipografía - Palo seco - Mecana - Lettering

WEB - Bien organizada - Buenos contragafismos - Web en scroll vertical - Utilizar ilustraciones para dar a la web un estilo diferente Tipografías - Palo seco - Menú - Titulares - Texto Base - Mecanas Soporte/código - HTML5/CSS3/JAVASCRIPT/JQUERY


PROPUESTAS LOGOTIPO - WEB


ESTUDIO GRÁFICO

1ª PROPUESTA LOGOTIPO NAMING

PURPLEFROG

ANAGRAMA

MANCHA DE UNA RANA EN PLANTA

* Difícil pronunciación * 2ª y 3ª versión no apta


ESTUDIO GRテ:ICO

2ツェ PROPUESTA LOGOTIPO

NAMING

RANAMORADA

ANAGRAMA

MANCHA DE UNA RANA EN PLANTA

* Juego de palabras y de color RANA-MORADA


ESTUDIO GRÁFICO

3ª PROPUESTA LOGOTIPO (DEFINITIVA)

NAMING

RANAMORADA

ANAGRAMA

ILUSTRACIÓN DE UNA RANA JUGANDO CON EL NEGATIVO DE LAS SOMBRAS

* Tipografía modificada * http://issuu.com/vazquezdesignerjvl/docs/ranamorada


ESTUDIO GRÁFICO

1ª PROPUESTA SOPORTE

WORDPRESS

CÓDIGO

HTML/CSS3/JQUERY JAVASCRIPT

http://ranamoradaestudio.com


ESTUDIO GRÁFICO

2ª PROPUESTA SOPORTE

PARALLAX (jQuery)

CÓDIGO

HTML5/CSS3/JQUERY JAVASCRIPT

http://vazquezdesigner.net84.net/PARALLAX/


ESTUDIO GRÁFICO

3ª PROPUESTA WEB (DEFINITIVA) SOPORTE

RESPOSIVE WEB DESING

CÓDIGO

HTML5/CSS3/JQUERY JAVASCRIPT

784px máximo TABLETS/IPAD

RESOLUCIÓN 1024 px mínimo - PANTALLA PC/PORTATIL

481px máximo MÓVILES

http://vazquezdesigner.net84.net/RANAFLUID


ESTUDIO GRÁFICO

LOGOTIPO Después de valorar todos los cambios realizados al logotipo desde la primera propuesta tanto del naming como del anagrama, veo que hay una buena evolución. El primer namig tenía una pronunciación un poco complicada. Ya en el segundo “ranamorada” conseguimos un juego de palabras que suena bien. El primer anagrama era simple y funcionaba pero en la segunda propuesta conseguí un anagrama más dinámico y que funcionaba aun mejor que el primero.


ESTUDIO GRÁFICO

WEB Con algunas dudas sobre como hacer la web, empecé por probar a realizarla con “Wordpress”. Después de mirar miles de tutoriales y llegar a comprender el código que utiliza esta plataforma, pensé que utilizarlo era buena idea para tener un gestor de contenido y hacer más facil la subida de entradas. Después de la presentación, con bastante trabajo hecho, quedé un poco confundido con las críticas de los compañeros y decidí darle una vuelta completa. Entonces empecé a investigar y realicé otro tipo de web, una web realizada en jQuery con un efecto llamado “parallax” en la cual superpones capas y das movimiento, lo que le da sensación de pronfundidad o 3D. La web me gusta, es diferente al resto de la competencia y también me gusta más el tema de

ser ilustrada pero al final se decidió hacer algo más simple, más minimalista, en el que de una forma sencilla mostrase de primeras mis trabajos. La web no está todo lo completa que me gustaría. Entre que me costó decidirme de primeras como hacer la web, el trabajo realizado para cada una de las tres propuestas me ha servido para aprender de cada una de ellas nuevos códigos de programación como PHP, además de nuevas formas de utilizar jQuery y aprender HTML5 y CSS3, lo último en código. Gracias también a un curso online aprendí Web Responsive Design, una página que se adapte a la resolución de pantalla y que utilicé en esta última y definitiva propuesta.



Memoria Proyecto 3º