SlideShare una empresa de Scribd logo
1 de 11
TIPOGRAFIA Y
   COLOR
¿Porque saber de diseño ?


             La primera impresión es la que cuenta.
Si una empresa cuenta con un sitio web, blog, bitácora digital o
perfil en una red social, armónico atractivo e interactivo, tiene
 grandes posibilidades de volver a ser visitado. Es muy posible
   lograr esto teniendo como referencia principios básicos de
                          diseño digital.
¿Importancia
                                 del color?


El manejo del color es muy importante tanto en el manejo técnico,
como en la aplicación de color:

En cuanto a la parte técnica es importante saber que La visualización de los
Colores en pantalla es a través del modelo RGB. Color aditivo. Y el sistema
Cromático CMYK es utilizado como base de impresión.
En cuanto la aplicación de colores importante saber que los colores tienen
significados y transmiten sentimientos y emociones esto se debe tener en
Cuenta en su aplicación.
Saturación Y Contraste?
SATURACION si un color carece de tono su saturación es cero, un color
puro sin ningún color añadido presenta saturación máxima.




CONTRASTE el contraste es muy importante en la legibilidad de
textos, combinación de colores.
Colores y su efecto
                     Es importante tener en cuenta que impresión
                     transmite un color apara su elección, ya que cada
                     color posee un significado y una personalidad


intensidad.                      Agresividad, revolución amor y dinamismo


Vitalidad.                        Reservado, tierno, sensible.




              Colores activos
                                          Colores pasivos.
tipografías con remates
                        Utilizadas generalmente en los titulares
                        de periódicos.

                          Charlemagne Std

                          Abcdefghijklmnñopq
                          rstuvwxyz
No son muy recomendadas
Para pantallas ya que pueden Times New Roman
Transmitir sensación de      Abcdefg
                                 hijklmnño
Desorden.
                          pqrstuvwxyz
                          Century
                          Abcdefghijklmnñ
                          opqrstuvwxyz
Remates en logos
Tipografías palo seco
                    Son muy claras y legibles transmiten mucha nitidez



                  Calibri (Cuerpo)
                  Abcdefghijklmnñopqrs
                  tuvwxyz
Century Gothic
Abcdefghijklmnño
pqrstuvwxyz
                        Trebuchet MS
                        Abcdefghijklmnñopqrs
                        tuvwxyz
Palo seco en logos
Tipografías de pantalla

       En internet existe facilidad de manejo ya que
       la
       tipografía se puede utilizar como imagen
       grafica.

       Para una mayor legibilidad se recomienda
       Tipografías Como: Helvética y Times para Mac
       y Arial y Time New Roman para PC.

       El cuerpo recomendado para tipografías palo
       seco
        es de 10 – 12.
Gracias..

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Proceso de Impresión Offset.
Proceso de Impresión Offset.Proceso de Impresión Offset.
Proceso de Impresión Offset.
 
MANUAL DE SERIGRAFIA
MANUAL DE SERIGRAFIAMANUAL DE SERIGRAFIA
MANUAL DE SERIGRAFIA
 
Proceso grafico
Proceso graficoProceso grafico
Proceso grafico
 
Tipos de impresoras
Tipos de impresoras Tipos de impresoras
Tipos de impresoras
 
Andreita
AndreitaAndreita
Andreita
 
Bodegon Al Oleo
Bodegon Al OleoBodegon Al Oleo
Bodegon Al Oleo
 
SERIGRAFÍA EN TRAMA A 1 COLOR- Informe
SERIGRAFÍA EN TRAMA A 1 COLOR- InformeSERIGRAFÍA EN TRAMA A 1 COLOR- Informe
SERIGRAFÍA EN TRAMA A 1 COLOR- Informe
 
Offset
OffsetOffset
Offset
 
Presentacion de impresoras
Presentacion de impresorasPresentacion de impresoras
Presentacion de impresoras
 
serigrafia
serigrafiaserigrafia
serigrafia
 
Técnicas de estampación textil
Técnicas de estampación textilTécnicas de estampación textil
Técnicas de estampación textil
 
Las tramas
Las tramasLas tramas
Las tramas
 
Manual de serigrafia casera
Manual de serigrafia caseraManual de serigrafia casera
Manual de serigrafia casera
 
Natalia informatica
Natalia informaticaNatalia informatica
Natalia informatica
 
Medios impresos en la organización
Medios impresos en la organizaciónMedios impresos en la organización
Medios impresos en la organización
 
Fotomecanica y preimpresion. Serigrafia
Fotomecanica y preimpresion. SerigrafiaFotomecanica y preimpresion. Serigrafia
Fotomecanica y preimpresion. Serigrafia
 
