SlideShare una empresa de Scribd logo
1 de 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.

Más contenido relacionado

La actualidad más candente

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
Andrés Lozano
 
Reglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & ColorReglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & Color
Nombre Apellidos
 
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
jonbethan
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
Alejiitha Guaranguay
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
alejastar
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
Alejiitha Guaranguay
 
Taller de autoformas y tablas grado
Taller de autoformas y tablas gradoTaller de autoformas y tablas grado
Taller de autoformas y tablas grado
carlosjuegafutbol
 
Terminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresionTerminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresion
Luis Frias
 
Tintas para impresión II
Tintas para impresión IITintas para impresión II
Tintas para impresión II
Yahaira Santana
 

La actualidad más candente (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
 

Similar a Reglas para Pantalla, tipografía y color

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
Ixcmu
 
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
jonbethan
 
Reglas para Pantalla
Reglas para PantallaReglas para Pantalla
Reglas para Pantalla
DianeLadino
 
Reglas para pantalla 1
Reglas para pantalla 1Reglas para pantalla 1
Reglas para pantalla 1
DianeLadino
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantalla
Adrianagz
 
Diseño visual introduccion version ligera
Diseño visual introduccion version ligeraDiseño visual introduccion version ligera
Diseño visual introduccion version ligera
Leslie Rowe
 

Similar a 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
Reglas para PantallaReglas para Pantalla
Reglas para Pantalla
 
Reglas para pantalla 1
Reglas para pantalla 1Reglas para pantalla 1
Reglas para pantalla 1
 
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
 

Más de elmorenof

Más 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.