SlideShare una empresa de Scribd logo
1 de 6
IMAGEN, TIPOGRAFÍA Y COLOR
             Reglas Para Pantalla,
              Tipografía y Color
Reglas Para Pantallas, Tipografía

 Existen ciertos parámetros de diseño
 para lograr una presentación atractiva
 para el internauta, no solo en términos
 creativos sino también en estructuras
 idóneas para una fácil lectura del
 contenido.

 Por ende, se debe tener en cuenta
 además de la información y las imágenes
 de apoyo para publicar; la retícula, la
 tipografía, la plantilla y el color, que
 enmarcaran toda la armonía deseada.

 Son reglas que implican mucho a la hora
 de conseguir éxito con la página, y la
Sistemas de Colores                     ¨El pintor del futuro es un
                                     colorista como no ha existido
                                                             jamás.
                                             El pintor del futuro…
                                    No lo imagino merodeando por
                               pequeños restaurantes, con la boca
                                        llena de dientes postizos y
                                visitando burdeles como hago yo.¨
                                                   Vincent Van Gogh
                              •Sistema de Color Aditivo: RGB
                              (sistema de colores primarios).
                              •Sistema de Color Substractivo:
                              CMYK (sistema cromático utilizado
                              como base en impresión).
 El color siempre se debe elegir con intención y un propósito.
 El efecto del color siempre depende del contexto, porque
 puede tener efectos dispares.

 El fondo de la pantalla suele ser la superficie de color más
 extensa, por lo que el color que se elige para este debe ser
 seleccionado con cuidado. Cada color posee una personalidad
 que conviene tener en cuenta a la hora de combinarlo con los
Tipografía

                                Es necesario analizar cada
                                tipografía teniendo en
                                cuenta su legibilidad en
                                pantalla. Para soportes
                                digitales, las tipografías con
                                remates resultan menos
                                legibles que las de palo
                                seco.

                                  Si se opta por utilizar una
                                  tipografía con remates para
                                  una presentación en
                                  pantalla, es conveniente
                                  corroborar que los
                                  terminales y las líneas no
Los estilos fina y ultrafina son desaconsejables, porque
sus trazos son muy delgados para descomponerlos finos.
                                  sean excesivamente en
píxeles, a menos que se utilicen Estos tipos nunca deben
                                  letras de gran tamaño.
                                  usarse en cuerpos muy
También se recomienda evitar las cursiva y las letras
Longitud de la línea y cantidad de texto

                                              Por
                                              ejemplo
                                              Wikipedia, se
                                              caracteriza
                                              por
                                              mantener
                                              extensas
                                              líneas de
                                              texto y no
                                              dividirlas
                                              por
                                              columnas
Para una buena legibilidad en pantalla no sólomás
                                               es
importante elegir el cuerpo de letra y la tipografía
                                              aconsejable
adecuados, sino también una longitud de línea s.
correcta.

Para establecer el ancho que mejor se adecua a una
Interlineado y Espacio entre Palabras

                      La mala visualización
                      de tipografía en
                      pantalla no supone un
                      gran incentivo a la
                      lectura. Por ello, el
                      diseñador debe
                      experimentar y utilizar
                      otros recursos que
                      permitan leer el texto
                      más cómodamente.

                      El interlineado en
                      pantalla debe ser
                      superior al aplicado en
                      papel, que resulta
                      fácilmente legible al
                      120% (ajuste
                      automático).

Más contenido relacionado

Similar a Reglas para Pantalla

Reglas para Pantalla
Reglas para PantallaReglas para Pantalla
Reglas para PantallaDianeLadino
 
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
 
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
 
Tipografía
TipografíaTipografía
Tipografíammratona
 
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 colorelmorenof
 
T4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenograficoT4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenograficoAnnabellYar
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y colorgarv1032
 
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
 
Tipografía y color
Tipografía y color Tipografía y color
Tipografía y color Yuri Urrego
 
Tipografía y color
Tipografía y color Tipografía y color
Tipografía y color Yuri Urrego
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y colorDaniel ZF
 
Recomendaciones para el armado del tamplate.pptx
Recomendaciones para el armado del tamplate.pptxRecomendaciones para el armado del tamplate.pptx
Recomendaciones para el armado del tamplate.pptxJohanna767825
 
Reticulas de pantalla
Reticulas de pantallaReticulas de pantalla
Reticulas de pantallabiviana28
 

Similar a Reglas para Pantalla (20)

Reglas para Pantalla
Reglas para PantallaReglas para Pantalla
Reglas para Pantalla
 
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, tipografía y color
Reglas para pantalla, tipografía y colorReglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y color
 
Eq4 tipografia
Eq4 tipografiaEq4 tipografia
Eq4 tipografia
 
Tipografía
TipografíaTipografía
Tipografía
 
Tipografia
TipografiaTipografia
Tipografia
 
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
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
T4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenograficoT4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenografico
 
Tipografía
TipografíaTipografía
Tipografía
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
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
 
Tipografía y color
Tipografía y color Tipografía y color
Tipografía y color
 
Tipografía y color
Tipografía y color Tipografía y color
Tipografía y color
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Impresoras 3w
Impresoras 3wImpresoras 3w
Impresoras 3w
 
Impresoras
ImpresorasImpresoras
Impresoras
 
