SlideShare una empresa de Scribd logo
1 de 12
REGLAS PARA PANTALLA
        TIPOGRAFIA Y COLOR


SEMINARIO COMUNICACIÓN
DIGITAL
FUN. UNIVERSITARIA LOS
LIBERTADORES
2012-1




 ´´Al contrario de lo que suele
 opinarse, diría que el color posee una
 fuerza mucho mas secreta y
 poderosa, surte efecto, por así decirlo, sin
 que seamos conscientes de ello´´ Eugene
 Delacroix.
TIPOGRAFÍA




El tipo de letra que se utilice en una pagina
web debe ir de acuerdo al estilo y
contenido que se maneja en el sito virtual.
Lo cual es importante tener claro para su
legibilidad y entendimiento sin causar
cansancio o aburrimiento.
Las familias tipográficas ofrecen diversos
tipos de letras para que el diseñador utilice
y pueda crear en pantalla
Como por ejemplo la tipografía:


 Palo seco
 Romana
 Decorativas
 Rotuladas
TIPOGRAFIAS
  EN UNA PAGINA
       WEB

Para diseñar se debe tener en
claro que el uso de diferentes
tipos de letra en un sitio web
puede causar distracción ruidos
o confusiones. Por lo que nos es
muy recomendable crear una
pagina web con estas
características.
TIPOGRAFIAS EN PANTALLA
Con un grosor uniforme
que transmite una
impresión mucho mas
nítida.
Es una tipografía que se usa
mucho en el diseño de paginas
web ya que transmite legibilidad
y comprensión.
Estas se caracterizan por tener
su estilo propio, para usar este
tipo de letras el diseñador debe
crear un estilo que tanto en
contenido de la pagina web
como la letra vayan de acuerdo
a lo que se quiere transmitir.
El rotulado o la caligrafía, son
usadas como recursos
llamativos para atraer la
atención sobre palabras
concretas o logotipos.
COLOR PARA
     PANTALLAS




Los colores transmiten ciertas
sensaciones     emocionales      y
fisiológicas. De tal forma que al
diseñar     una    pagina     web
colorida despertara el interés
del    cibernauta     hacia    los
contenidos del sitio virtual.


Estos deben usarse       solo   en
paginas de inicio.
SISTEMAS DE
   COLOR




ADITIVO QUE SE COMPONEN
DE TRES COLORES
PRIMARIOS:
 ROJO
 VERDE
 AZUL
COLOR
SUBSTRACTIVO




Estos colores se mezclan por
tintas o pigmentos. Opera con
luz reflejada ( por absorción y
reflexión). Se compone de
colores:
 Cyan
 Magenta
 Amarillo
CONTRASTE DE
   COLORES



El contraste de los colores
es importante tenerlo en
cuenta     al momento      de
diseñar una pagina web, ya
que      este   permite     la
legibilidad de los textos en
particular cuando se están
visualizando en pantallas.


En algunas ocasiones la
falta del uso adecuado que
se utilizan para el diseño de
los sitios virtuales no son
los                      mas
adecuados, perdiendo de
esta forma la legibilidad de
algunos contenidos de la
pagina web.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (6)

Te amo tanto
Te amo tantoTe amo tanto
Te amo tanto
 
IMAGENES DE AMOR
IMAGENES DE AMORIMAGENES DE AMOR
IMAGENES DE AMOR
 
Bianca tarea
Bianca tareaBianca tarea
Bianca tarea
 
Holi (1)
Holi (1)Holi (1)
Holi (1)
 
Presentacion de impress
Presentacion de impressPresentacion de impress
Presentacion de impress
 
CONCEPTO VISUAL DEL BLOG
CONCEPTO VISUAL DEL BLOG CONCEPTO VISUAL DEL BLOG
CONCEPTO VISUAL DEL BLOG
 

Similar a Reglas para pantalla tipografia y color

Lectura1_Diseño web y web 2.0
Lectura1_Diseño web y web 2.0Lectura1_Diseño web y web 2.0
Lectura1_Diseño web y web 2.0sandroinnova
 
Principios
PrincipiosPrincipios
Principiosniko a
 
Elementos basicos del_diseno_web blogger blogspot
Elementos basicos del_diseno_web blogger blogspotElementos basicos del_diseno_web blogger blogspot
Elementos basicos del_diseno_web blogger blogspotsindiglez
 
Elementos basicos del diseno web Blogger Blogspot
Elementos basicos del diseno web Blogger BlogspotElementos basicos del diseno web Blogger Blogspot
Elementos basicos del diseno web Blogger Blogspotsindiglez
 
