Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

Reglas para pantalla tipografia y color

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Cargando en…3
×

Eche un vistazo a continuación

1 de 16 Anuncio
Anuncio

Más Contenido Relacionado

Presentaciones para usted (20)

Similares a Reglas para pantalla tipografia y color (20)

Anuncio

Reglas para pantalla tipografia y color

  1. 1. REGLAS PARA PANTALLA TIPOGRAFIA Y COLOR DAVID ROA PUBLICIDAD & MERCADEO 1014191897
  2. 2. COLOR <ul><li>FUNDAMENTO TEÓRICO </li></ul><ul><li>La paleta de colores R G B consta, básicamente, de tres colores primarios aditivos: Rojo-Verde-Azul. Estos colores primarios aditivos, en HTML, están representados por tres pares hexadecimales del tipo 0xHH-HH-HH según el siguiente formato: #RRGGBB </li></ul><ul><li>Además de estos tres colores primarios aditivos R G B , existen tres colores primarios sustractivos o  C M Y  Estos colores surgen de la siguiente combinación de los primarios aditivos: </li></ul><ul><li>Cian = Verde + Azul </li></ul><ul><li>Magenta = Rojo + Azul </li></ul><ul><li>Amarillo = Rojo + Verde </li></ul>
  3. 3. COLOR <ul><li>Los monitores de ordenador, y otras pantallas, utilizan el modelo RGB, que representa el color de un objeto como una mezcla aditiva de luz roja, verde y azul (cuya suma es la luz blanca). En los materiales impresos, esta combinación de luz no puede ser reproducida directamente, por lo que las imágenes generadas en los ordenadores, cuando se usa un programa de edición, dibujo vectorial, o retoque fotográfico se debe convertir a su equivalente en el modelo CMYK que es el adecuado cuando se usa un dispositivo que usa tintas, como una impresora, o una máquina offset. </li></ul>
  4. 4. SATURACION, BRILLO Y CONTRASTE <ul><li>Todo color posee una serie de propiedades que le hacen variar de aspecto y que definen su apariencia final. Entre estas propiedades cabe distinguir : </li></ul>Un ejercicio para entender mejor estos conceptos: http://contenidos.educarex.es/mci/2002/24/actividades/6_9.html
  5. 5. SATURACIÓN <ul><li>Este concepto representa la pureza o intensidad de un color particular, la viveza o palidez del mismo, y puede relacionarse con el ancho de banda de la luz que estamos visualizando. Los colores puros del espectro están completamente saturados. Un color intenso es muy vivo. Cuanto más se satura un color, mayor es la impresión de que el objeto se está moviendo. </li></ul>
  6. 6. BRILLO <ul><li>Se usa para describir que tan claro u oscuro parece un color, y se refiere a la cantidad de luz percibida. El brillo se puede definir como la cantidad de &quot;oscuridad&quot; que tiene un color, es decir, representa lo claro u oscuro que es un color respecto de su color patrón. </li></ul>
  7. 7. CONTRASTE <ul><li>El contraste es la diferencia de luminosidad entre las zonas claras y oscuras de una imagen, si la diferencia es grande el contraste es mayor, si la escena tiene los tonos o brillos muy igualados el contraste es pequeño. </li></ul>
  8. 8. CONTRASTE COLOR
  9. 9. LOS COLORES Y SU EFECTO <ul><li>El color es importante para tener en cuenta dependiendo del perfil del producto e s importante saber escoger los colores que definirán una parte de la página para que sea factible el cometido de ésta. </li></ul><ul><li>Además de muchas otras funciones que cada sitio pueda tener, ante todo intenta comunicar y lo hace con palabras, con imágenes y, en primera instancia, con colores. </li></ul>
  10. 10. LOS COLORES Y SU EFECTO <ul><li>TABLA DE SENSACIONES: </li></ul><ul><li>Calidez, tibieza Colores tibios asociados al fuego: Marrón, Rojo, Naranja, Amarillo </li></ul><ul><li>Fascinación, emoción El amarillo dorado deja una sensación perdurable, brillante, fuerte. </li></ul><ul><li>Sorpresa El granate, sorprende por poco usado. </li></ul><ul><li>Feminidad La variedad de tonos alrededor del rosa y lavanda </li></ul><ul><li>Dramatismo Verde oscuro, poderoso. </li></ul><ul><li>Naturalidad Sutiles tonos de gris y verde </li></ul><ul><li>Masculinidad Marrones, piel curtida y azules </li></ul><ul><li>Juvenil Colores saturados, brillantes, extremos, con el máximo contraste </li></ul><ul><li>Serenidad Sombras frescas, del violeta al verde </li></ul><ul><li>Frescura Tonos neutros de azul violeta y gris </li></ul>
  11. 11. TIPOGRAFIAS <ul><li>la tipografía es un gran aporte para el diseño y en cada trabajo de diseño web la tipografía ya es parte del diseño , la creatividad no hay limites tanto para el diseño web , pues causa la atención a los visitantes , da frescura a un sitio web </li></ul>
  12. 12. LEGIBILIDAD <ul><li>Lo primero a considerar es la  legibilidad . Piensa ¿Qué es lo que tiene que hacer un tipo de letra? La respuesta es sencilla: Leerse! </li></ul><ul><li>Hay muchos sitios que colocan fuentes muy pequeñas, o muy gruesas, o feas y la pregunta es ¿acaso no quieren que se disfrute de su contenido? </li></ul><ul><li>Así que, si eliges una fuente que sea legible, ya tienes ganada la mitad de la batalla! </li></ul>
  13. 13. TIPOS DE LETRA
  14. 14. FUENTES <ul><li>Es importante asegurarnos de que los contenidos textuales tendrán el mismo aspecto (o el más parecido posible) sea cual sea la pareja SO-navegador de cada usuario. Puesto que un 97% de los usuarios de Internet utilizan PC Windows o Mac Mac Os, parece lógico diseñar nuestras páginas web buscando la mayor compatibilidad tipográfica entre ambos sistemas. </li></ul>Las fuentes instaladas por defecto en Windows y Mac OS (fuentes seguras) son:
  15. 15. LINEAS Y LETRAS <ul><li>LONGITUD LINEA Y CANTIDAD DE TEXTO </li></ul><ul><li>Impreso no debe tener mas de 10 palabras y entre 35 - 55 caracteres </li></ul><ul><li>Pantalla 35 pulsaciones es importante que tenga buena legibilidad en pantalla </li></ul><ul><li>El cuerpo de letra y tipografía deben tener la longitud correcta. </li></ul><ul><li>INTERLINEADO Y ESPACIO ENTRE PALABRAS </li></ul><ul><li>Debe tener un interlineado entre 130 y 150% en tipografías sólidas </li></ul><ul><li>Si la tipografía es ancha y fina tiene que haber un mayor espacio entre líneas </li></ul><ul><li>El interlineado debe ser entre 5 y 10 unidades si es menor puede ser ilegible y si por lo contrario es mayo se nota un espacio blanco entre las líneas y puede ser de difícil lecturabilidad. </li></ul><ul><li>CUERPOS DE LETRAS </li></ul><ul><li>Es recomendable de todas maneras analizar cada tipografía dependiendo de sus características. </li></ul><ul><li>Entre mas grande mas precisa será su descomposición en píxeles y mas nítida será en pantalla. </li></ul>
  16. 16. CONCLUSIONES <ul><li>Después de leer el contenido del libro “reglas para pantalla tipografía y color” se concluye que es de gran importancia conocer las dos ramas de diseño, tanto la impresa como la digital, ya que aunque a primera vista son parecidas, se diferencian en aspectos determinantes. </li></ul><ul><li>Al realizar un formato en pagina web es indispensable tener encuentra todos los formatos que tratamos anteriormente para que cumpla su prometido y poder tener gratos resultados. </li></ul>

×