Impresoras
ImpresorasImpresoras
Impresoras
 
Recomendaciones para el armado del tamplate.pptx
Recomendaciones para el armado del tamplate.pptxRecomendaciones para el armado del tamplate.pptx
Recomendaciones para el armado del tamplate.pptx
 
Reticulas de pantalla
Reticulas de pantallaReticulas de pantalla
Reticulas de pantalla
 

Más de DianeLadino

Monitoreo Manual de Redes Sociales
Monitoreo Manual de Redes SocialesMonitoreo Manual de Redes Sociales
Monitoreo Manual de Redes SocialesDianeLadino
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla DianeLadino
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla DianeLadino
 
Caracteristicas Digitales de Composición
Caracteristicas Digitales de ComposiciónCaracteristicas Digitales de Composición
Caracteristicas Digitales de ComposiciónDianeLadino
 
Caracteristicas Digitales de Composición
Caracteristicas Digitales de ComposiciónCaracteristicas Digitales de Composición
Caracteristicas Digitales de ComposiciónDianeLadino
 
Elementos en el Mensaje Publicitario
Elementos en el Mensaje PublicitarioElementos en el Mensaje Publicitario
Elementos en el Mensaje PublicitarioDianeLadino
 
Fundamentos del Diseño
Fundamentos del Diseño   Fundamentos del Diseño
Fundamentos del Diseño DianeLadino
 
Fundamentos del diseño
Fundamentos del diseño  Fundamentos del diseño
Fundamentos del diseño DianeLadino
 

Más de DianeLadino (9)

Monitoreo Manual de Redes Sociales
Monitoreo Manual de Redes SocialesMonitoreo Manual de Redes Sociales
Monitoreo Manual de Redes Sociales
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla
 
Caracteristicas Digitales de Composición
Caracteristicas Digitales de ComposiciónCaracteristicas Digitales de Composición
Caracteristicas Digitales de Composición
 
Caracteristicas Digitales de Composición
Caracteristicas Digitales de ComposiciónCaracteristicas Digitales de Composición
Caracteristicas Digitales de Composición
 
El Layout
El LayoutEl Layout
El Layout
 
Elementos en el Mensaje Publicitario
Elementos en el Mensaje PublicitarioElementos en el Mensaje Publicitario
Elementos en el Mensaje Publicitario
 
Fundamentos del Diseño
Fundamentos del Diseño   Fundamentos del Diseño
Fundamentos del Diseño
 
Fundamentos del diseño
Fundamentos del diseño  Fundamentos del diseño
Fundamentos del diseño
 

Reglas para Pantalla

  • 1. IMAGEN, TIPOGRAFÍA Y COLOR Reglas Para Pantalla, Tipografía y Color
  • 2. Reglas Para Pantallas, Tipografía Existen ciertos parámetros de diseño para lograr una presentación atractiva para el internauta, no solo en términos creativos sino también en estructuras idóneas para una fácil lectura del contenido. Por ende, se debe tener en cuenta además de la información y las imágenes de apoyo para publicar; la retícula, la tipografía, la plantilla y el color, que enmarcaran toda la armonía deseada. Son reglas que implican mucho a la hora de conseguir éxito con la página, y la
  • 3. Sistemas de Colores ¨El pintor del futuro es un colorista como no ha existido jamás. El pintor del futuro… No lo imagino merodeando por pequeños restaurantes, con la boca llena de dientes postizos y visitando burdeles como hago yo.¨ Vincent Van Gogh •Sistema de Color Aditivo: RGB (sistema de colores primarios). •Sistema de Color Substractivo: CMYK (sistema cromático utilizado como base en impresión). El color siempre se debe elegir con intención y un propósito. El efecto del color siempre depende del contexto, porque puede tener efectos dispares. El fondo de la pantalla suele ser la superficie de color más extensa, por lo que el color que se elige para este debe ser seleccionado con cuidado. Cada color posee una personalidad que conviene tener en cuenta a la hora de combinarlo con los
  • 4. Tipografía Es necesario analizar cada tipografía teniendo en cuenta su legibilidad en pantalla. Para soportes digitales, las tipografías con remates resultan menos legibles que las de palo seco. Si se opta por utilizar una tipografía con remates para una presentación en pantalla, es conveniente corroborar que los terminales y las líneas no Los estilos fina y ultrafina son desaconsejables, porque sus trazos son muy delgados para descomponerlos finos. sean excesivamente en píxeles, a menos que se utilicen Estos tipos nunca deben letras de gran tamaño. usarse en cuerpos muy También se recomienda evitar las cursiva y las letras
  • 5. Longitud de la línea y cantidad de texto Por ejemplo Wikipedia, se caracteriza por mantener extensas líneas de texto y no dividirlas por columnas Para una buena legibilidad en pantalla no sólomás es importante elegir el cuerpo de letra y la tipografía aconsejable adecuados, sino también una longitud de línea s. correcta. Para establecer el ancho que mejor se adecua a una
  • 6. Interlineado y Espacio entre Palabras La mala visualización de tipografía en pantalla no supone un gran incentivo a la lectura. Por ello, el diseñador debe experimentar y utilizar otros recursos que permitan leer el texto más cómodamente. El interlineado en pantalla debe ser superior al aplicado en papel, que resulta fácilmente legible al 120% (ajuste automático).