Principios de diseño y aplicaciones en la web
Principios de diseño y aplicaciones en la webPrincipios de diseño y aplicaciones en la web
Principios de diseño y aplicaciones en la webBellatrix Martinez
 
Tex imgpres matreferencia
Tex imgpres matreferenciaTex imgpres matreferencia
Tex imgpres matreferenciacalvomilagros
 
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 tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorderc1988
 
Cómo utilizar el color para mejorar la experiencia de usuario
Cómo utilizar el color para mejorar la experiencia de usuarioCómo utilizar el color para mejorar la experiencia de usuario
Cómo utilizar el color para mejorar la experiencia de usuarioMónica Martín
 
LOS TEXTOS EN LAS PRESENTACIONES
LOS TEXTOS EN LAS PRESENTACIONESLOS TEXTOS EN LAS PRESENTACIONES
LOS TEXTOS EN LAS PRESENTACIONESGisela Nicolay
 
Elementos y principios de diseño grafico
Elementos y principios de diseño graficoElementos y principios de diseño grafico
Elementos y principios de diseño graficoFai06
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantallaAdrianagz
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y colorgarv1032
 
Diseño del blog
Diseño del blogDiseño del blog
Diseño del blogsalolaya
 
Trabajo exposicion completo
Trabajo exposicion completoTrabajo exposicion completo
Trabajo exposicion completoyennigomez
 
Presentacion pantalla, tipografia y color sesion 8
Presentacion pantalla, tipografia y color sesion 8Presentacion pantalla, tipografia y color sesion 8
Presentacion pantalla, tipografia y color sesion 8davidorozco7
 

Similar a Reglas para pantalla tipografia y color (20)

Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Lectura1_Diseño web y web 2.0
Lectura1_Diseño web y web 2.0Lectura1_Diseño web y web 2.0
Lectura1_Diseño web y web 2.0
 
Principios
PrincipiosPrincipios
Principios
 
Elementos basicos del_diseno_web blogger blogspot
Elementos basicos del_diseno_web blogger blogspotElementos basicos del_diseno_web blogger blogspot
Elementos basicos del_diseno_web blogger blogspot
 
Elementos basicos del diseno web Blogger Blogspot
Elementos basicos del diseno web Blogger BlogspotElementos basicos del diseno web Blogger Blogspot
Elementos basicos del diseno web Blogger Blogspot
 
Principios de diseño y aplicaciones en la web
Principios de diseño y aplicaciones en la webPrincipios de diseño y aplicaciones en la web
Principios de diseño y aplicaciones en la web
 
Tex imgpres matreferencia
Tex imgpres matreferenciaTex imgpres matreferencia
Tex imgpres matreferencia
 
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 tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
 
Cómo utilizar el color para mejorar la experiencia de usuario
Cómo utilizar el color para mejorar la experiencia de usuarioCómo utilizar el color para mejorar la experiencia de usuario
Cómo utilizar el color para mejorar la experiencia de usuario
 
LOS TEXTOS EN LAS PRESENTACIONES
LOS TEXTOS EN LAS PRESENTACIONESLOS TEXTOS EN LAS PRESENTACIONES
LOS TEXTOS EN LAS PRESENTACIONES
 
Elementos y principios de diseño grafico
Elementos y principios de diseño graficoElementos y principios de diseño grafico
Elementos y principios de diseño grafico
 
Racional
RacionalRacional
Racional
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantalla
 
Bases de Diseño
Bases de DiseñoBases de Diseño
Bases de Diseño
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Diseño1
Diseño1Diseño1
Diseño1
 
Diseño del blog
Diseño del blogDiseño del blog
Diseño del blog
 
Trabajo exposicion completo
Trabajo exposicion completoTrabajo exposicion completo
Trabajo exposicion completo
 
Presentacion pantalla, tipografia y color sesion 8
Presentacion pantalla, tipografia y color sesion 8Presentacion pantalla, tipografia y color sesion 8
Presentacion pantalla, tipografia y color sesion 8
 

Más de salolaya

Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantallasalolaya
 
Caracteri..
Caracteri..Caracteri..
Caracteri..salolaya
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorsalolaya
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantallasalolaya
 
Caracteri..
Caracteri..Caracteri..
Caracteri..salolaya
 
Espacio en el_mensaje_publicitario
Espacio en el_mensaje_publicitarioEspacio en el_mensaje_publicitario
Espacio en el_mensaje_publicitariosalolaya
 
