SlideShare une entreprise Scribd logo
1  sur  7
Reglas
 para
Pantalla,
 Tipografía Y
      Color
Color
La aplicación de los colores se maneja en dos tipos, dependiendo
el fin de la pieza grafica.

El primero es el Sistema de Color Substractivo: Es el utilizado para
impresos (tintas o pigmentos) y es llamado CMYK (Colores
primarios / Cian – Magenta – Amarillo - Negro).
Efecto del Color
Los colores se maneja según la intención, estos tienen tono, brillo,
y contraste, estas características se le pueden aplicar en niveles o
porcentajes.
Cada color, según su uso y combinaciones se debe manejar bajo un
contexto, esta cualidad de la imagen nos sirve para representar
diferentes tipos de situaciones y sentimientos que transmitimos
según la impresión que deseemos comunicar.
Tipografía
Con respecto a las tipografías, es aconsejable ponerse en el lugar
del lector, para identificar las falencias de lectura que se visualicen;
por ejemplo no es recomendable implementar fuentes serifadas
para bloques de texto, lo mejor es diseñar bajo las fuentes sin
serifa o con remates no muy delgados que son más claras y no
cansan a la hora de leer; entre más recta la tipografía más nitidez
habrá.
Tipografía
Dentro de cada familia existen varias opciones de selección, con el
fin de tener variedad en el tono, el cuerpo, el ritmo, etc. sin perder
el parentesco y la línea de cada paquete tipográfico.

Las modificaciones de una fuente se pueden encontrar como:
Mayúscula – Minúscula – Capitales - Símbolos.
Trazado: ultrafina, fina, book, redonda, media, seminegra, negra y
ultranegra.
Para Tener en Cuenta
Se deben evitar los bloques de texto extensos, para impedir que el lector se
canse, se aburra y no continúe con la lectura.
Otro elemento clave en el momento de aplicar una tipografía es el fondo,
este debe permitir una claridad y contraste suficiente para lograr legibilidad.
El tamaño de la letra debe ser el necesario para evitar el esfuerzo y lograr el
objetivo de un texto.
Hay que ser cuidadoso con el interlineado ya que si está muy pequeño, será
tedioso y no muy agradable su lectura, pero también exagerándolo abran
problemas a la hora de integrar el bloque de texto; esta aplicación depende
también del grosor de cada familia tipográfica.

Tenemos que ser muy precavidos en el momento de utilizar tipografías para
formatos digitales, ya que son menos leales y tienen una menor calidad en
comparación de la tipografía impresa.

También es interesante usar la tipografía como textura, en algunos casos es
muy conceptual e impactante.
Gracias.

Contenu connexe

Tendances

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 colorAndrés Lozano
 
Reglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & ColorReglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & ColorNombre Apellidos
 
Color en la Industria Grafica
Color en la Industria GraficaColor en la Industria Grafica
Color en la Industria GraficaFelipe García
 
Sesioìn 17 color en la impresioìn
Sesioìn 17 color en la impresioìnSesioìn 17 color en la impresioìn
Sesioìn 17 color en la impresioìnaalcalar
 
Sistemas de impresión - Mapa conceptual
Sistemas de impresión - Mapa conceptualSistemas de impresión - Mapa conceptual
Sistemas de impresión - Mapa conceptualLurdesBras
 
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 colorjonbethan
 
Overprint calado trapping
Overprint calado trappingOverprint calado trapping
Overprint calado trappingTito Chagoya
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificadoAlejiitha Guaranguay
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificadoalejastar
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificadoAlejiitha Guaranguay
 
Taller de autoformas y tablas grado
Taller de autoformas y tablas gradoTaller de autoformas y tablas grado
Taller de autoformas y tablas gradocarlosjuegafutbol
 
Terminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresionTerminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresionLuis Frias
 
Tintas para impresión II
Tintas para impresión IITintas para impresión II
Tintas para impresión IIYahaira Santana
 
Modos de color pantone oscar nuggerud
Modos de color pantone oscar nuggerudModos de color pantone oscar nuggerud
Modos de color pantone oscar nuggerudozkr6474
 
Terminologia y Conceptos de Impresión
Terminologia y Conceptos de ImpresiónTerminologia y Conceptos de Impresión
Terminologia y Conceptos de ImpresiónMarcelo Braz
 

Tendances (19)

Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
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
 
Reglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & ColorReglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & Color
 
Color en la Industria Grafica
Color en la Industria GraficaColor en la Industria Grafica
Color en la Industria Grafica
 
Sesioìn 17 color en la impresioìn
Sesioìn 17 color en la impresioìnSesioìn 17 color en la impresioìn
Sesioìn 17 color en la impresioìn
 
Sistemas de impresión - Mapa conceptual
Sistemas de impresión - Mapa conceptualSistemas de impresión - Mapa conceptual
Sistemas de impresión - Mapa conceptual
 
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
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Overprint calado trapping
Overprint calado trappingOverprint calado trapping
Overprint calado trapping
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
 
Taller de autoformas y tablas grado
Taller de autoformas y tablas gradoTaller de autoformas y tablas grado
Taller de autoformas y tablas grado
 
Terminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresionTerminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresion
 
Tintas para impresión II
Tintas para impresión IITintas para impresión II
Tintas para impresión II
 
Modos de color pantone oscar nuggerud
Modos de color pantone oscar nuggerudModos de color pantone oscar nuggerud
Modos de color pantone oscar nuggerud
 
Terminologia y Conceptos de Impresión
Terminologia y Conceptos de ImpresiónTerminologia y Conceptos de Impresión
Terminologia y Conceptos de Impresión
 
Como Aprovechar el Monitor
Como Aprovechar el MonitorComo Aprovechar el Monitor
Como Aprovechar el Monitor
 
Glosario de términos
Glosario de términosGlosario de términos
Glosario de términos
 

Similaire à Reglas para Pantalla, tipografía y color

T4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenograficoT4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenograficoAnnabellYar
 
Manual de identidad_esta_es_tu_casa
Manual de identidad_esta_es_tu_casaManual de identidad_esta_es_tu_casa
Manual de identidad_esta_es_tu_casaIxcmu
 
La legibilidad en un proyecto gráfico
La legibilidad en un proyecto gráficoLa legibilidad en un proyecto gráfico
La legibilidad en un proyecto gráficoGráficas Azorín
 
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 colorjonbethan
 
LOS TEXTOS EN LAS PRESENTACIONES
LOS TEXTOS EN LAS PRESENTACIONESLOS TEXTOS EN LAS PRESENTACIONES
LOS TEXTOS EN LAS PRESENTACIONESGisela Nicolay
 
Los textos en las presentaciones: PowerPoint
Los textos en las presentaciones: PowerPointLos textos en las presentaciones: PowerPoint
Los textos en las presentaciones: PowerPointGisela Nicolay
 
Reglas para pantalla 1
Reglas para pantalla 1Reglas para pantalla 1
Reglas para pantalla 1DianeLadino
 
Reglas para Pantalla
Reglas para PantallaReglas para Pantalla
Reglas para PantallaDianeLadino
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantallaAdrianagz
 
Diseño visual introduccion version ligera
Diseño visual introduccion version ligeraDiseño visual introduccion version ligera
Diseño visual introduccion version ligeraLeslie Rowe
 

Similaire à Reglas para Pantalla, tipografía y color (20)

Eq4 tipografia
Eq4 tipografiaEq4 tipografia
Eq4 tipografia
 
Tema 5
Tema 5Tema 5
Tema 5
 
T4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenograficoT4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenografico
 
Manual de identidad_esta_es_tu_casa
Manual de identidad_esta_es_tu_casaManual de identidad_esta_es_tu_casa
Manual de identidad_esta_es_tu_casa
 
TIPOGRAFÍAS
TIPOGRAFÍASTIPOGRAFÍAS
TIPOGRAFÍAS
 
T4 p2drawiensky garcia
T4 p2drawiensky garciaT4 p2drawiensky garcia
T4 p2drawiensky garcia
 
La legibilidad en un proyecto gráfico
La legibilidad en un proyecto gráficoLa legibilidad en un proyecto gráfico
La legibilidad en un proyecto gráfico
 
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
 
LOS TEXTOS EN LAS PRESENTACIONES
LOS TEXTOS EN LAS PRESENTACIONESLOS TEXTOS EN LAS PRESENTACIONES
LOS TEXTOS EN LAS PRESENTACIONES
 
Los textos en las presentaciones: PowerPoint
Los textos en las presentaciones: PowerPointLos textos en las presentaciones: PowerPoint
Los textos en las presentaciones: PowerPoint
 
Reglas para pantalla 1
Reglas para pantalla 1Reglas para pantalla 1
Reglas para pantalla 1
 
Reglas para Pantalla
Reglas para PantallaReglas para Pantalla
Reglas para Pantalla
 
14_Tipografía.pdf
14_Tipografía.pdf14_Tipografía.pdf
14_Tipografía.pdf
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantalla
 
DIAGRAMACION
DIAGRAMACIONDIAGRAMACION
DIAGRAMACION
 
Diseño visual introduccion version ligera
Diseño visual introduccion version ligeraDiseño visual introduccion version ligera
Diseño visual introduccion version ligera
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Tipografia
TipografiaTipografia
Tipografia
 

Plus de elmorenof

Analisis Elementos del Blog
Analisis Elementos del BlogAnalisis Elementos del Blog
Analisis Elementos del Blogelmorenof
 
Presentacion estrategia
Presentacion estrategiaPresentacion estrategia
Presentacion estrategiaelmorenof
 
Reticula para pantalla
Reticula para pantallaReticula para pantalla
Reticula para pantallaelmorenof
 
El Espacio en el Mensaje Publicitario
El Espacio en el Mensaje PublicitarioEl Espacio en el Mensaje Publicitario
El Espacio en el Mensaje Publicitarioelmorenof
 
Elementos Visuales
Elementos VisualesElementos Visuales
Elementos Visualeselmorenof
 
Elementos Conceptuales
Elementos ConceptualesElementos Conceptuales
Elementos Conceptualeselmorenof
 
