SlideShare una empresa de Scribd logo
Tipografía y Color




         El decir cual es la tipografía apropiada
         para nuestro diseño gráfico o diseño
         web, puede tomar tiempo. El seleccionar
         el interlineado, el color y el tamaño de
         los textos puede llegar a ser toda una
         proeza. Pero lo que si es cierto es
         que pequeños cambios en estos
         elementos pueden significar un gran
         cambio en la apariencia del diseño
Tipografía y Color

    Color


            El color tipográfico es una ilusión óptica,
            creada por las propias proporciones y
            formas de los diseños tipográficos. Éstas
            nos hacen percibir la sensación de un
            color distinto, aunque esté impreso en el
            mismo color. Aunque las palabras estén
            impresas en el mismo color, cada una de
            ellas puede poseer un tono diferente,
            debido a las características propias de
            sus diseños tipográficos.
Tipografía y Color




         La forma en la que organicemos nuestro
         texto, nos ayudara a complementar el
         mensaje que deseamos dar a conocer,
         de igual forma la distribución de las
         líneas y letras ayudan a nuestro
         documento eludiendo que el texto se
         torne aburrido
Tipografía y Color

    fuentes


         Una buena estrategia de trabajo es
         preparar una paleta de fuentes con una
         letra serif para el texto, una letra sans
         para los títulos y subtítulos, con tamaños
         mayores, otra para los pies de foto,
         resúmenes, citas y notas,de menor
         tamaño, y tal vez, una letra especial para
         el título principal. Es una fórmula que es
         simple y efectiva, que evita la mezcla de
         diferentes fuentes de palo seco juntas o
         diferentes       letras     serif     juntas,
         combinaciones           que       raramente
         funcionan.
Tipografía y Color

    Tamaño


         El tamaño de la letra debe elegirse
         teniendo en cuenta la naturaleza de la
         composición y la distancia a la que se va
         a                                   leer.

         Para pequeños formatos como informes,
         libros, folletos, manuales o páginas web,
         conviene utilizar fuentes entre 8 y 12
         puntos para cuerpos de texto. El cuerpo
         promedio de 11 puntos funciona a la
         perfección con impresoras de 300 dpi.
Tipografía y Color

    textura


          los elementos gráficos y textuales que
         usaremos en la composición. Esta
         elección se debe basar en variables
         como la persona o empresa que desea
         transmitir el mensaje, el propio mensaje,
         el tipo de espectadores destinatarios de
         la composición y las características
         funcionales y comunicativas de cada
         elemento

Más contenido relacionado

Destacado

Tendencias de diseño web 2015 - 2016
Tendencias de diseño web 2015 - 2016Tendencias de diseño web 2015 - 2016
Tendencias de diseño web 2015 - 2016
Adriana Tienda
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
Adriana Tienda
 
Tipografia web
Tipografia webTipografia web
Tipografia web
aldiablo
 
2. ¿Qué es un Hosting y como contratarlo
2.  ¿Qué es un Hosting y como contratarlo 2.  ¿Qué es un Hosting y como contratarlo
2. ¿Qué es un Hosting y como contratarlo
IMAGINA EDUCATION SLU
 
Procediments de disseny digital
Procediments de disseny digitalProcediments de disseny digital
Procediments de disseny digital
Jose - Tecnologia INS Joan Mercader
 
Organizador grafico
Organizador graficoOrganizador grafico
Organizador grafico
Leonel Ibarra
 
Flat design
Flat designFlat design
Flat design
Adriana Tienda
 
