SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
El uso correcto de la tipografía para un diseño eficaz




Paty Juberias   - patyjg.wordpress.com -                                   Página 1
La tipografía


                   El Tema "tipográfico" suele producir bastante controversia.
                        Donde está el límite entre un "diseño creativo" y
                                           una "locura tipográfica"?.

                En muchas ocasiones empleamos tipografías poco acertadas, de
                    un tamaño exagerado o mezclamos muchas tipografías
                              diferentes en un mismo diseño.




Paty Juberias   - patyjg.wordpress.com -                                         Página 2
¿Como elegir correctamente una tipografía?


            Es cierto, que cada vez son mas los medios donde podemos
            "diseñar" y cada uno, con sus particularidades y características
            propias, por eso, debemos hacernos una serie de preguntas
            antes de comenzar con nuestro proyecto:


                    Pregunta 1 : ¿Para que formato estoy diseñando?


                    Prensa escrita, web, cartel publicitario, editorial...
                    Esto es lo primero que debemos considerar.




Paty Juberias   - patyjg.wordpress.com -                                       Página 3
Pregunta 2: ¿Que aspectos debo tener en cuenta para
                    una correcta legibilidad?

                    En función del formato, debemos estudiar la correcta
                    legibilidad, usabilidad, accesibilidad …

                    Pregunta 3: ¿Que utilidad tiene la tipografía en este
                    proyecto?

                    La misión de la tipografía es la de comunicar un mensaje
                    mediante texto, pero en nuestro caso, debemos pensar si el
                    uso de una determinada tipografía es relevante para el modo
                    en el que se comunica el mensaje (captar la atención del
                    usuario, producir en el una determinada sensación, ...)




Paty Juberias   - patyjg.wordpress.com -                                          Página 4
Con esto, podríamos crear un sencillo guión con las principales
                 características tipográficas para nuestro diseño, por ejemplo:


                  "Una tipografía grande, en colores llamativos tropicales que
                evoque las playas del Caribe para el anuncio publicitario de una
                  nueva marca del Ron Caribeño que se mostrará en grandes
                              carteles ubicados en las carreteras"


            - Grande y con colores llamativos para una correcta legibilidad y
            visualización desde grandes distancias
                 – Colores tropicales para que la tipografía en nuestro diseño
                   tenga el valor de evocar las playas del Caribe
                                                –




Paty Juberias   - patyjg.wordpress.com -                                           Página 5
Además, existen algunas Reglas tipográficas básicas que
                               es interesante recordar:


            1. No abusar de las tipografías


            La tipografía puede aportar un gran valor a un diseño, pero en
            generalmente esto se consigue con una tipografía "muy bien
            elegida" más que con el uso de muchas tipografías diferentes en
            un mismo diseño.
            El uso de varias tipografías, produce que al usuario le resulte
            difícil fijar su atención en ningún punto concreto del diseño,
            podríamos decir que "se despista".Por ello, la primera regla:


                        ¡ Cuantas menos tipografías necesites para mostrar el
                                     mensaje, mucho mejor !



Paty Juberias   - patyjg.wordpress.com -                                        Página 6
2. Cuidado con los efectos


            Tendemos a emplear muchos efectos para intentar que el
            mensaje se muestre con más claridad y en la mayoría de
            ocasiones conseguimos el efecto contrario.
            Usar negritas, subrayados, MAYÚSCULAS, etc. Es un recurso
            muy valioso, pero el abuso de esto produce que el usuario no
            sea capaz de identificar la parte "verdaderamente importante del
            texto". Aquí va la regla numero 2:


                  "Una tipografía bien utilizada consigue atraer la atención
                  del usuario de un modo mas eficaz que un texto escrito
                  íntegramente en mayúsculas"




Paty Juberias   - patyjg.wordpress.com -                                       Página 7
3. Ayudar a la legibilidad


            Debemos prestar especial atención a la composición del texto:
            espaciado entre las letras y con el resto de palabras (tracking y
            kerning).
            Los espaciados automáticos de cada tipografía suelen ser
            acertados pero podemos "jugar" con ellos para conseguir un
            efecto diferente siempre que respetemos unos principios
            estéticos y de legibilidad adecuados.


                  "Jugar con el tracking y el kerning está bien, pero con
                  prudencia"




Paty Juberias   - patyjg.wordpress.com -                                        Página 8
4. No olvidemos el formato
            En el caso de una línea de texto o un párrafo pequeño no es
            necesario, pero en el caso de textos más largos, aplicar un
            formato correcto es imprescindible.
                  Dividir el texto en fragmentos → hará que resulte más
                  sencillo y "apetecible" de leer

                  Ordenar los fragmentos, de modo que mantengan una
                  estructura lineal, sin cortes ni elementos que obstaculicen
                  la lectura → ayudará a una correcta lectura secuencial

                  Debemos realizar una maquetación acorde al dispositivo
                  de destino: ancho de columnas y tamaño de letra y
                  párrafos.

                  Siempre que sea posible, ofrecer la posibilidad al usuario
                  de adaptar el tipo y tamaño de la letra (paginas web,
                  documentos digitales...)