Fundament..
Fundament..Fundament..
Fundament..salolaya
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorsalolaya
 
Enciclopedismo
EnciclopedismoEnciclopedismo
Enciclopedismosalolaya
 
Reticulas para pantalla[1]
Reticulas para pantalla[1]Reticulas para pantalla[1]
Reticulas para pantalla[1]salolaya
 
Caracteristicas digitales de composición
Caracteristicas digitales de composiciónCaracteristicas digitales de composición
Caracteristicas digitales de composiciónsalolaya
 
Caracteristicas digitales de composición
Caracteristicas digitales de composiciónCaracteristicas digitales de composición
Caracteristicas digitales de composiciónsalolaya
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitariosalolaya
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digitalsalolaya
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digitalsalolaya
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digitalsalolaya
 

Más de salolaya (16)

Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantalla
 
Caracteri..
Caracteri..Caracteri..
Caracteri..
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantalla
 
Caracteri..
Caracteri..Caracteri..
Caracteri..
 
Espacio en el_mensaje_publicitario
Espacio en el_mensaje_publicitarioEspacio en el_mensaje_publicitario
Espacio en el_mensaje_publicitario
 
Fundament..
Fundament..Fundament..
Fundament..
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
 
Enciclopedismo
EnciclopedismoEnciclopedismo
Enciclopedismo
 
Reticulas para pantalla[1]
Reticulas para pantalla[1]Reticulas para pantalla[1]
Reticulas para pantalla[1]
 
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
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitario
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digital
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digital
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digital
 

Reglas para pantalla tipografia y color

  • 1. REGLAS PARA PANTALLA TIPOGRAFIA Y COLOR SEMINARIO COMUNICACIÓN DIGITAL FUN. UNIVERSITARIA LOS LIBERTADORES 2012-1 ´´Al contrario de lo que suele opinarse, diría que el color posee una fuerza mucho mas secreta y poderosa, surte efecto, por así decirlo, sin que seamos conscientes de ello´´ Eugene Delacroix.
  • 2. TIPOGRAFÍA El tipo de letra que se utilice en una pagina web debe ir de acuerdo al estilo y contenido que se maneja en el sito virtual. Lo cual es importante tener claro para su legibilidad y entendimiento sin causar cansancio o aburrimiento. Las familias tipográficas ofrecen diversos tipos de letras para que el diseñador utilice y pueda crear en pantalla Como por ejemplo la tipografía:  Palo seco  Romana  Decorativas  Rotuladas
  • 3. TIPOGRAFIAS EN UNA PAGINA WEB Para diseñar se debe tener en claro que el uso de diferentes tipos de letra en un sitio web puede causar distracción ruidos o confusiones. Por lo que nos es muy recomendable crear una pagina web con estas características.
  • 5. Con un grosor uniforme que transmite una impresión mucho mas nítida.
  • 6. Es una tipografía que se usa mucho en el diseño de paginas web ya que transmite legibilidad y comprensión.
  • 7. Estas se caracterizan por tener su estilo propio, para usar este tipo de letras el diseñador debe crear un estilo que tanto en contenido de la pagina web como la letra vayan de acuerdo a lo que se quiere transmitir.
  • 8. El rotulado o la caligrafía, son usadas como recursos llamativos para atraer la atención sobre palabras concretas o logotipos.
  • 9. COLOR PARA PANTALLAS Los colores transmiten ciertas sensaciones emocionales y fisiológicas. De tal forma que al diseñar una pagina web colorida despertara el interés del cibernauta hacia los contenidos del sitio virtual. Estos deben usarse solo en paginas de inicio.
  • 10. SISTEMAS DE COLOR ADITIVO QUE SE COMPONEN DE TRES COLORES PRIMARIOS:  ROJO  VERDE  AZUL
  • 11. COLOR SUBSTRACTIVO Estos colores se mezclan por tintas o pigmentos. Opera con luz reflejada ( por absorción y reflexión). Se compone de colores:  Cyan  Magenta  Amarillo
  • 12. CONTRASTE DE COLORES El contraste de los colores es importante tenerlo en cuenta al momento de diseñar una pagina web, ya que este permite la legibilidad de los textos en particular cuando se están visualizando en pantallas. En algunas ocasiones la falta del uso adecuado que se utilizan para el diseño de los sitios virtuales no son los mas adecuados, perdiendo de esta forma la legibilidad de algunos contenidos de la pagina web.