Diseño Web

Android Icons: 30 iconos vectoriales para Android

Android Icons es un set de 30 iconos vectoriales gratuitos que fueron originalmente desarrollados para ser usados en aplicaciones de Android, pero todas son muy buenas para sitios web.

Vienen en PNG transparente + formatos EPS y pueden ser utilizadas en proyectos personales como comerciales sin ninguna restricción.

Descargar | Android Icons

Kuler: Explora, crea y comparte esquemas de colores

Adobe Kuler es una buena herramienta que Adobe ha creado pensando en los diseñadores. Con Kuler, uno puede escoger el esquema de colores que más le guste de entre miles o crear un esquema a gusto o a partir de una foto.

¿Te gustaría conocer el esquema de colores de una fotografía? Kuler nos permite hacer eso de una manera muy eficiente y sencilla, para que después podamos descargar la paleta de colores o copiar y pegar los valores hexadecimales en nuestro diseño.

Adobe también ha puesto a nuestra disposición una versión offline de Kuler para poderla descargarla (requiere la instalación de Adobe Air).

Enlace | Adobe Kuler

Web-kreation esta compartiendo un bien diseñado panel de login desplegable, muy útil para usar en websites con espacio limitado.

Panel desplegable de login con MooTools/jQuery

Tiene 2 versiones:

  • Usando MooTools
  • Usando jQuery (versión mejorada en lo que respecta a diseño y funcionalidad)

El panel funciona sobropiendo el contenido en lugar de empujarlo, y puede ser fácilmente convertido por cualquier otra funcionalidad (cómo navegación, búsqueda, formulario de contacto, etc.).

También ha sido integrado en Wordpress mediante plugins:

Demo | Sliding login panel with jQuery
Descargar | Nice & Clean Sliding Login Panel built with jQuery
Vía | webresourcesdepot

Descargar íconos de estado para aplicaciones web

Sixpack status es un pequeño set de iconos de alta calidad que podemos usar en los mensajes de status de nuestra aplicación web. Es completamente gratis para un uso personal y comercial. Los íconos están disponibles en 4 tamaños: 32x32, 64x64, 128x128 y 256x256px. También están disponibles en formato vectorial (SVG), a fin de permitirnos editarlos e integrarlos mejor en nuestras páginas web.

Descargar | Sixpack status icons (Página del autor)

En sixrevisions comparten un magnífico tutorial que nos explica paso a paso como crear el diseño profesional, verde y elegante de una web con photoshop. El resultado final es el siguiente:

Cómo hacer un diseño web verde y elegante con Photoshop

También pueden ampliar la captura de pantalla del diseño desde este enlace y descargar el PSD desde este otro.

Tutorial | How to Make a Green & Sleek Web Layout in Photoshop

image

Hace unos días webdesigndev publicó un top con las 20 páginas sobre diseño web que ganan más dinero en internet. Las ganancias son producto de los ingresos por anuncios, ventas en programas de afiliados, miembros premium, tráfico, entre otros y no están plenamente confirmadas por los propios sitios...

Suscríbete

  • Suscribete a nuestro feed
  • Add to Google Reader or Homepage
  • Subscribe in NewsGator Online
  • Add to My AOL
  • Subscribe in Bloglines
  • Add to netvibes