Paty Juberias   - patyjg.wordpress.com -                                        Página 9
5. Revisar la ortografía siempre


            Este punto puede parecer absurdo ya que se trata de algo muy
            evidente, pero resulta sorprendente el número de ocasiones en
            las que un texto aparece mal escrito en prensa o cualquier medio
            publicitario, por eso:


                  Revisar la ortografía siempre, siempre, siempre!


            Para ello, puedes utilizar: el diccionario de la RAE, la web educar.org,
            lenguaje.com, así como diversos recursos que podrás encontrar on-line.




Paty Juberias   - patyjg.wordpress.com -                                               Página 10
::Creado por::

        Contenido - Patricia Juberias
        Imágenes – Algunas imágenes han sido tomadas de Internet para ejemplificar los contenidos y son propiedad de sus respectivos autores

:: Fecha::

         2012




    Paty Juberias   - patyjg.wordpress.com -                                                                                                   Página 11

Más contenido relacionado

La actualidad más candente

Arte pre colombino inca maya azteca
Arte pre colombino inca maya aztecaArte pre colombino inca maya azteca
Arte pre colombino inca maya azteca
Silvia Garavaglia
 
Publicidad inspirada en obras de arte
Publicidad inspirada en obras de artePublicidad inspirada en obras de arte
Publicidad inspirada en obras de arte
PatriciaKatsarida
 
Gutenberg y sus tipos móviles
Gutenberg y sus tipos móvilesGutenberg y sus tipos móviles
Gutenberg y sus tipos móviles
Verónica Piña
 
Familias tipográficas
Familias tipográficasFamilias tipográficas
Familias tipográficas
luiart
 
Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong
PeKiiThaz97
 

La actualidad más candente (20)

Que son fuentes tipográficas
Que son fuentes tipográficasQue son fuentes tipográficas
Que son fuentes tipográficas
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Diseño de logotipos
Diseño de logotiposDiseño de logotipos
Diseño de logotipos
 
Arte pre colombino inca maya azteca
Arte pre colombino inca maya aztecaArte pre colombino inca maya azteca
Arte pre colombino inca maya azteca
 
La Composición
La ComposiciónLa Composición
La Composición
 
Publicidad inspirada en obras de arte
Publicidad inspirada en obras de artePublicidad inspirada en obras de arte
Publicidad inspirada en obras de arte
 
Brief de diseño
Brief de diseñoBrief de diseño
Brief de diseño
 
Gutenberg y sus tipos móviles
Gutenberg y sus tipos móvilesGutenberg y sus tipos móviles
Gutenberg y sus tipos móviles
 
Familias tipográficas
Familias tipográficasFamilias tipográficas
Familias tipográficas
 
Bloque 4 diseño grafico
Bloque 4  diseño graficoBloque 4  diseño grafico
Bloque 4 diseño grafico
 
Diseño editorial presentación
Diseño editorial   presentaciónDiseño editorial   presentación
Diseño editorial presentación
 
Principios de la composición fotográfica
Principios de la composición fotográficaPrincipios de la composición fotográfica
Principios de la composición fotográfica
 
DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.
 
Tema 4.- SÍNTESIS GRÁFICA
Tema 4.-  SÍNTESIS GRÁFICATema 4.-  SÍNTESIS GRÁFICA
Tema 4.- SÍNTESIS GRÁFICA
 
Recursos expresivos del Cartel
Recursos expresivos del CartelRecursos expresivos del Cartel
Recursos expresivos del Cartel
 
Diseño gráfico cartel
Diseño gráfico  cartelDiseño gráfico  cartel
Diseño gráfico cartel
 
MANUSCRITOS MEDIEVALES. LIBROS ILUMINADOS DE LA EDAD MEDIA
MANUSCRITOS MEDIEVALES. LIBROS ILUMINADOS DE LA EDAD MEDIAMANUSCRITOS MEDIEVALES. LIBROS ILUMINADOS DE LA EDAD MEDIA
MANUSCRITOS MEDIEVALES. LIBROS ILUMINADOS DE LA EDAD MEDIA
 
Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong
 
El encuadre
El encuadreEl encuadre
El encuadre
 
Tipografia
TipografiaTipografia
Tipografia
 

Similar a El uso correcto de la tipografía para un diseño eficaz

Contenido digital 11.03
Contenido digital  11.03Contenido digital  11.03
Contenido digital 11.03
Angelica1996
 
