elWebmaster.com

Las infografías son una gran manera para que la gente realmente vea los datos. El uso de elementos de diseño visual puede simplificar la información compleja y hacer que sea más fácil de digerir.

En esta nota, te mostramos 13 infografías que presentan información y datos útiles para todos los trabajadores de la web, y para ti también ya que puedes utilizarlas como fuente de inspiración en tus diseños. Seguir leyendo

Con ImageSpark descubre, comparte, etiqueta y combina imágenes que te inspiren a ti y a tus proyectos.

ImageSpark es una especie de libro de bosquejos donde podrás cargar todas aquellas fotografías que veas en la web y te resulten interesantes o impactantes a modo de enlaces. Es como tener tu sección de “Favoritos” o “Bookmarks” de fotos almacenadas en una aplicación, para tener un atajo rápido a cualquier imagen que veas y que te haya gustado. Seguir leyendo

Letterpress no es sólo un tipo de método de impresión industrial, sino también un genial efecto que está volviéndose increíblemente popular en la web y el cual podemos implementar en nuestros diseños.

Dado que algunos de los navegadores modernos poseen soporte para la propiedad CSS3 de text-shadow, es muy simple crear este efecto simplemente con CSS y una mínima intervención de algúna aplicación para retoque de imágenes. Seguir leyendo

Muchas veces decidimos utilizar un diseño web de dos columnas porque nos resulta más organizado que uno de tres columnas, pero un buen diseñador sabe que todo es relativo y debe estar al servicio de la premisa.

En esta nota te traemos 25 ejemplos de interesantes diseños de blogs en tres columnas, como incentivo para nuestra propia creatividad. ¿Quieres echar un vistazo? Seguir leyendo

A la hora de realizar nuestro portfolio, hay que tener en cuenta que es necesario adaptarlo a nuestras necesidades individuales.

En esta nota, te acercamos algunos consejos para lograr resultados óptimos en la creación del portfolio perfecto y ser la envidia de tus colegas. ¿Comenzamos? Seguir leyendo

Más y más a menudo, vemos que las personas que utilizan paneles deslizantes horizontales en sus sitios web. Y por lo general tienen un aspecto muy agradable.

Lo cierto es que más allá de lo “bello”, el panel vertical nos da la ventaja de poder condensar información, mostrando lo mínimo indispensable pero dando a nuestros usuarios un atajo rápido para “ver más”.

Algunos ponen un formulario de contacto o inicio de sesión allí, otros ponen algo de información sobre su sitio web, o incluso cosas como una nube de etiquetas o botones de redes sociales. Seguir leyendo

Como diseñador web puede que ya estés familiarizado con el formato de imagen PNG que ofrece la propiedad de transparencia completa. Es un robusto y muy buen reemplazo del viejo formato GIF.

En esta segunda parte te contamos nuevas técnicas para ayudarte a optimizar tus imágenes PNG, surgidas de analizar el modo en que el formato PNG almacena la información que utiliza. Seguir leyendo

Desde el Blog de Google, Michael Lopez, el diseñador del ícono de Google Chrome nos comenta que mientras descifraba cómo representar mejor el nuevo navegador web pasó por muchas interacciones.

Todos ya conocemos el afamado resultado. El pasado mes de Junio, Google invitó a los usuarios a que tomaran el ícono y lo transformaran de una forma nueva y creativa. Seguir leyendo

Con algunos conocimientos básicos en la compresión y optimización de las imágenes, es posible reducir significativamente el tamaño de una imagen mientras aumentamos su calidad.

Minimizar los tiempos de carga hará más rápida y placentera la experiencia del visitante. Por eso en esta nota te contamos cómo optimizar las imágenes de nuestro sitio con Photoshop para lograr un mejor desempeño.

Seguir leyendo

Seguramente todos los diseñadores estaban esperando algún nuevo set de pinceles originales para Photoshop, como los que siempre les traemos, para añadir a su colección.

El día de hoy tenemos para ustedes 30 pinceles de alta resolución estilo “aerosol que gotea” para que puedan implementar en todos sus trabajos realizados en este genial software de edición gráfica. Seguir leyendo