XanelaWeb - Diseño, web y nuevas tecnologías

Packaging de diseño

Javier Otero — Wed, 02 Jun 2010 22:54:31 +0000

Diferentes, de colores llamativos, con formas curiosas y materiales diversos. No nos cansamos de presentarte originales embalajes, cajas y recipientes que cumplen sin duda alguna la función por la que fueron realizados: llamar la atención del cliente final sobre el producto que contienen.

La importancia del contraste en diseño web

Javier Otero — Sun, 06 Dec 2009 23:25:04 +0000

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.

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.

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

Javier Otero — Fri, 11 Sep 2009 14:10:27 +0000

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.

50 Time Saving Photoshop Actions for Enhancing Photos

ColorSuckr: extrael el color de tus fotos

Javier Otero — Thu, 06 Aug 2009 06:46:20 +0000

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

Javier Otero — Wed, 08 Jul 2009 14:10:29 +0000

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

Javier Otero — Mon, 06 Jul 2009 07:19:30 +0000

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