T4 pa2andymoradisenografico
T4 pa2andymoradisenograficoT4 pa2andymoradisenografico
T4 pa2andymoradisenografico
AndyMora16
 
Consejos graficos de arnold
Consejos graficos de arnoldConsejos graficos de arnold
Consejos graficos de arnold
aragonez20
 
Consejos graficos de arnold
Consejos graficos de arnoldConsejos graficos de arnold
Consejos graficos de arnold
aragonez20
 
Diseño grafico de recursos educativos digitales
Diseño grafico de recursos educativos digitalesDiseño grafico de recursos educativos digitales
Diseño grafico de recursos educativos digitales
lorenacasta
 
Consejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativosConsejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativos
kateclaros
 
Consejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativosConsejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativos
kateclaros
 
Conejos para elaborar un contenido digital
Conejos para elaborar un contenido digitalConejos para elaborar un contenido digital
Conejos para elaborar un contenido digital
Yisseth Buchelly
 
Concejos graficos para el diseño de recursos digitales
Concejos graficos para el diseño de recursos digitalesConcejos graficos para el diseño de recursos digitales
Concejos graficos para el diseño de recursos digitales
Tania Hurtado Hernandez
 

Similar a El uso correcto de la tipografía para un diseño eficaz (20)

Usos de la tipografia
Usos de la tipografiaUsos de la tipografia
Usos de la tipografia
 
Contenido digital 11.03
Contenido digital  11.03Contenido digital  11.03
Contenido digital 11.03
 
Tex imgpres matreferencia
Tex imgpres matreferenciaTex imgpres matreferencia
Tex imgpres matreferencia
 
T4.p2.quishpe.abigail.dg
T4.p2.quishpe.abigail.dgT4.p2.quishpe.abigail.dg
T4.p2.quishpe.abigail.dg
 
Contenidos digitales
Contenidos digitalesContenidos digitales
Contenidos digitales
 
Ebook_Unam
Ebook_UnamEbook_Unam
Ebook_Unam
 
T4 pa2andymoradisenografico
T4 pa2andymoradisenograficoT4 pa2andymoradisenografico
T4 pa2andymoradisenografico
 
Consejos graficos de arnold
Consejos graficos de arnoldConsejos graficos de arnold
Consejos graficos de arnold
 
Consejos graficos de arnold
Consejos graficos de arnoldConsejos graficos de arnold
Consejos graficos de arnold
 
Diseño grafico de recursos educativos digitales
Diseño grafico de recursos educativos digitalesDiseño grafico de recursos educativos digitales
Diseño grafico de recursos educativos digitales
 
Diseño grafico de recursos educativos digitales
Diseño grafico de recursos educativos digitalesDiseño grafico de recursos educativos digitales
Diseño grafico de recursos educativos digitales
 
Consejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativosConsejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativos
 
Usos de la tipografía y los diferentes tipos de logotipos
Usos de la tipografía y los diferentes tipos de logotiposUsos de la tipografía y los diferentes tipos de logotipos
Usos de la tipografía y los diferentes tipos de logotipos
 
T4 p2drawiensky garcia
T4 p2drawiensky garciaT4 p2drawiensky garcia
T4 p2drawiensky garcia
 
contenidos digitales
contenidos digitalescontenidos digitales
contenidos digitales
 
Consejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativosConsejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativos
 
Conejos para elaborar un contenido digital
Conejos para elaborar un contenido digitalConejos para elaborar un contenido digital
Conejos para elaborar un contenido digital
 
Concejos graficos para el diseño de recursos digitales
Concejos graficos para el diseño de recursos digitalesConcejos graficos para el diseño de recursos digitales
Concejos graficos para el diseño de recursos digitales
 
Taller de Redacción para Web
Taller de Redacción para WebTaller de Redacción para Web
Taller de Redacción para Web
 
Lectura1_Diseño web y web 2.0
Lectura1_Diseño web y web 2.0Lectura1_Diseño web y web 2.0
Lectura1_Diseño web y web 2.0
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Último (11)

Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 

