Proyecto "todo es diseño"

1. TODO
ES
DISEÑO
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 1
CESINE 2013
FUNDAMENTOS DISEÑO GRÁFICO II
Impartido por:
PALOMA GONZÁLEZ DÍAZ
Realizado por:
GEORGINA PICATOSTE OLLOQUI

2. Índice.
! Todo es diseño
!
! Tipografía creativa
! Proyecto final
! Conclusiones
! Imágenes - referencias
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 2

3. Todo es diseño.
Para poder empezar es imprescindible antes aclarar cual es la definición de DISEÑO: Del
italiano disegno, la palabra diseño se refiere a un boceto, bosquejo o esquema que se
realiza, ya sea mentalmente o en un soporte material, antes de concretar la producción de
algo. El término también se emplea para referirse a la apariencia de ciertos productos en
cuanto a sus líneas, forma y funcionalidades. (extraída de definición.de)
Para poder realizar el trabajo que se pide, es necesario documentarse previamente, sobre
los dos factores imprescindibles y principales de la actividad:
! “Todo es diseño”
! Tipografía creativa.
Todo es diseño, hace referencia a todo aquello que esta presente en el día a día y como
ha vivido un estudio previo para después mostrar un diseño adecuado a lo que pretende
hacer referencia. Es una frase que engloba “todo de todo”, puesto que todo, se puede
considerar como diseño.
Es cierto que todo aquello que se ve y se palpa presenta un diseño y estudio previo,
aunque no quiere decir que al poseer tal intención logre su cometido. Una interesante
reflexión sobre la función del diseño, es la extraída de la exposición Todo es diseño del
Instituto de Cervantes en Sofía (Bulgaria): “La mejor expresión y halago para el diseño
consiste en que pase inobservado, que sólo prevalezca el producto de su invención. Todo
es diseño: algo que facilita el entendimiento, la comunicación, la interacción en un mundo
vertiginoso y funcional. Que dura y que funciona. Que da energía y salud al intercambio
de signos. Que está en la raíz de cualquier mercancía en la sociedad industrial, de
cualquier mensaje que circula por las vías de comunicación que la recorren.”
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 3

4. En la red se pueden encontrar diferentes ejemplos de carteles de Todo es diseño:
En este cartel en el que se representa la
famosa frase de Paul Rand, “Todo es
diseño, todo!”, se ha empleado la
tipografía como imagen para trasmitir el
mensaje de la frase. Ha empleado
elementos referentes al diseño gráfico;
desde la señalización, los libros o
revistas, los carteles o etiquetas, hasta
el diseño iconográfico.
Es interesante como se vale de una
tipografía base relativamente sencilla y
sin excesos de ornamentación para así
no distraer de la verdadera intención,
que no es otra que la de transmitir el
mensaje.
En este otro ejemplo, ejercicio de un
compañero de Cesine, se ha valido de
todo elementos que permiten generar
un diseño, siendo parte del proceso
imprescindible en la creación del
objeto.
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 4
Cartel diseñado por David GONZÁLEZ DOPICO
Cartel diseñado para Todo es diseño.

5. En este otro ejemplo se observa un diseño más
simple, con una tipografía sin serifa, y sin excesos
ornamentales, a la que añade todo un tramado para
dar la imagen de diseño y creatividad.
Es un diseño que se ve simple y resulta poco
impactante. En cuanto a los gráficos que contornean
distraen de la correcta lectura.
En este último ejemplo se observa un cartel que trata de hacer culto a diferentes
elementos, entre ellos y el más importante, Paul Rand.
Se vale de una imagen de dicho personaje, del estilo que inventó para IBM caracterizado
por la tipografía expresada con rayas horizontales, y por la presencia de otros logotipos
también generados por él. Este cartel se muestra de un modo un tanto caótico puesto que
presenta demasiados elementos y cuesta entender el porque del mismo.
Cartel Todo es diseño. Rúben Carvajal.
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 5
Cartel diseñado para Todo es diseño.

6. Tipografías creativas.
Como segunda parte, previa al desarrollo del cartel, se han observado diferentes
tipografías creativas, entre las que caben destacar:
En este conjunto gráfico se pueden observar
diferentes tipografías creativas y con un diseño
diferente a las habituales, más volumétricas e
irregulares.
Presenta una mezcla de diferentes estilos lo
que genera cierto caos a la hora de su correcta
lectura.
En esta otra tipografía se aprecia como
primer elemento el uso del color, dando este
mayor importancia al diseño gráfico por el
tipo de elementos que lo acompañan.
Pretende remarcar la necesidad de un
bocetaje previo a el diseño posterior.
Se vale de formas curvas que generan
movimiento al diseño acompañadas de
elementos del diseño gráfico remarcando la
necesidad del empleo de ellos.
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 6
Tipografía diseñada por Nicolò Ottoboni.
Tipografía diseñada por Yulia Brodskaya.