Procesos de artes graficos
Procesos de artes graficosProcesos de artes graficos
Procesos de artes graficos
 
Manual de serigrafia
Manual de serigrafiaManual de serigrafia
Manual de serigrafia
 
Serigrafia parte1
Serigrafia parte1Serigrafia parte1
Serigrafia parte1
 

Destacado

Teorico 8 2 Cuat 07 Tecnologia=Ficcion Instituyente
Teorico 8 2 Cuat 07 Tecnologia=Ficcion Instituyente Teorico 8 2 Cuat 07 Tecnologia=Ficcion Instituyente
Teorico 8 2 Cuat 07 Tecnologia=Ficcion Instituyente Alejandro Piscitelli
 
Ejemplos de Refuerzo Semántico
Ejemplos de Refuerzo SemánticoEjemplos de Refuerzo Semántico
Ejemplos de Refuerzo Semánticodiseniouno
 
Proyecto mínimo el_color_josé luis gantes mora
Proyecto mínimo el_color_josé luis gantes moraProyecto mínimo el_color_josé luis gantes mora
Proyecto mínimo el_color_josé luis gantes moraJosé Luis Gantes Mora
 
Identidad tipográfica
Identidad tipográficaIdentidad tipográfica
Identidad tipográficaAlberto Vega
 
Personalidad tipografica
Personalidad tipograficaPersonalidad tipografica
Personalidad tipograficaCEUTEC-UNITEC
 
Tipografía dieño
Tipografía dieñoTipografía dieño
Tipografía dieñoBrian Ortiz
 
Teórica de Refuerzo Semántico
Teórica de Refuerzo SemánticoTeórica de Refuerzo Semántico
Teórica de Refuerzo SemánticoAlejandro Loaiza
 
Nuevos ejemplos de refuerzo semántico
Nuevos ejemplos de refuerzo semánticoNuevos ejemplos de refuerzo semántico
Nuevos ejemplos de refuerzo semánticodiseniouno
 
Refuerzo semántico
Refuerzo semánticoRefuerzo semántico
Refuerzo semánticoPai Arvis
 
TampografíA
TampografíATampografíA
TampografíAksilvag
 
Tampografia
TampografiaTampografia
TampografiaVaniHime
 
Diversos soportes y tintas en los sistemas de impresion sistemas de impresion
Diversos soportes y tintas en los sistemas de impresion sistemas de impresionDiversos soportes y tintas en los sistemas de impresion sistemas de impresion
Diversos soportes y tintas en los sistemas de impresion sistemas de impresionYulimar Arevalo
 
Tipografias y su significado
Tipografias y su significadoTipografias y su significado
Tipografias y su significadoIvan Giroldi
 
Tipos de tintas y soportes de impresion
Tipos de tintas y soportes de impresionTipos de tintas y soportes de impresion
Tipos de tintas y soportes de impresionSarita Lopez
 
Diversos soportes y tintas en los sistemas de impresion
Diversos soportes y tintas en los sistemas de impresionDiversos soportes y tintas en los sistemas de impresion
Diversos soportes y tintas en los sistemas de impresiondavidechezuria
 

Destacado (20)

Teorico 8 2 Cuat 07 Tecnologia=Ficcion Instituyente
Teorico 8 2 Cuat 07 Tecnologia=Ficcion Instituyente Teorico 8 2 Cuat 07 Tecnologia=Ficcion Instituyente
Teorico 8 2 Cuat 07 Tecnologia=Ficcion Instituyente
 
Ejemplos de Refuerzo Semántico
Ejemplos de Refuerzo SemánticoEjemplos de Refuerzo Semántico
Ejemplos de Refuerzo Semántico
 
Proyecto mínimo el_color_josé luis gantes mora
Proyecto mínimo el_color_josé luis gantes moraProyecto mínimo el_color_josé luis gantes mora
Proyecto mínimo el_color_josé luis gantes mora
 
Identidad tipográfica
Identidad tipográficaIdentidad tipográfica
Identidad tipográfica
 
Personalidad tipografica
Personalidad tipograficaPersonalidad tipografica
Personalidad tipografica
 
Tipografía dieño
Tipografía dieñoTipografía dieño
Tipografía dieño
 
Sistemas de impresión
Sistemas de impresión Sistemas de impresión
Sistemas de impresión
 
Teórica de Refuerzo Semántico
Teórica de Refuerzo SemánticoTeórica de Refuerzo Semántico
Teórica de Refuerzo Semántico
 
Crea tipos
Crea tiposCrea tipos
Crea tipos
 