El uso correcto de la tipografía para un diseño eficaz

  • 1. El uso correcto de la tipografía para un diseño eficaz Paty Juberias - patyjg.wordpress.com - Página 1
  • 2. La tipografía El Tema "tipográfico" suele producir bastante controversia. Donde está el límite entre un "diseño creativo" y una "locura tipográfica"?. En muchas ocasiones empleamos tipografías poco acertadas, de un tamaño exagerado o mezclamos muchas tipografías diferentes en un mismo diseño. Paty Juberias - patyjg.wordpress.com - Página 2
  • 3. ¿Como elegir correctamente una tipografía? Es cierto, que cada vez son mas los medios donde podemos "diseñar" y cada uno, con sus particularidades y características propias, por eso, debemos hacernos una serie de preguntas antes de comenzar con nuestro proyecto: Pregunta 1 : ¿Para que formato estoy diseñando? Prensa escrita, web, cartel publicitario, editorial... Esto es lo primero que debemos considerar. Paty Juberias - patyjg.wordpress.com - Página 3
  • 4. Pregunta 2: ¿Que aspectos debo tener en cuenta para una correcta legibilidad? En función del formato, debemos estudiar la correcta legibilidad, usabilidad, accesibilidad … Pregunta 3: ¿Que utilidad tiene la tipografía en este proyecto? La misión de la tipografía es la de comunicar un mensaje mediante texto, pero en nuestro caso, debemos pensar si el uso de una determinada tipografía es relevante para el modo en el que se comunica el mensaje (captar la atención del usuario, producir en el una determinada sensación, ...) Paty Juberias - patyjg.wordpress.com - Página 4
  • 5. Con esto, podríamos crear un sencillo guión con las principales características tipográficas para nuestro diseño, por ejemplo: "Una tipografía grande, en colores llamativos tropicales que evoque las playas del Caribe para el anuncio publicitario de una nueva marca del Ron Caribeño que se mostrará en grandes carteles ubicados en las carreteras" - Grande y con colores llamativos para una correcta legibilidad y visualización desde grandes distancias – Colores tropicales para que la tipografía en nuestro diseño tenga el valor de evocar las playas del Caribe – Paty Juberias - patyjg.wordpress.com - Página 5
  • 6. Además, existen algunas Reglas tipográficas básicas que es interesante recordar: 1. No abusar de las tipografías La tipografía puede aportar un gran valor a un diseño, pero en generalmente esto se consigue con una tipografía "muy bien elegida" más que con el uso de muchas tipografías diferentes en un mismo diseño. El uso de varias tipografías, produce que al usuario le resulte difícil fijar su atención en ningún punto concreto del diseño, podríamos decir que "se despista".Por ello, la primera regla: ¡ Cuantas menos tipografías necesites para mostrar el mensaje, mucho mejor ! Paty Juberias - patyjg.wordpress.com - Página 6
  • 7. 2. Cuidado con los efectos Tendemos a emplear muchos efectos para intentar que el mensaje se muestre con más claridad y en la mayoría de ocasiones conseguimos el efecto contrario. Usar negritas, subrayados, MAYÚSCULAS, etc. Es un recurso muy valioso, pero el abuso de esto produce que el usuario no sea capaz de identificar la parte "verdaderamente importante del texto". Aquí va la regla numero 2: "Una tipografía bien utilizada consigue atraer la atención del usuario de un modo mas eficaz que un texto escrito íntegramente en mayúsculas" Paty Juberias - patyjg.wordpress.com - Página 7
  • 8. 3. Ayudar a la legibilidad Debemos prestar especial atención a la composición del texto: espaciado entre las letras y con el resto de palabras (tracking y kerning). Los espaciados automáticos de cada tipografía suelen ser acertados pero podemos "jugar" con ellos para conseguir un efecto diferente siempre que respetemos unos principios estéticos y de legibilidad adecuados. "Jugar con el tracking y el kerning está bien, pero con prudencia" Paty Juberias - patyjg.wordpress.com - Página 8
  • 9. 4. No olvidemos el formato En el caso de una línea de texto o un párrafo pequeño no es necesario, pero en el caso de textos más largos, aplicar un formato correcto es imprescindible. Dividir el texto en fragmentos → hará que resulte más sencillo y "apetecible" de leer Ordenar los fragmentos, de modo que mantengan una estructura lineal, sin cortes ni elementos que obstaculicen la lectura → ayudará a una correcta lectura secuencial Debemos realizar una maquetación acorde al dispositivo de destino: ancho de columnas y tamaño de letra y párrafos. Siempre que sea posible, ofrecer la posibilidad al usuario de adaptar el tipo y tamaño de la letra (paginas web, documentos digitales...) Paty Juberias - patyjg.wordpress.com - Página 9
  • 10. 5. Revisar la ortografía siempre Este punto puede parecer absurdo ya que se trata de algo muy evidente, pero resulta sorprendente el número de ocasiones en las que un texto aparece mal escrito en prensa o cualquier medio publicitario, por eso: Revisar la ortografía siempre, siempre, siempre! Para ello, puedes utilizar: el diccionario de la RAE, la web educar.org, lenguaje.com, así como diversos recursos que podrás encontrar on-line. Paty Juberias - patyjg.wordpress.com - Página 10
  • 11. ::Creado por:: Contenido - Patricia Juberias Imágenes – Algunas imágenes han sido tomadas de Internet para ejemplificar los contenidos y son propiedad de sus respectivos autores :: Fecha:: 2012 Paty Juberias - patyjg.wordpress.com - Página 11