Tag de artículos: color

La importancia del contraste en diseño web

El Contraste se produce cuando dos elementos de una página son profundamente distintos. Podríamos poner como ejemplo las diferentes gamas de colores entre el texto y el color de fondo, el utilizar una fuente negrita combinada con una sans-serif, o diferentes tipos de texturas, combinando una textura áspera con una suave. Lo que se busca en cualquiera de estos casos, es que los elementos sean completamente diferentes, y no sólo un poco diferentes.

Una de las principales razones para el uso del contraste en diseño, ya sea para impresión o web, es para llamar la atención. Por ejemplo, se puede realizar un diseño con un fondo de color oscuro, y letras de color claro para que cause un mayor impacto; incluso dentro de esta gama de colores, se podría incluir un texto en un tamaño mayor y en negrita o imágenes para destacar una zona sobre otra.

Carsonified

Además, no solo conseguimos de esta forma un diseño más impactante, sino que nos sirve para organizar la información de una forma mucho más clara, destacando unos elementos sobre otros según su grado de importancia. Un claro ejemplo han sido los anuncios del iPod: en éstos aparecen unas siluetas sobre un fondo de colores brillantes. El iPod y los auriculares aparecerán en blanco y se destacan claramente en contra de las siluetas y los colores de fondo.

ipod

Es por tanto, un elemento que nos ayudará a la hora de destacar en nuestra página elementos o zonas que requieran de un mayor peso visual, pero habrá que tener cuidado de no abusar del mismo, ya que no siempre será la forma más adecuada de presentar la información.

Acciones de Photoshop

Las acciones de Photoshop nos permiten automatizar ciertos procesos en el programa, lo que nos permitirá realizar nuestro trabajo más rápido, sobre todo cuando tenemos que ejecutar la misma tarea muchas veces. En Internet podemos encontrarnos las acciones como uno de los recursos más habituales para Photoshop, ya que con el simple proceso de descargarlas e implementarlas, podemos tener una funcionalidad en la aplicación a realizar en un único paso, que de otra forma nos podría llevar varios pasos y más tiempo en efectuar.

photoshop_actions_3

photoshop_actions_9

photoshop_actions_10

photoshop_actions_12

photoshop_actions_16

photoshop_actions_18

50 Time Saving Photoshop Actions for Enhancing Photos

ColorSuckr: extrael el color de tus fotos

colorsuckr

ColorSuckr es una interesante herramienta que te permite extraer los colores de una foto. Para seleccionar la foto, tienes la posibilidad de indicar la url de la misma, o buscarla en Flickr; además, existe un Add-on para Firefox, de tal forma que se realizar el proceso aún más rápido.

Una vez seleccionada la imagen, se nos muestra una paleta de colores con sus códigos hexadecimal, web y RGB, con la posibilida de descargar un archivo de paneles de color en formato .ACO para Adobe.

http://colorsuckr.com/

Efecto de luces con javascript

glow

Impresionante efecto realizado por la gente de Dragon Labs para mostrar un formulario. Se puede ver como el contorno de la capa cambia de color por zonas y varia la intensidad de la luz, ofreciendo un efecto de gran calidad y vistosidad.

http://labs.dragoninteractive.com/panel/demo/

Herramientas para crear paletas de color

colorotate-interfaz

Colección de generadores de paletas de color, para generar tus propias paletas de color, ver un listado de paletas  compatibles, paletas favoritas, etc.