Elementos de relación
Elementos de relaciónElementos de relación
Elementos de relaciónelmorenof
 
Elementos Practicos
Elementos PracticosElementos Practicos
Elementos Practicoselmorenof
 
Retículas para pantalla.
Retículas para pantalla.Retículas para pantalla.
Retículas para pantalla.elmorenof
 
Seminario alex marroquin
Seminario alex marroquinSeminario alex marroquin
Seminario alex marroquinelmorenof
 
Espacio en el Mensaje Publicitario
Espacio en el Mensaje PublicitarioEspacio en el Mensaje Publicitario
Espacio en el Mensaje Publicitarioelmorenof
 
Presentación sesion3
Presentación sesion3Presentación sesion3
Presentación sesion3elmorenof
 

Plus de elmorenof (20)

Numero Tres
Numero TresNumero Tres
Numero Tres
 
Numero dos
Numero dosNumero dos
Numero dos
 
Numero Uno
Numero UnoNumero Uno
Numero Uno
 
Analisis Elementos del Blog
Analisis Elementos del BlogAnalisis Elementos del Blog
Analisis Elementos del Blog
 
Presentacion estrategia
Presentacion estrategiaPresentacion estrategia
Presentacion estrategia
 
Reticula para pantalla
Reticula para pantallaReticula para pantalla
Reticula para pantalla
 
Formatos
FormatosFormatos
Formatos
 
El layout
El layoutEl layout
El layout
 
El Espacio en el Mensaje Publicitario
El Espacio en el Mensaje PublicitarioEl Espacio en el Mensaje Publicitario
El Espacio en el Mensaje Publicitario
 
Elementos Visuales
Elementos VisualesElementos Visuales
Elementos Visuales
 
Elementos Conceptuales
Elementos ConceptualesElementos Conceptuales
Elementos Conceptuales
 
Elementos de relación
Elementos de relaciónElementos de relación
Elementos de relación
 
Elementos Practicos
Elementos PracticosElementos Practicos
Elementos Practicos
 
Los 3+
Los 3+Los 3+
Los 3+
 
Retículas para pantalla.
Retículas para pantalla.Retículas para pantalla.
Retículas para pantalla.
 
Seminario alex marroquin
Seminario alex marroquinSeminario alex marroquin
Seminario alex marroquin
 
El Layout
El LayoutEl Layout
El Layout
 
Sesion3
Sesion3Sesion3
Sesion3
 
Espacio en el Mensaje Publicitario
Espacio en el Mensaje PublicitarioEspacio en el Mensaje Publicitario
Espacio en el Mensaje Publicitario
 
Presentación sesion3
Presentación sesion3Presentación sesion3
Presentación sesion3
 

Reglas para Pantalla, tipografía y color

  • 2. Color La aplicación de los colores se maneja en dos tipos, dependiendo el fin de la pieza grafica. El primero es el Sistema de Color Substractivo: Es el utilizado para impresos (tintas o pigmentos) y es llamado CMYK (Colores primarios / Cian – Magenta – Amarillo - Negro).
  • 3. Efecto del Color Los colores se maneja según la intención, estos tienen tono, brillo, y contraste, estas características se le pueden aplicar en niveles o porcentajes. Cada color, según su uso y combinaciones se debe manejar bajo un contexto, esta cualidad de la imagen nos sirve para representar diferentes tipos de situaciones y sentimientos que transmitimos según la impresión que deseemos comunicar.
  • 4. Tipografía Con respecto a las tipografías, es aconsejable ponerse en el lugar del lector, para identificar las falencias de lectura que se visualicen; por ejemplo no es recomendable implementar fuentes serifadas para bloques de texto, lo mejor es diseñar bajo las fuentes sin serifa o con remates no muy delgados que son más claras y no cansan a la hora de leer; entre más recta la tipografía más nitidez habrá.
  • 5. Tipografía Dentro de cada familia existen varias opciones de selección, con el fin de tener variedad en el tono, el cuerpo, el ritmo, etc. sin perder el parentesco y la línea de cada paquete tipográfico. Las modificaciones de una fuente se pueden encontrar como: Mayúscula – Minúscula – Capitales - Símbolos. Trazado: ultrafina, fina, book, redonda, media, seminegra, negra y ultranegra.
  • 6. Para Tener en Cuenta Se deben evitar los bloques de texto extensos, para impedir que el lector se canse, se aburra y no continúe con la lectura. Otro elemento clave en el momento de aplicar una tipografía es el fondo, este debe permitir una claridad y contraste suficiente para lograr legibilidad. El tamaño de la letra debe ser el necesario para evitar el esfuerzo y lograr el objetivo de un texto. Hay que ser cuidadoso con el interlineado ya que si está muy pequeño, será tedioso y no muy agradable su lectura, pero también exagerándolo abran problemas a la hora de integrar el bloque de texto; esta aplicación depende también del grosor de cada familia tipográfica. Tenemos que ser muy precavidos en el momento de utilizar tipografías para formatos digitales, ya que son menos leales y tienen una menor calidad en comparación de la tipografía impresa. También es interesante usar la tipografía como textura, en algunos casos es muy conceptual e impactante.