sensibilidad tipografica
sensibilidad tipografica sensibilidad tipografica
sensibilidad tipografica
 
Nuevos ejemplos de refuerzo semántico
Nuevos ejemplos de refuerzo semánticoNuevos ejemplos de refuerzo semántico
Nuevos ejemplos de refuerzo semántico
 
ILUSTRACIÓN TIPOGRÁFICA
ILUSTRACIÓN TIPOGRÁFICAILUSTRACIÓN TIPOGRÁFICA
ILUSTRACIÓN TIPOGRÁFICA
 
Refuerzo semántico
Refuerzo semánticoRefuerzo semántico
Refuerzo semántico
 
TampografíA
TampografíATampografíA
TampografíA
 
Paola Rodriguez
Paola RodriguezPaola Rodriguez
Paola Rodriguez
 
Tampografia
TampografiaTampografia
Tampografia
 
Diversos soportes y tintas en los sistemas de impresion sistemas de impresion
Diversos soportes y tintas en los sistemas de impresion sistemas de impresionDiversos soportes y tintas en los sistemas de impresion sistemas de impresion
Diversos soportes y tintas en los sistemas de impresion sistemas de impresion
 
Tipografias y su significado
Tipografias y su significadoTipografias y su significado
Tipografias y su significado
 
Tipos de tintas y soportes de impresion
Tipos de tintas y soportes de impresionTipos de tintas y soportes de impresion
Tipos de tintas y soportes de impresion
 
Diversos soportes y tintas en los sistemas de impresion
Diversos soportes y tintas en los sistemas de impresionDiversos soportes y tintas en los sistemas de impresion
Diversos soportes y tintas en los sistemas de impresion
 

Similar a Tipografía y color

Tipografía y color
Tipografía y colorTipografía y color
Tipografía y colorgarv1032
 
Trabajo De La Tipografía
Trabajo De La TipografíaTrabajo De La Tipografía
Trabajo De La Tipografíacalielmejor
 
unileon - Manual de Identidad Corporativa de la Universidad de León
unileon - Manual de Identidad Corporativa de la Universidad de Leónunileon - Manual de Identidad Corporativa de la Universidad de León
unileon - Manual de Identidad Corporativa de la Universidad de LeónPaco Barranco
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantallaAdrianagz
 
Trabajo DiseñO Grafico
Trabajo DiseñO GraficoTrabajo DiseñO Grafico
Trabajo DiseñO Graficoyuliangi
 
Trabajo DiseñO Grafico
Trabajo DiseñO GraficoTrabajo DiseñO Grafico
Trabajo DiseñO Graficoyuliangi
 
Reglas para Pantalla
Reglas para PantallaReglas para Pantalla
Reglas para PantallaDianeLadino
 
Reglas para pantalla 1
Reglas para pantalla 1Reglas para pantalla 1
Reglas para pantalla 1DianeLadino
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorderc1988
 
Tex imgpres matreferencia
Tex imgpres matreferenciaTex imgpres matreferencia
Tex imgpres matreferenciacalvomilagros
 
DIRCOM (Manual de Identidad Corporativa)
DIRCOM (Manual de Identidad Corporativa)DIRCOM (Manual de Identidad Corporativa)
DIRCOM (Manual de Identidad Corporativa)Paco Barranco
 
T4.p2 daniela.armas.dg
T4.p2 daniela.armas.dgT4.p2 daniela.armas.dg
T4.p2 daniela.armas.dgKARENDANIELA48
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorsalolaya
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorsalolaya
 

Similar a Tipografía y color (20)

Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Trabajo De La Tipografía
Trabajo De La TipografíaTrabajo De La Tipografía
Trabajo De La Tipografía
 
Tecnicasderotuladores
TecnicasderotuladoresTecnicasderotuladores
Tecnicasderotuladores
 
unileon - Manual de Identidad Corporativa de la Universidad de León
unileon - Manual de Identidad Corporativa de la Universidad de Leónunileon - Manual de Identidad Corporativa de la Universidad de León
unileon - Manual de Identidad Corporativa de la Universidad de León
 
Unidad 3 presentacion
Unidad 3 presentacionUnidad 3 presentacion
Unidad 3 presentacion
 
Color digital C Franco
Color digital C FrancoColor digital C Franco
Color digital C Franco
 
Bitacora
BitacoraBitacora
Bitacora
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantalla
 
Trabajo DiseñO Grafico
Trabajo DiseñO GraficoTrabajo DiseñO Grafico
Trabajo DiseñO Grafico
 
