miércoles, 30 de junio de 2010

1.4.1 Color

Los colores provocan diferentes sensaciones en las personas; cada color tiene un significado que podemos utilizar al diseñar nuestro sitio web, así podemos sugerir o promover diversas sensaciones en nuestros visitantes.

Significado de los colores:

  • Blanco: significa seguridad, pureza y limpieza. A diferencia del negro, el blanco tiene una connotación positiva Es apropiado para organizaciones caritativas y asociable con hospitales, médicos y esterilidad. Puede usarse en sitios web de productos médicos o relacionados con la salud
  • Amarillo: simboliza la luz del sol. Representa alegría, felicidad, inteligencia y energía. Al amarillo simula entrar en calor, provoca alegría, estimula nuestra actividad mental y genera energía muscular. Con frecuencia está asociado a la comida Apropiado para webs infantiles y para ocio. Por su eficacia para atraer la atención, es útil para destacar aspectos importantes de un sitio web.
  • Anaranjado: Representa entusiasmo, felicidad, atracción, creatividad, determinación, éxito, ánimo y estímulo. Por su alta visibilidad también es útil para captar la atención y subrayar aspectos a destacar de un sitio.
  • Rojo: representa fuego y sangre, está asociado al peligro, la guerra, la energía, fortaleza, determinación así como a la pasión, al deseo y al amor. Visibilidad alta, para avisos importantes, prohibiciones y llamadas de precaución. Adecuado para sitios web del motor (coches y motos), bebidas energéticas, juegos, deportes y actividades de riesgo.
  • Púrpura: se asocia a la realeza y simboliza poder, nobleza, lujo y ambición. Sugiere riqueza y extravagancia. Asociado con la sabiduría, la creatividad, la independencia, la dignidad. El púrpura brillante es ideal para diseños dirigidos a la mujer y es apropiado para diseños dirigidos a niños.
  • Azul: el color del cielo y del mar, asociado con la estabilidad y la profundidad. Adecuado para productos de limpieza (personal, hogar e industrial) y lo relacionado con:
    • El cielo: lineas aéreas, aeropuertos.
    • El aire: acondicionadores, paracaidismo.
    • El mar: cruceros, vacaciones y deportes marítimos.
    • El agua: agua mineral, parques acuáticos, balnearios.
    • También es un color adecuado para promocionar productos de alta tecnología o alta precisión
  • Verde: el color de la naturaleza. Representa armonía, crecimiento, exuberancia, fertilidad y frescura. Por estar asociado con la naturaleza es ideal para webs de jardinería, turismo rural, actividades al aire libre o productos ecológicos.
  • Negro: representa poder, elegancia, formalidad, muerte y misterio. En una web puede dar imagen de elegancia y aumentar la sensación de profundidad y perspectiva. Sin embargo no es recomendable usarlo como fondo, pues disminuye la legibilidad.

El sistema RGB

Los colores aditivos son los usados en trabajo gráfico con monitores de ordenador, pues el monitor produce los colores partiendo de tres tubos de rayos catódicos: uno rojo, otro verde y otro azul.

Por este motivo, el modelo de definición de colores usado en trabajos digitales es el modelo RGB(red, green, blue). Los valores de cada color van desde 0 a 255 y, combinando sus valores se obtienen todos los colores visibles. Para mostrar el rojo "puro" en RGB, sería RGB(255, 0, 0).

El sistema hexadecimal

El sistema hexadecimal permite expresar fácilmente un color de la escala RGB al sistema empleado en HTML y en javaScript.

De esta forma, el rojo "puro" RGB(255, 0, 0), en sistema hexadecimal será RGB(ff, 0, 0), y en un fichero html o css se representará #ff0000. Para entender mejor esto, con más información y ejemplos de sitios web con colores determinados, mejor visitar siguientes enlaces:

Colores aditivos y colores sustractivos:
  • Colores aditivos: luces de color (R,G,B): rojo, verde y azul.
  • Colores sustractivos: absorbe los colores y refleja el que se ve (C,M,Y,K): cian, magenta, amarillo y negro.

Enlaces de interés:

No hay comentarios:

Publicar un comentario