7. En este ejemplo de tipografía se observan unas letras sinuosas y con
todo formas curvas, en ninguna de sus letras se puede ver un ángulo
recto o vivo, por lo que la sensación que genera es algo suave y
agradable, dulce.
En este otro ejemplo, se pueden apreciar
como se ha generado una tipografía a partir
de aquellas marcas o logotipos que han
fijado su propia imagen y su la tipografía
empleada los representa. Convirtiendo a
esta en una imagen identificable por todos.
En esta última imagen
se pueden ver diferentes
tipografías que se
identifican con una
marca, grupo musical o
película a los cuales
están vinculados.
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 7
Tipografía diseñada por Toby Caves.
Iniciales a partir de marcas famosas.
Ejemplos tipografías - marca.

8. Cuando una tipografía se convierte en marca.... es fácilmente reconocible con dicha
imagen, pero si se prueba a cambiar la tipografía y aplicarla con otra imagen se puede
observar lo siguiente:
Genera cierta confusión puesto que se ven dos imágenes combinadas que no hay
costumbre de verlas juntas o como es el caso intercambiadas.
En este otro ejemplo se puede observar el mismo efecto con dos marcas de refrescos en
los que al probar a cambiar sus respectivas tipografías producen una sensación de
incongruencia e incompatibilidad.
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 8
Funny logo. Diferentes tipografías en diferentes marcas.
Ejemplo de intercambio de tipografías.

9. Proyecto final.
Todo es diseño. Y todo es tipografía. Ambas frases se pueden considerar análogas por
cumplir una misma función. La tipografía se conoce como el conjunto de letras con un
estilo y características propias que hacen diferenciarlas del resto. Todas ellas han sido
diseñadas con una intención, ya sea facilitar y mejorar la lectura, o la de impactar y dar
mayor énfasis a aquello que quieran representar. Según describía Stanley Morison en
1929, la tipografía es: “Arte de disponer correctamente el material de imprimir, de acuerdo
con un propósito específico: colocar las letras, repartir el espacio y organizar los tipos con
vistas a prestar al lector la máxima ayuda para comprensión del texto.” De todo esto se
concluye que la tipografía es tan importante como el diseño de lo que esta representado,
por lo que en muchos casos el diseño de un texto es la propia tipografía, y de como ésta
se convierte en imagen representativa dejando a un lado el hecho de ser, TIPOGRAFÍA.
Tras mucho pensar como dirigir este proyecto, se decide valerse de una tipografía
sencilla, sin ornamentos y de fácil lectura. La tipografía escogida ha sido Gill Sans Ultra
Bold, empleada en negrita para hacerla más impactante y resaltar así su efectividad.
Esta se ha tratado desde el programa Illustrator, deformándola, contorneándola con
diferentes tramas y rellenándola finalmente con diferentes imágenes de ejemplos de
diseño en tipografía, mediante máscara de recorte entre letra e imagen. Y estas son:
En la primera letra se ha empleado la imagen de
una mariposa realizada y contorneada con
diferentes palabras en tipografías modernas,
volumétricas y adaptadas a la forma de esta figura. Ésta
grafía se ha escogido como ejemplo de un posible uso de
la tipografía, diferente al habitual.
En la segunda se ha tomado la imagen de
apple, puesto que a pesar de valerse de una
tipografía muy simple y sencilla, esta no es
necesaria, porque sólo con su imagen corporativa, ya
se reconoce quién es. Esta ha sido tomada como
muestra de diseño.
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 9
T
O

10. En esta otra, se ha tomado tanto la imagen
como la tipografía de esta famosa marca de
coches, en la que, la tipografía de la que se
vale es reconocida sin la necesidad de verla unida a la
famosa imagen del “cavallino rampanti”. Esta marca se
vale tanto de la tipografía como del color para crear así
una diferencia remarcada del resto.
Esta otra, ha sido tomada por el hecho de
como su gráfica se vale de la tipografía para
crear su imagen, la cual es reconocida con
solo ver la escritura de las letras. Esta tipografía
representa e identifica a esta marca.
En esta otra, se ha seleccionado el logotipo de Hewlett
Packard, puesto que a partir de la combinación de
estas dos, H y P, a conjunto con la tipografía, se
reconoce por todos, sin posibilidad de confusión.
La imagen Starbucks Coffee, es otro
ejemplo del uso de la tipografía como
imagen, en la que la composición, color y
distribución de la misma crea la imagen corporativa
de la marca.
En esta letra se ha empleado una imagen del
famoso y apreciado Steven Jobs realizada
con diferentes tipografías que contornean y
conforman su rostro. Este es un ejemplo de otro y
muy diferente uso de la tipografía.
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 10
O
D
E
S
D

