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

DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDavid Nuñez
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticulaCarlos E Franco R
 
Comunicación visual, Semiótica y Semántica
Comunicación visual, Semiótica y SemánticaComunicación visual, Semiótica y Semántica
Comunicación visual, Semiótica y Semánticamaria fernanda
 
Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visualderrislema
 
Productos de diseño gráfico
Productos de diseño gráficoProductos de diseño gráfico
Productos de diseño gráficoPablo Muract
 
Evolución de las artes graficas WG
Evolución de las artes graficas WGEvolución de las artes graficas WG
Evolución de las artes graficas WGdzor_25
 
DiseñO Editorial
DiseñO EditorialDiseñO Editorial
DiseñO Editorialnoldor243
 
Presentacion 1 tipografia
Presentacion 1 tipografiaPresentacion 1 tipografia
Presentacion 1 tipografiaVickydancerf
 
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.Monica Pelaez
 
PROCESO DE PRODUCCIÓN DE MEDIOS IMPRESOS
PROCESO DE PRODUCCIÓN DE MEDIOS IMPRESOSPROCESO DE PRODUCCIÓN DE MEDIOS IMPRESOS
PROCESO DE PRODUCCIÓN DE MEDIOS IMPRESOSDavid Nuñez
 
Perspectiva conica
Perspectiva conicaPerspectiva conica
Perspectiva conicaBertha Vega
 
Obras de arte bizantino
Obras de arte bizantinoObras de arte bizantino
Obras de arte bizantinoetorija82
 

La actualidad más candente (20)

Signos y significación
Signos y significaciónSignos y significación
Signos y significación
 
Reglas tipograficas
Reglas tipograficasReglas tipograficas
Reglas tipograficas
 
Espacio, módulo y estructura
Espacio, módulo y estructura Espacio, módulo y estructura
Espacio, módulo y estructura
 
Historia del Diseño Gráfico
Historia del Diseño GráficoHistoria del Diseño Gráfico
Historia del Diseño Gráfico
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
Tipos de reticulas
Tipos de reticulasTipos de reticulas
Tipos de reticulas
 
Tipografia
TipografiaTipografia
Tipografia
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticula
 
Comunicación visual, Semiótica y Semántica
Comunicación visual, Semiótica y SemánticaComunicación visual, Semiótica y Semántica
Comunicación visual, Semiótica y Semántica
 
Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visual
 
ALFABETIDAD VISUAL - ARQUITECTURA
ALFABETIDAD VISUAL - ARQUITECTURA ALFABETIDAD VISUAL - ARQUITECTURA
ALFABETIDAD VISUAL - ARQUITECTURA
 
Marca grafica
Marca graficaMarca grafica
Marca grafica
 
Productos de diseño gráfico
Productos de diseño gráficoProductos de diseño gráfico
Productos de diseño gráfico
 
Evolución de las artes graficas WG
Evolución de las artes graficas WGEvolución de las artes graficas WG
Evolución de las artes graficas WG
 
DiseñO Editorial
DiseñO EditorialDiseñO Editorial
DiseñO Editorial
 
Presentacion 1 tipografia
Presentacion 1 tipografiaPresentacion 1 tipografia
Presentacion 1 tipografia
 
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.
 
PROCESO DE PRODUCCIÓN DE MEDIOS IMPRESOS
PROCESO DE PRODUCCIÓN DE MEDIOS IMPRESOSPROCESO DE PRODUCCIÓN DE MEDIOS IMPRESOS
PROCESO DE PRODUCCIÓN DE MEDIOS IMPRESOS
 
Perspectiva conica
Perspectiva conicaPerspectiva conica
Perspectiva conica
 
Obras de arte bizantino
Obras de arte bizantinoObras de arte bizantino
Obras de arte bizantino
 

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.03Angelica1996
 
Tex imgpres matreferencia
Tex imgpres matreferenciaTex imgpres matreferencia
Tex imgpres matreferenciacalvomilagros
 
T4.p2.quishpe.abigail.dg
T4.p2.quishpe.abigail.dgT4.p2.quishpe.abigail.dg
T4.p2.quishpe.abigail.dgGISELLABIGAIL
 
T4 pa2andymoradisenografico
T4 pa2andymoradisenograficoT4 pa2andymoradisenografico
T4 pa2andymoradisenograficoAndyMora16
 
Consejos graficos de arnold
Consejos graficos de arnoldConsejos graficos de arnold
Consejos graficos de arnoldaragonez20
 
Consejos graficos de arnold
Consejos graficos de arnoldConsejos graficos de arnold
Consejos graficos de arnoldaragonez20
 
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 digitaleslorenacasta
 
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 digitaleslorenacasta
 
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 educativoskateclaros
 
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 logotiposAriannaGonzalez15
 
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 educativoskateclaros
 
Conejos para elaborar un contenido digital
Conejos para elaborar un contenido digitalConejos para elaborar un contenido digital
Conejos para elaborar un contenido digitalYisseth 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 digitalesTania Hurtado Hernandez
 
Taller de Redacción para Web
Taller de Redacción para WebTaller de Redacción para Web
Taller de Redacción para WebHarold Maduro
 
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.0sandroinnova
 

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

PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...dramosbrise1403
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfYanitza28
 
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptx
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptxTipos de Datos de Microsoft Access-JOEL GARCIA.pptx
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptxJOELGARCIA849853
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfYanitza28
 
Imágenes digitales: Calidad de la información
Imágenes digitales: Calidad de la informaciónImágenes digitales: Calidad de la información
Imágenes digitales: Calidad de la informaciónUniversidad de Sonora
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8antoniopalmieriluna
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptxdulcemonterroza
 
Tipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de DatosTipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de DatosYOMIRAVILLARREAL1
 
Desarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaDesarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaRicardoEstrada90
 
De Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptxDe Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptxdoloresolmosantiago
 
Introduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptxIntroduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptxcj12paz
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionEmanuelMuoz11
 
el uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptxel uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptx221112876
 
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdfjuan23xpx
 
innovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 bloginnovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 blogManuel Diaz
 
Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.241534381
 
BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).jcaballerosamayoa
 
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfRedes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfJosAndrRosarioVzquez
 
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiCVelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC6dwwcgtpfx
 
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxTarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxVICTORMANUELBEASAGUI
 

Último (20)

PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdf
 
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptx
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptxTipos de Datos de Microsoft Access-JOEL GARCIA.pptx
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptx
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
 
Imágenes digitales: Calidad de la información
Imágenes digitales: Calidad de la informaciónImágenes digitales: Calidad de la información
Imágenes digitales: Calidad de la información
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
 
Tipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de DatosTipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de Datos
 
Desarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaDesarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - Estrada
 
De Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptxDe Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptx
 
Introduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptxIntroduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptx
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacion
 
el uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptxel uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptx
 
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf
 
innovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 bloginnovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 blog
 
Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.
 
BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).
 
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfRedes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
 
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiCVelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
 
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxTarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
 

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