REGLAS PARA PANTALLA

TIPOGRAFIA Y COLOR

DAVID ROA

PUBLICIDAD & MERCADEO

1014191897

COLOR

FUNDAMENTO TEÓRICO La paleta de colores RGB 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

Además de estos tres colores primarios aditivos RGB, existen tres colores primarios sustractivos o CMY Estos colores surgen de la siguiente combinación de los primarios aditivos:

Cian = Verde + Azul Magenta = Rojo + Azul Amarillo = Rojo + Verde

COLOR

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.

SATURACION, BRILLO Y CONTRASTE

Todo color posee una serie de propiedades que le hacen variar de aspecto y que definen su apariencia final. Entre estas propiedades cabe distinguir:

Un ejercicio para entender mejor estos conceptos:http://contenidos.educarex.es/mci/2002/24/actividades/6_9.html

SATURACIÓN

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.

BRILLO

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 "oscuridad" que tiene un color, es decir, representa lo claro u oscuro que es un color respecto de su color patrón.

CONTRASTE

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.

CONTRASTE COLOR

LOS COLORES Y SU EFECTO

El color es importante para tener en cuenta dependiendo del perfil del producto es importante saber escoger los colores que definirán una parte de la página para que sea factible el cometido de ésta.

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.

LOS COLORES Y SU EFECTO

TABLA DE SENSACIONES:Calidez, tibieza Colores tibios asociados al fuego:

Marrón, Rojo, Naranja, AmarilloFascinación, emoción El amarillo dorado deja una

sensación perdurable, brillante, fuerte.Sorpresa El granate, sorprende por poco usado.Feminidad La variedad de tonos alrededor del rosa y

lavandaDramatismo Verde oscuro, poderoso.Naturalidad Sutiles tonos de gris y verdeMasculinidad Marrones, piel curtida y azulesJuvenil Colores saturados, brillantes, extremos,

con el máximo contrasteSerenidad Sombras frescas, del violeta al verdeFrescura Tonos neutros de azul violeta y gris

TIPOGRAFIAS

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

LEGIBILIDAD

Lo primero a considerar es la legibilidad. Piensa ¿Qué es lo que tiene que hacer un tipo de letra? La respuesta es sencilla: Leerse!

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?

Así que, si eliges una fuente que sea legible, ya tienes ganada la mitad de la batalla!

TIPOS DE LETRA

FUENTES

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.

Las fuentes instaladas por defecto en Windows y Mac OS (fuentes seguras) son:

LINEAS Y LETRAS

LONGITUD LINEA Y CANTIDAD DE TEXTO Impreso no debe tener mas de 10 palabras y entre 35 - 55 caracteres Pantalla 35 pulsaciones es importante que tenga buena legibilidad en

pantalla El cuerpo de letra y tipografía deben tener la longitud correcta.

INTERLINEADO Y ESPACIO ENTRE PALABRAS Debe tener un interlineado entre 130 y 150% en tipografías sólidas Si la tipografía es ancha y fina tiene que haber un mayor espacio entre

líneas 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.

CUERPOS DE LETRAS Es recomendable de todas maneras analizar cada tipografía dependiendo

de sus características. Entre mas grande mas precisa será su descomposición en píxeles y mas

nítida será en pantalla.

CONCLUSIONES

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.

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.