CSS Grid Layout. Implementation status and roadmap (Webkit Contributors Meeti...
CSS Grid Layout. Implementation status and roadmap (Webkit Contributors Meeti...CSS Grid Layout. Implementation status and roadmap (Webkit Contributors Meeti...
CSS Grid Layout. Implementation status and roadmap (Webkit Contributors Meeti...
Igalia
 
CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout
Rachel Andrew
 
Tendencias de diseño web 2014 - 2015
Tendencias de diseño web 2014 - 2015Tendencias de diseño web 2014 - 2015
Tendencias de diseño web 2014 - 2015
Adriana Tienda
 
Presentación Campamentos Urbanos Madrid
Presentación Campamentos Urbanos MadridPresentación Campamentos Urbanos Madrid
Presentación Campamentos Urbanos Madrid
IMAGINA EDUCATION SLU
 
Color + Tipografia en la web
Color + Tipografia en la webColor + Tipografia en la web
Color + Tipografia en la webguest8667c2
 
Color y Tipografia en la web
Color y Tipografia en la webColor y Tipografia en la web
Color y Tipografia en la web
guest8667c2
 
DiseñO Nociones Color Y Tipografia
DiseñO Nociones Color Y TipografiaDiseñO Nociones Color Y Tipografia
DiseñO Nociones Color Y Tipografia
Rubens Yanes
 
Diseño de paginas web clase 1 lista
Diseño de paginas web clase 1 listaDiseño de paginas web clase 1 lista
Diseño de paginas web clase 1 lista
Jenny Palacios
 
Responsive Web Design - more than just a buzzword
Responsive Web Design - more than just a buzzwordResponsive Web Design - more than just a buzzword
Responsive Web Design - more than just a buzzword
Russ Weakley
 
Reglas Para Diseño Web
Reglas Para Diseño WebReglas Para Diseño Web
Reglas Para Diseño Web
Luis Palomino
 

Destacado (17)

Tendencias de diseño web 2015 - 2016
Tendencias de diseño web 2015 - 2016Tendencias de diseño web 2015 - 2016
Tendencias de diseño web 2015 - 2016
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Tipografia web
Tipografia webTipografia web
Tipografia web
 
2. ¿Qué es un Hosting y como contratarlo
2.  ¿Qué es un Hosting y como contratarlo 2.  ¿Qué es un Hosting y como contratarlo
2. ¿Qué es un Hosting y como contratarlo
 
Procediments de disseny digital
Procediments de disseny digitalProcediments de disseny digital
Procediments de disseny digital
 
Organizador grafico
Organizador graficoOrganizador grafico
Organizador grafico
 
Flat design
Flat designFlat design
Flat design
 
CSS Grid Layout. Implementation status and roadmap (Webkit Contributors Meeti...
CSS Grid Layout. Implementation status and roadmap (Webkit Contributors Meeti...CSS Grid Layout. Implementation status and roadmap (Webkit Contributors Meeti...
CSS Grid Layout. Implementation status and roadmap (Webkit Contributors Meeti...
 
CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout CSS Day: CSS Grid Layout
CSS Day: CSS Grid Layout
 
Tendencias de diseño web 2014 - 2015
Tendencias de diseño web 2014 - 2015Tendencias de diseño web 2014 - 2015
Tendencias de diseño web 2014 - 2015
 
Presentación Campamentos Urbanos Madrid
Presentación Campamentos Urbanos MadridPresentación Campamentos Urbanos Madrid
Presentación Campamentos Urbanos Madrid
 
Color + Tipografia en la web
Color + Tipografia en la webColor + Tipografia en la web
Color + Tipografia en la web
 
Color y Tipografia en la web
Color y Tipografia en la webColor y Tipografia en la web
Color y Tipografia en la web
 
DiseñO Nociones Color Y Tipografia
DiseñO Nociones Color Y TipografiaDiseñO Nociones Color Y Tipografia
DiseñO Nociones Color Y Tipografia
 
Diseño de paginas web clase 1 lista
Diseño de paginas web clase 1 listaDiseño de paginas web clase 1 lista
Diseño de paginas web clase 1 lista
 
Responsive Web Design - more than just a buzzword
Responsive Web Design - more than just a buzzwordResponsive Web Design - more than just a buzzword
Responsive Web Design - more than just a buzzword
 
Reglas Para Diseño Web
Reglas Para Diseño WebReglas Para Diseño Web
Reglas Para Diseño Web
 

Similar a Tema 5

Eq4 tipografia
Eq4 tipografiaEq4 tipografia
Eq4 tipografia
gonzalo canales
 
Tipografia color y reglas
Tipografia color y reglasTipografia color y reglas
Tipografia color y reglas
dianacarolina8710
 
Reglas para pantalla
Reglas para pantallaReglas para pantalla
Reglas para pantalla
MORFEO2685
 
Reglas para pantalla
Reglas para pantallaReglas para pantalla
Reglas para pantalla
dianacarolina8710
 
Topografia color y reglas ok
Topografia color y reglas okTopografia color y reglas ok
Topografia color y reglas ok
MORFEO2685
 
Tipografia color y reglas
Tipografia color y reglasTipografia color y reglas
Tipografia color y reglas
dianacarolina8710
 
Topografia color y reglas ok
Topografia color y reglas okTopografia color y reglas ok
Topografia color y reglas ok
dianacarolina8710
 
Tipografia color y reglas
Tipografia color y reglasTipografia color y reglas
Tipografia color y reglas
dianacarolina8710
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
garv1032
 
Tipografia
TipografiaTipografia
Tipografia
TipografiaTipografia
14_Tipografía.pdf
14_Tipografía.pdf14_Tipografía.pdf
14_Tipografía.pdf
ElenaSanchez316168
 
Ensayo: Composición y tipografia
Ensayo: Composición y tipografiaEnsayo: Composición y tipografia
Ensayo: Composición y tipografia
Dulce Maria Manzo
 
TipografíA
TipografíATipografíA
TipografíA
guest29dfd
 
TIPOGRAFÍAS
TIPOGRAFÍASTIPOGRAFÍAS
TIPOGRAFÍAS
David Nuñez
 
Tipografia
TipografiaTipografia
DISEÑO
DISEÑODISEÑO
Reglas para Pantalla, tipografía y color
Reglas para Pantalla, tipografía y colorReglas para Pantalla, tipografía y color
Reglas para Pantalla, tipografía y color
elmorenof
 
Tipografia
TipografiaTipografia
Tipografia
Julietha Gomez
 
Tipografia
TipografiaTipografia
Tipografia
Jessica Tsoi
 

Similar a Tema 5 (20)

Eq4 tipografia
Eq4 tipografiaEq4 tipografia
Eq4 tipografia
 
Tipografia color y reglas
Tipografia color y reglasTipografia color y reglas
Tipografia color y reglas
 
Reglas para pantalla
Reglas para pantallaReglas para pantalla
Reglas para pantalla
 
Reglas para pantalla
Reglas para pantallaReglas para pantalla
Reglas para pantalla
 
Topografia color y reglas ok
Topografia color y reglas okTopografia color y reglas ok
Topografia color y reglas ok
 
Tipografia color y reglas
Tipografia color y reglasTipografia color y reglas
Tipografia color y reglas
 
Topografia color y reglas ok
Topografia color y reglas okTopografia color y reglas ok
Topografia color y reglas ok
 
Tipografia color y reglas
Tipografia color y reglasTipografia color y reglas
Tipografia color y reglas
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
14_Tipografía.pdf
14_Tipografía.pdf14_Tipografía.pdf
14_Tipografía.pdf
 
Ensayo: Composición y tipografia
Ensayo: Composición y tipografiaEnsayo: Composición y tipografia
Ensayo: Composición y tipografia
 
TipografíA
TipografíATipografíA
TipografíA
 
TIPOGRAFÍAS
TIPOGRAFÍASTIPOGRAFÍAS
TIPOGRAFÍAS
 
Tipografia
TipografiaTipografia
Tipografia
 
DISEÑO
DISEÑODISEÑO
DISEÑO
 
Reglas para Pantalla, tipografía y color
Reglas para Pantalla, tipografía y colorReglas para Pantalla, tipografía y color
Reglas para Pantalla, tipografía y color
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 

Tema 5

  • 1.
  • 2. Tipografía y Color El decir cual es la tipografía apropiada para nuestro diseño gráfico o diseño web, puede tomar tiempo. El seleccionar el interlineado, el color y el tamaño de los textos puede llegar a ser toda una proeza. Pero lo que si es cierto es que pequeños cambios en estos elementos pueden significar un gran cambio en la apariencia del diseño
  • 3. Tipografía y Color Color El color tipográfico es una ilusión óptica, creada por las propias proporciones y formas de los diseños tipográficos. Éstas nos hacen percibir la sensación de un color distinto, aunque esté impreso en el mismo color. Aunque las palabras estén impresas en el mismo color, cada una de ellas puede poseer un tono diferente, debido a las características propias de sus diseños tipográficos.
  • 4. Tipografía y Color La forma en la que organicemos nuestro texto, nos ayudara a complementar el mensaje que deseamos dar a conocer, de igual forma la distribución de las líneas y letras ayudan a nuestro documento eludiendo que el texto se torne aburrido
  • 5. Tipografía y Color fuentes Una buena estrategia de trabajo es preparar una paleta de fuentes con una letra serif para el texto, una letra sans para los títulos y subtítulos, con tamaños mayores, otra para los pies de foto, resúmenes, citas y notas,de menor tamaño, y tal vez, una letra especial para el título principal. Es una fórmula que es simple y efectiva, que evita la mezcla de diferentes fuentes de palo seco juntas o diferentes letras serif juntas, combinaciones que raramente funcionan.
  • 6. Tipografía y Color Tamaño El tamaño de la letra debe elegirse teniendo en cuenta la naturaleza de la composición y la distancia a la que se va a leer. Para pequeños formatos como informes, libros, folletos, manuales o páginas web, conviene utilizar fuentes entre 8 y 12 puntos para cuerpos de texto. El cuerpo promedio de 11 puntos funciona a la perfección con impresoras de 300 dpi.
  • 7. Tipografía y Color textura los elementos gráficos y textuales que usaremos en la composición. Esta elección se debe basar en variables como la persona o empresa que desea transmitir el mensaje, el propio mensaje, el tipo de espectadores destinatarios de la composición y las características funcionales y comunicativas de cada elemento