11. En esta letra se ha incorporado la imagen
de Facebook, el cual esta muy integrado en
la sociedad más como marca que como
texto o tipografía.
En esta, se ha elegido por ser una marca reconocida por
todos, y por como toda tipografía puede estar incluida en
cualquier elemento de la vida cotidiana. En este caso en
la etiqueta de una prenda de ropa.
En esta otra, se ha tomado una tipografía creativa,
realizada con las huellas dactilares, generando un estilo
totalmente diferente a las tipografías habituales o más
usuales.
En esta se ha tomado la imagen del
famoso estudio de Marvel films, el cual ha
creado imagen a partir de su tipografía
blanca rellena de imágenes de los famosos
cómics a los que hace referencia.
En este último se ha tomado una gráfica
de Burguer King, en el que se representa
los productos que lo componen
mediante la tipografía adaptada a las formas y
colores de los alimentos.
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 11
I
s
E
Ñ
O

12. Finalmente, las letras se han contorneado con tres tramas diferentes para darle un toque
de diseño y remarcar así la importancia de la tipografía combinada con la imagen.
El resultado final ha sido el siguiente:
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 12
Cartel definitivo, Todo es diseño.

13. Conclusiones.
La tipografía es aquel elemento que permite comunicarnos los unos con los otros vía
escrita. Pero no sólo se limita a este tipo de comunicación sino que va mucho más allá, al
convertirse en diseño, cuando se emplea como elemento gráfico y visual. Mediante la
tipografía se puede lograr resultados tan expresivos como una imagen, tratándola en el
modo adecuado se conseguirán diseños fascinantes.
El resultado obtenido en este proyecto es satisfactorio, pues tras diferentes intentos de
crear una nueva y distinta tipografía, el resultado a sido algo diferente, pero no nuevo. De
modo que valiéndose de imágenes ya existentes se ha diseñado la frase “todo es diseño”
resultando una gráfica unificada y distinta a las habituales.
Lo interesante de este proyecto, es que no todo lo creativo resulta efectivo al propósito
deseado, sino que con una tipografía más sencilla y habitual genera un efecto mayor y
mejor comprendido que otra con excesivos ornamentos, que lo único que hacen es
afectar al buen desarrollo y la fluida lectura del cartel.
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 13

14. Imágenes - referencias.
Imágenes:
Imagen cartel Todo es diseño. [En línea] <http://www.chistesparadg.com.ar/2013/04/todo-
es-diseno-todo.html> [Consulta 23.04.2013]
Imagen composición Todo es diseño. GONZÁLEZ DOPICO, David. [En línea] <http://
davogd.tumblr.com/post/5138102141/tipografia-todo-es-diseno> [Consulta 23.04.2013]
Imagen Design is Everything is Design. O peixe fresco. [En línea] <http://
opeixefresco.com/2011/04/27/dia-mundial-do-design-grafico/> [Consulta 23.04.2013]
Imagen composición Todo es diseño para Paul Rand. CARVAJAL, Rúben. [En línea]
<http://rubdesign.blogspot.it/> [Consulta 24.04.2013]
Imagen tipografía OTTOBONI, Nicolò. [En línea] <http://pinterest.com/pin/
844493651119737/> [Consulta 23.04.2013]
Imagen tipografía BRODSKAYA Yulia [En línea] <http://pinterest.com/pin/
844493651119698/> [Consulta 23.04.2013]
All things come to an end. Tipografía de Toby Caves. [En línea] <http://pinterest.com/pin/
844493651119558/> [Consulta 24.04.2013]
Imagen Iniciales tipografía. Branding, marca y significado. [En línea] <http://
nipapelniboli.wordpress.com/2011/06/08/branding-marca-y-significado/> [Consulta
24.04.2013]
Imagen diferentes tipografías como marca. Famous fonts. [En línea] <http://
www.calcco.com/index.php/blog/147/famous-fonts/es > [Consulta 24.04.2013]
Funny logo. [En línea] <http://criactrln.blogspot.it/2011_07_01_archive.html > [Consulta
24.04.2013]
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 14

