miércoles, 13 de noviembre de 2013

Identificar colores HTML

Ahora que estáis trabajando más profundamente en el diseño estético del blog, es conveniente elegir bien los colores que en él vais a utilizar.

Sistema RGB
Para representar los colores en la web se utiliza la mezcla aditiva, lo que se conoce como la paleta RGB (red, green, blue), en la que los colores primarios son el rojo, el verde y el azul. Visita las páginas Sistema de color RGB y Monitor RGB de la Enciclopedia de la percepción visual, para ver mejor este aspecto del color.
http://www.fotonostra.com/grafico/colorluzpigmento.htm
Imagen en "Modo de color" en Fotonostra.

Sistema hexadecimal
En el lenguaje de marcado HTML, que es el que se utiliza en internet,  estos tres colores están representados en sistema hexadecimal. Para comprender bien la relación entre la paleta RGB y su representación en HTML visita la Teoría sobre los códigos de colores HTML.


Identificar colores HTML
Estamos partiendo de la cabecera, así que esta va a ser la que marque los colores que dominarán vuestro blog. Para poder tomar colores de la cabecera y aplicarlos en vuestro blog podéis encontraros con sitios que os ayudan a identificar los colores.

 
  • Color Hex, sirve para saber que color es una cifra hexacesimal que conozcamos previamente. Además puedes obtener el código de identificación de esa cifra (color) en otras sistemas. Tan solo tienes que introducir dicho código en la barra de búsqueda de la parte superior.
  • Imgr Color Tool es una herramienta online que permite conocer la gama de colores que intervienen en una imagen. Para ello debes tener la imagen en tu ordenador (por ejemplo, la cabecera de tu blog), buscarla, seleccionarla y subirla pulsando en el botón "imgr it!" Te aparecerá dicha gama, y colocando el cursor sobre cada color conocerás su código, que podrás aplicar a los diferentes elementos de tu blog.



Para saber más:

lunes, 11 de noviembre de 2013

El color en el blog

De los elementos del lenguaje visual, el color puede ser el que más directamente afecta a nuestro sentido visual: cuando vemos una imagen en blanco y negro lo primero que constatamos es la ausencia de este elemento. Es por ello que su utilización sea tan importante tanto en el diseño impreso como en el digital.
Aunque no existen reglas absolutas es conveniente tener en cuenta algunos puntos que pueden ser de gran ayuda:

1. Es interesante que pensemos en el tema de nuestro blog y en el público al que queremos que se dirija. La página debe atraer a la vista para lo suficiente como para que los posibles seguidores se detengan a leer.  Por ejemplo, las imágenes infantiles se caracterizan por el uso de colores muy saturados:

2. Los colores transmiten sensaciones, muchas de ellas fundamentadas en aspectos culturales. Debes tenerlas en cuenta, pues los colores se asocian a aspectos que pueden ayudarte para que el blog resulte más atrayente.
3. A la hora de seleccionar los colores podemos tener en cuenta que estos establecen relaciones entre ellos. Estas relaciones básicamente son:

    • Por contraste: utilización de colores distanciados en el círculo cromático, como pueden ser los colores complementarios (diametralmente opuestos en el círculo cromático), diferente grado de  luminosidad o distinto nivel de saturación.


    • Por armonía: utilización de colores cercanos en el círculo cromático, o que tienen en común un determinado color (diferentes tonos de un mismo color).
4. Simplifica la información: no utilizes muchos colores, con dos o tres puede ser suficiente. Usa diferentes tonos de un mismo color.
5. Crear una jerarquía de colores ayuda a establecer un orden en la lectura y que, por tanto, esta sea más rápida y eficiente. Es por ello que os recomiende que exista un color predominante.


Para saber más:

Related Posts Plugin for WordPress, Blogger...