Trabajo DiseñO Grafico
Trabajo DiseñO GraficoTrabajo DiseñO Grafico
Trabajo DiseñO Grafico
 
Reglas para Pantalla
Reglas para PantallaReglas para Pantalla
Reglas para Pantalla
 
Reglas para pantalla 1
Reglas para pantalla 1Reglas para pantalla 1
Reglas para pantalla 1
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
 
Tex imgpres matreferencia
Tex imgpres matreferenciaTex imgpres matreferencia
Tex imgpres matreferencia
 
DIRCOM (Manual de Identidad Corporativa)
DIRCOM (Manual de Identidad Corporativa)DIRCOM (Manual de Identidad Corporativa)
DIRCOM (Manual de Identidad Corporativa)
 
Eq4 tipografia
Eq4 tipografiaEq4 tipografia
Eq4 tipografia
 
La subversión tipográfica
La subversión tipográficaLa subversión tipográfica
La subversión tipográfica
 
T4.p2 daniela.armas.dg
T4.p2 daniela.armas.dgT4.p2 daniela.armas.dg
T4.p2 daniela.armas.dg
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
 

Más de Yuri Urrego

Tipografía y color
Tipografía y color Tipografía y color
Tipografía y color Yuri Urrego
 
Reticula de la pantalla
Reticula de  la pantallaReticula de  la pantalla
Reticula de la pantallaYuri Urrego
 
El mensaye publicitario
El mensaye publicitarioEl mensaye publicitario
El mensaye publicitarioYuri Urrego
 
ELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑOELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑOYuri Urrego
 
ELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑOELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑOYuri Urrego
 

Más de Yuri Urrego (8)

Los 3 +
Los 3 +Los 3 +
Los 3 +
 
Tipografía y color
Tipografía y color Tipografía y color
Tipografía y color
 
Reticula de la pantalla
Reticula de  la pantallaReticula de  la pantalla
Reticula de la pantalla
 
Layout
LayoutLayout
Layout
 
Formatos
FormatosFormatos
Formatos
 
El mensaye publicitario
El mensaye publicitarioEl mensaye publicitario
El mensaye publicitario
 
ELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑOELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑO
 
ELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑOELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑO
 

Tipografía y color

  • 1. TIPOGRAFIA Y COLOR
  • 2. ¿Porque saber de diseño ? La primera impresión es la que cuenta. Si una empresa cuenta con un sitio web, blog, bitácora digital o perfil en una red social, armónico atractivo e interactivo, tiene grandes posibilidades de volver a ser visitado. Es muy posible lograr esto teniendo como referencia principios básicos de diseño digital.
  • 3. ¿Importancia del color? El manejo del color es muy importante tanto en el manejo técnico, como en la aplicación de color: En cuanto a la parte técnica es importante saber que La visualización de los Colores en pantalla es a través del modelo RGB. Color aditivo. Y el sistema Cromático CMYK es utilizado como base de impresión. En cuanto la aplicación de colores importante saber que los colores tienen significados y transmiten sentimientos y emociones esto se debe tener en Cuenta en su aplicación.
  • 4. Saturación Y Contraste? SATURACION si un color carece de tono su saturación es cero, un color puro sin ningún color añadido presenta saturación máxima. CONTRASTE el contraste es muy importante en la legibilidad de textos, combinación de colores.
  • 5. Colores y su efecto Es importante tener en cuenta que impresión transmite un color apara su elección, ya que cada color posee un significado y una personalidad intensidad. Agresividad, revolución amor y dinamismo Vitalidad. Reservado, tierno, sensible. Colores activos Colores pasivos.
  • 6. tipografías con remates Utilizadas generalmente en los titulares de periódicos. Charlemagne Std Abcdefghijklmnñopq rstuvwxyz No son muy recomendadas Para pantallas ya que pueden Times New Roman Transmitir sensación de Abcdefg hijklmnño Desorden. pqrstuvwxyz Century Abcdefghijklmnñ opqrstuvwxyz
  • 8. Tipografías palo seco Son muy claras y legibles transmiten mucha nitidez Calibri (Cuerpo) Abcdefghijklmnñopqrs tuvwxyz Century Gothic Abcdefghijklmnño pqrstuvwxyz Trebuchet MS Abcdefghijklmnñopqrs tuvwxyz
  • 9. Palo seco en logos
  • 10. Tipografías de pantalla En internet existe facilidad de manejo ya que la tipografía se puede utilizar como imagen grafica. Para una mayor legibilidad se recomienda Tipografías Como: Helvética y Times para Mac y Arial y Time New Roman para PC. El cuerpo recomendado para tipografías palo seco es de 10 – 12.