15. Imágenes empleadas para la realización del cartel:
Imagen mariposa tipografía. [En línea] <http://tiempodepublicidad.wordpress.com/
2012/09/21/20-tipografias-creativas-con-mucho-arte/tipografia-8/> [Consulta 26.04.2013]
Logotipo Apple.[En línea] <http://www.themebin.com/hd-wallpapers/apple-g5-hd-
wallpaper/> [Consulta 26.04.2013]
Escudo Ferrari. [En línea] <http://tr-motors.ru/car_base/reverse/diskovye.html > [Consulta
26.04.2013]
Imagen cocacola. [En línea] <http://www.clubdarwin.net/seccion/ingredientes/coca-cola-
medicinal-cientificos-dicen-que-disuelve-masas-no-digeribles-estomaca > [Consulta
26.04.2013]
Imagen HP. [En línea] <http://takedesigns.com/hp-logo/ > [Consulta 26.04.2013]
Imagen Starbucks. [En línea] <http://negociosenescena.blogspot.it/2013/01/estados-
unidos-endulza-ganancia-de.html > [Consulta 26.04.2013]
Imagen retrato realizado con tipografía. De dylanroscover. [En línea] <http://
www.microsiervos.com/archivo/arte-y-diseno/retratos-dibujados-tipografias.html >
[Consulta 26.04.2013]
Logo facebook. [En línea] <http://techsportdj.wordpress.com/2013/04/20/nuevo-logo-de-
facebook/> [Consulta 26.04.2013]
Imagen etiqueta de Leviʼs. [En línea] <http://www.rfidpoint.com/noticias/ventas-
inteligentes-solo-en-levi´s/> [Consulta 26.04.2013]
Imagen tipografía huellas dactilares. De Lowman. [En línea] <http://www.hellowman.nl/
category/work > [Consulta 26.04.2013]
Imagen Marvel [En línea] <http://wallpaperbackgrounds.com/wallpaper/19202 > [Consulta
26.04.2013]
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 15

16. Imagen Burguer King. [En línea] <http://designitsyou.wordpress.com/2010/09/21/burger-
king-burger-fries-wrap/> [Consulta 26.04.2013]
Referencias:
CHOSSA. Diseños de tipografías creativas, por Pablo Alfieri [En línea] <http://
www.choosa.net/es/community/article/Disenos_de_tipografias_creativas_por_Pablo_Alf>
[Consulta 24.04.2013]
F r a s e To d o e s d i s e ñ o , ¡ To d o ! . P a u l R a n d . [ E n l í n e a ] < h t t p : / /
www.frasesypensamientos.com.ar/autor/paul-rand.html > [Consulta 24.04.2013]
LATIDO CREATIVO. 1O diseños con tipografías creativas en las que inspirarte. [En línea]
<http://latidocreativo.es/blog/tipografias-creativas-para-aumentar-inspiracion/> [Consulta
24.04.2013]
MANKANI, Yogesh. 30 Creative And High Quality Typography Fonts For Free Download
[En línea] <http://savedelete.com/30-creative-and-high-quality-typography-fonts-for-free-
download.html> [Consulta 24.04.2013]
MUJICA CALDERÓN, Alejandra. Todo es diseño, Todo!. [En línea] <http://
maniobrarte.blogspot.it/2010/03/todo-es-diseno-todo-paul-rand.html> [Consulta
24.04.2013]
PALABRACIÓN. Paul Rand, un visionario. [En línea] <http://palabraccion.blogspot.it/
2008/06/paul-rand-un-visionario.html> [Consulta 24.04.2013]
STANLEY, Morison. [En línea] <http://www.jenson.com.mx/articulos/20-definicion-de-
tipografia> [Consulta 24.04.2013]
La tipografía y su evolución. [En línea] <http://www.fotonostra.com/grafico/tipografia.htm>
[Consulta 24.04.2013]
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 16

17. Tipografías. [En línea] <http://eduardosproductions.jimdo.com/mis-recursos/tipografias/>
[Consulta 24.04.2013]
Tipografías creativas. [En línea] <http://pinterest.com/alimitjans/tipografias-creativas/>
[Consulta 24.04.2013]
Todo es diseño. Exposición. Definición y descripción Todo es diseño. [En línea] <http://
sofia.cervantes.es/FichasCultura/Ficha80980_905_1.htm > [Consulta 24.04.2013]
Todo es Diseño
Georgina Picatoste Olloqui CESINE 2013 FDG II! 17